ЗАДАЧА:
1.Сверстать лендинг по продаже халатов.
2.Сверстать мобильную версию лендинга.
3.Сделать сенкью пейдж и переход на нее.
4.Настроить сбор контактных данных в админ. панели.
5.Поставить на домен и залить все на хостинг.
6.Прицепить к лендингу форму онлайн-консультанта.
Макеты:
СРОКИ: 4 суток – сдать 23 января 2016г
ТЕХ.ЗАДАНИЕ
ОСНОВНОЙ ЛЕНДИНГ
Хедер статичен, при наведении кнопка откликается потемнением, при нажатии появляется форма. То же самое происходит со всеми остальными кнопками на сайте.
Текст в первом блоке выплывает с таким эффектом, как у хряниных на лендинге. Выплывает справа, единожды, при открытии.
Под первым блоком – 3 иконки с цифрами. Тоже легкая спокойная единоразовая анимация.
В блоке, где на фоне – белый интерьер, делаем параллакс.
После таблицы с размерами идет КОНСТРУКТОР ХАЛАТОВ.
Вот пример подобной работы, можно что-то взять отсюда:
С его помощью человек должен смочь самостоятельно составить себе дизайн халата следующим образом:
1.выбирает, взрослый халат или детский.
2.выбирает размер
3.выбирает цвет ткани – при этом цвет халата окрашивается в такой цвет, который выбрал человек
4.выбирает цвет вышивки – при этом цвет надписи на халате окрашивается в такой цвет, который выбрал человек
5.из выпадающего списка выбирает корону, если захочет. Если корону для верхнего рисунка – на халате показывается рисунок чуть выше. Если выбирает – "Нижний рисунок" – соответственно, ниже.
6.Пишет текст, который должен быть на халате – при этом он моментально показывается на халате.
7.Выбирает шрифт надписи. Соответственно, меняется надпись на халате.
8.Выбирает размер шрифта (ставить размеры в пределах разумного).
ТЕПЕРЬ ВАЖНО: при нажатии кнопки "Создать дизайн халата" всплывает форма заказа, а вся вписанная информация сохраняется в таблицу с данными этого человека.
Если человек что-то не заполнил, то текст кнопки меняется на текст "Заполните все поля!" пока человек держит кнопку нажатой.
В блоке "Примеры наших работ" примеры перелистываются вбок при нажатии на стрелочки.
В последнем блоке с отзывами при наведении на любой отзыв, он выдвигается вперед. НЕМНОЖКО, чтоб было читабельно.
В последнем блоке при нажатии на значки можно поделиться страницей в соц.сетях. Пусть при этом отображается любая красивая фотка халата с сайта
Футер нужно сделать цельной картинкой. Чтобы он весь был кликабельный.
МОБИЛЬНАЯ ВЕРСИЯ
Все то же самое, за исключением:
Убираем всю анимацию
Убираем параллакс
Отзывы пролистываются в бок
ГЛАВНОЕ: чтобы хорошо работал конструктор. Без задержек и багов.
СЕНКЬЮ ПЕЙДЖ
При нажатии на логотип почтового сервиса, человека переадресовывает на данный почтовый сервис.
Сенкью пейдж открывается в новой вкладке на компе и в той же вкладке на телефоне.
Сайт должен открываться во всех браузерах и на всех устройствах!
Примечание: с клиентом не связываемся ни при каких условиях.