Сборка сайта «Philips Sonicare»

Philips Sonicare: Превью

Клиент

«Philips Sonicare» — электрические зубные щетки. Высокотехнологичные персональные гаджеты, которые заботятся о здоровье зубов.

Задача

Сверстать и запустить промо-сайт «MyCheese» в рамках субподряда для агентства «Lucky III» — московские коллеги придумали концепцию и создали дизайн-макеты.

Диспозиция

Предназначение промо-сайта — поддержка рекламной компании: 3 информационные страницы о преимуществах, страница со сравнением и каталог щеток «Philips Sonicare» со ссылками на интернет-магазин «Philips». Учитывая специфику, сайт не планировалось обновлять после запуска, поэтому мы предложили сделать его статическим на легком движке Jekyll.

Результат

Чтобы понять насколько щетки «Philips Sonicare» эффективнее обычных, реализовали специальную функцию: укажите, имя и возраст на главной странице и узнайте сколько дней вы бы сэкономили на чистке зубов. Дополнительно настроили множество анимированных и интерактивных элементов, например, «летающих» щеток и всплывающих подсказок. Реализовали возможность сравнить щетки.

Philips Sonicare: Собранные страницы

Содержание

После того как сайт был собран, мы его наполнили: описание 8 фактов, 5 насадок, 10 щеток, множество всплывающих окошек с индивидуальными особенностями и параметры для сравнения.

Philips Sonicare: Парад щеток

Адаптивность

Современному сайту полагается быть адаптивным. Учитывая, что в рамках рекламной кампании планировалось привлекать пользователей мобильных устройств, он обязан корректно отображаться на популярных смартфонах и планшетах.

Philips Sonicare: Пример адаптивности

Пример отображения страниц на смартфонах

Philips Sonicare: Брайзеры

Верстка протестирована в популярных браузерах

Особенности проекта

  • Адаптивная и кроссбраузерная верстка
  • Публикация информационных материалов
  • Множество анимированных объектов
  • Настройка целей для аналитики

Необходимо сверстать и собрать подобный сайт?

Обсудить проект Подробнее об услуге

Над проектом работали

Сергей Булгаков

Технолог

Иван Лощенов

Менеджер