Задача коротко: Сверстать сайт по макету PSD со счётчиком, слайдерами и обратной связью
Общие требования:
Вёрстка должна быть адаптивной и кроссбраузерной (в т.ч. под Андроид и iOS). Все элементы должны работать на указанных платформах.
Загрузка сайта 1-2 секунды вместе с картинками
Название файлов изображение – удобчитаемое. Например greben.jpg
Аккуратный грамотный код, который не должен конфликтовать между собой и с кодом Я.Метрика и Google Аналитикс.
Доставляемость писем от скрипта с отзывами должна быть 99,9%
По итогам также должен быть предоставлен файл sitemap.xml
Макет –
, остальное прикрепили
Пояснения по блокам:
1. Меню
- При наведении подсвечивается соответствующий пункт меню (hover). Можно в виде розового прямоугольника.
- Логотип сделать как ссылку на сайт
2. Второй блок со вшей
- Добавить ещё пункт: :Есть в каждой аптеке
- Кнопка подробнее ведёт на следующий слайд. Тоже сделать чтобы при наведении подсвечивалось.
3. Как распознать
При щелчки на симптомы слева появляется соответствующая картинка. Также должен быть автоматический переход между этими симптомами с разницей в 2 секунды. Сверху вниз. Зацикленно.
4. Описание гребня
Картинки предоставим. Сделать так, чтобы при клике на них появлялась крупная картинка и между ними можно было листать.
5 Инструкция
- Механический и комбинированный – это вкладки.
- Автоматически активна вкладка МЕХАНИЧЕСКИЙ.
- В ней 7 шагов по избавлению. Слева в каждом шаге появляется картинка (прикрепляем)
- Шаги, также автоматически листаются с разницей в 2 секунды, а также на них можно нажать.
- При нажатии на комбинированный – подгружается инструкция по комбинированному способу.
--------------
Комбинированный:
- Помойте голову Педикуленом Ультра
- Волосы не сушите, расчешите их на одну сторону головы
- Возьмите одну небольшую прядь и прочешите от корней до кончиков волос
- После прочесывания одной пряди – вымойте гребень и приступайте к следующей пряди
- Рекомендуем прочесывать волосы над ванной
- Прочесывайте волосы в течении недели, чтобы исключить рецидив педикулеза
Механический – подходит, если у вас аллергия или нежная кожа:
- Намочите волосы водой
- Волосы не сушите, расчешите их на одну сторону головы
- Возьмите одну небольшую прядь и прочешите от корней до кончиков волос
- После прочесывания одной пряди – вымойте гребень и приступайте к следующей пряде
- Рекомендуем прочесывать волосы над ванной
- Прочесывайте волосы в течении недели, чтобы исключить рецедив педикулеза
-------------
- При нажатии на кнопку Смотреть видео – появляется popap-окно, либо появляется новая область сайта, съезжающая вниз, где будет видео из ютуба.
6. Отзывы клиентов
- Видно 2 отзыва. Они также листаются влево-вправо. Всего отзывов 4 пока.
- При нажатии на кнопку Оставить отзыв появляется окно с полями: Ваше имя, Электронная почта и Сообщение, а также кнопка Отправить. Человек пишет отзыв и он уходит на несколько почт. Например на saiggecom@ya.ru
- После отправки отзывы выдается текст: Спасибо за Ваше сообщение! Мы обязательно его учтём.
7. Иди и купи (заменить на "Гребень Педикулен ультра в каждой аптеке")
- Простой счётчик, с привязкой к сессии пользователя по кукисам. Т.е. пользователь если зайдет на сайт ещё раз, то если время не истекло, то ему продолжается отчёт.
- Если время истекло, то вместо отчёта надпись: За прошедшее время уже можно было бы избавиться от вшей с помощью Гребня Педикулен Ультра.
8. Футер
- Логотип IMSMedia сделать ссылкой на
- Соц.сети – на соц.сети нужные.
--------
Мы нацелены на долгосрочное сотрудничество. В случае успешно реализованного проекта – с нас хороший отзыв.