Техническое задание
Нужно сверстать landing page на основе предоставляемого дизайна.
Дизайн высылаю после утверждения вас как исполнителя в проекте.
ТЗ в видео формате (4:35 минуты):
PSD готовый, модальное окно, ховеры, страница Спасибо.
Работаем первый проект по Безопасной сделке. Либо с постоплатой по проделанной работе в 3 этапа.
Всяческую помощь я предоставляю.
Тех условия для верстки
1. блочная верстка (html5 и CSS3 приветствуется)
2. соблюдение стандартов W3C
3. комментирование кода (обязательно)
4. Для скриптов использовать библиотеку JQuery и ее плагины
5. Использование CSS эффектов вместо картинок (там где это возможно)
6. Hover эффекты должны быть реализованы на CSS3 (transition-delay:
0.3-0.5)
Срок исполнения 3 дня.
Интересует не одноразовое сотрудничество.
Нужен толковый верстальщик.
Заказы бывают не часто, но бывают периодически.
ВАЖНО: В вашем коде будут разбираться другие! Будьте Людьми!:)
Стандарты:
Необходимо точное соответствие PSD-макету по всем параметрам, пиксель
в пиксель.
Верстка должна быть фиксирована по центру, кроссбраузерна и
отображаема на мобильных устройствах в том же формате, что и на ПК.
Верстаемая страница всегда должна состоять из частей с фиксированной
шириной (контентом) и «резиновых» фоновых изображений, которые
должны адекватно растягиваться на всю ширину любого монитора
(стандартно на 1980 px.)
При верстке необходимо оптимизировать изображения под быструю
загрузку, с минимальными потерями качества.
В целом, всегда должен быть приоритет на быструю загрузку сайта.
Все тексты, располагаемые на сайте, должны быть реализованы именно в
виде текста, а не изображения.
Все модальные окна должны появляться строго по центру экрана и оставаться в фиксированном положении. Закрываться данные окна должны при нажатии на «крестик» в правом верхнем углу и при нажатии на область вне окна. Область вне окна должна затемняться в соответствии с дизайном. Крестик при наведении и нажатии должен видоизменяться.
Из скриптов нужно подключить:
-Модальное окно на заказ звонка, задать вопрос менеджеру, оставить заявку в разделе Как мы работаем. На почту приходят разные письма с пометкой – Заявка на обратный звонок, Заявка в разделе Как мы работаем, Вопрос менеджеру. С основной формы – Заявка на замер 1, Заявка на замер 2, Заявка на замер 3, Заявка на консультацию.
Поставить яндекс метрику на сайт и настроить цели на активные кнопки. Код метрики и код целей предоставлю.
Поставить скрипт онлайн чата ( код я предоставлю )
Поля ввода должны реагировать на вставку курсора. То есть вставляя курсор, маска формы должна исчезать. Также поле, в котором находится курсор. обретает рамку или иной эффект.
В поле Телефон должна быть обязательная проверка данных. При вводе букв в этом поле, форма должна ругаться выводя сообщение «*Введите корректный номер телефона»
Настроить страницу Спасибо. После оформления заявки на обратный звонок, консультацию, заявка на замер и т.д Открывается отдельная страница Спасибо. Образец этой страницы в файле дизайна.
Все кнопки должны иметь 2 состояния: в обычном положении и при наведении мышки. Текст в кнопке должен быть реализован именно текстом, а не
изображением. Сама по себе кнопка должна быть реализована через CSS3.
Сделать блоки с анимацией – в видео ТЗ показано.
В раздел Наши работы поставить лайтбоксы, фото должны бесконечно прокручиваться, так как по дизайну по ширине не видно все работы.
Данные для замены реквизитов в футере, я предоставлю.
Иконка фавикон в макете.
Почту на которую будут приходить письма предоставим в процессе.
Адрес на карте указан не точно, предоставим в процессе.
Меню должно следовать при скроллинге по сайту.
Скорость загрузки сайта должна быть минимальной. Проверка страницы здесь
по всем пунктам должно быть 80 из 100.
Загрузить на наш хостинг.
Все детали рассказал в ТЗ Если что-то не учел, то в видео об этом сказал.