Для начала сотрудничества требуется:
• Положительное решение заказчика на основании портфолио исполнителя
• Согласование требований, деталей и бюджета
Задание:
Выполнить адаптивную верстку Landing Page в точном соответствии с макетами разработанного дизайна. (JPG примеры и дубликат данного задание во вложении)
Заказчик предоставляет: Макеты дизайна в формате PSD, отдельным вложением элементы дизайна и оформления + шрифты (если использовались не стандартные)
Количество блоков верстки – 10 блоков для одного языка
Два языковых варинта: Английский +Русский
Платформы:
Windows, MacOS
Дополнительные платформы:
Планшеты iOS, Планшеты Android, Мобильные браузеры Chrome, Safari, Opera, IE
Стандарты: HTML5/CSS3
Браузеры:
IE7-9, Chrome (15+), Firefox (15+), Opera (12+), Safari 5 – верстка полностью соответствует дизайну, скрипты работают в соответствии с ТЗ.
Ширина сайта: статична, сайт выровнен по центру. При 1024px должна отсутствовать горизонтальная прокрутка.
Расширяемость: блоки с изменяющимся содержимым подстраиваются в соответствии с дизайном при уменьшении/увеличении контента.
Масштабирование страниц: страницы при масштабировании страницы в диапазоне 70-150% в браузерах IE9, Chrome 15+, Opera 12+, Safari 5, FF15+ должны выглядеть так же как и при 100%. Допускаются не большие погрешности, которые возникают из-за неправильных округлений координат браузеров.
Файловая организация:
HTML файлы лежат в корне. Главная страница – index.html. Остальные – по именам макетов.
Стили в папке /css/
Javascript – /js/
Изображения оформления – /img/
Изображения содержания – /pic/
Ошибки и доработки
Ошибка – не соответствие верстки дизайну (кроме заранее оговоренных отличий) и /или ошибки в работе указанного в ТЗ функционала хотя бы на одной/ом из утвержденных платформах/браузерах.
Ошибки устраняются без доплат. Исключением является поиск ошибок после привязки к серверной части, если они появились при некорректной интеграции верстки и/или самостоятельных внесений изменений в html/css/javascript.
Доработка – изменение дизайна и/или изменение в функциональности и/или api работы front end.
Доработки оговариваются отдельно и не входят в первоначальную оценку работ.
Рекомендации и комментарии дизайнера
18+:
1. Адаптив.
2. Лого – заглушка (будет другое).
3. Цветовая палитра есть в PSD файле десктопной версии.
4. Все кнопки «Присоединяйтесь» открывают попап с регистрацией.
5. Форма регистрации – состояния инпутови т.д. лежат в попапе. В мобилке не дублируются, но все то же самое (в плане изменения цвета).
6. Блок №7 – параллакс, на примере параллакса тут:
Пнгшки лежат в папке с картинками, его нужно накрутить, править будем самостоятельно (сейчас немного сложно представить как точно он будет выглядеть).
7. Блок №9 – видео
18+:
1 экран: -
2 экран: иконки плавно появляются друг за другом
3 экран: –
4 экран: иконки плавно появляются друг за другом
5 экран: Если это будет возможно: «Лупы» на мужчине и женщине анимируются из центра, до своего полного размера, появляется линия соединяющая их, затем плавно появляется иконка, потом верхний блок текста, затем нижний
6 экран: Плавно появляется текст
7 экран: Тут у нас параллакс, поверх него появляется текст, затем кнопка
8 экран: иконки плавно появляются друг за другом
9 экран: Тут видео, поверх него появляется текст, затем кнопка
10 экран: плавно появляется иконка пользователя, затем его коммент