?>
Подождите,
идёт загрузка...

Июнь - Июль 2016

Клиент:

Бренд «Долфин»

Комплекс для промывания носа и горла.
Средство представлено на рынке медицинских изделий для поддержания гигиены и здоровья
органов дыхания.

dolphin-pack

Задача:

Обновление сайта компании

front-screen-with-border

Старый сайт

3-front-screens

Kейс:

Как создавался проект:

У компании «Долфин» уже был сайт,
созданный более 9 лет назад:

  • Устаревшее оформление
  • Неочевидная структура
  • Неактуальный контент
  • Неэффективная подача материала

Необходимо было полностью обновить наполнение ОТ и ДО, чтобы повысить эффективность сайта и соответствовать запросам современного потребителя.

1

Выявляем

Выявляем потребности клиентов:

  • Анализ запросов wordstat;
  • Анализ сайтов конкурентов;
  • Поведенческий анализ пользователей на сайтах;
  • Анализ метрики сайта Долфин;
  • Анализ поведенческих характеристик на старом сайте.
2

Видоизменяем

Позиционирование продукта-интерфейсы

3

Делаем

Сайт не про болезнь, а про здоровье. Даем решение!

iMac

Структура

Разрабатываем структуру сайта, которая облегчает задачу поиска нужной посетителю информации, отвечаем на главные вопросы:

  • Что такое «Долфин»?
  • В каких случаях помогает?
  • Что о нем говорят?
  • Какой «Долфин» выбрать?
  • Рекомендации специалистов.
  • Онлайн консультация ЛОР-врача.

Дополнительное меню

phablet-structure.png
decomposition

«Выберите
свой Долфин»

Для удобного выбора необходимой продукции добавляем кнопку-заголовок «Выберите свой Долфин»

dsa
proto

+35прототипов разработано

С разными вариантами использования интерфейса и удобства юзобилити.

Копирайтинг

Новые тексты на сайт пишем современным, простым и понятным языком. Информацию подаем порционно. Делаем четкие заголовки. Внедряем цепляющие офферы.

Регина
Менеджер
проекта
«Люди все меньше читают тексты, а информация должна быть передана доходчиво и сжато. У нас очень мало времени, чтобы заинтересовать посетителей».

blue-checkПравильное написание текста

copy1

blue-checkНеправильное написание текста

copy2
3-screen-from-copy

Прототип

Основная целевая аудитория – женщины, молодые мамы, которые не могут много времени проводить на сайте, они хотят быстро получить нужную информацию. Поэтому сайт должен быть максимально простой и ясный.

prototype

На главной странице – главное. Вся линейка продуктов «Долфин», онлайн консультация врача, тест- индивидуальный выбор «Долфина»

prototype

Разбиваем информацию на короткие блоки, чтобы пользователям было удобно ее воспринимать. Лаконичная инфографика в общей композиции помогает понять основные смыслы экранов без погружения в текст.

Фирменные элементы:

  • узнаваемые иконкиicons
  • акцент на схематичных изображениях
    face

    Теперь нарисованного человечка, который промывает нос на многих рекламных материалах «Долфин», в нашей команде принято называть «Виталиком» в честь его создателя.
    Правда, они похожи?

  • состав средства и устройство флакона для промывания показываем наглядно, так информация лучше запоминается и усваивается.
Виталий
Руководитель
отдела дизайна
«Первая ассоциация с «Долфин» – свободное дыхание, чистый и свежий воздух, поэтому дизайн сайта делаем легкий и воздушный. Выбираем цвет морской волны, голубой, белый и зеленый. Синие оттенки вызывают чувство стабильности, лояльности, доверия и спокойствия – отлично подходит к медицинскому продукту. Белый символизирует чистоту и стерильность. Зеленый ассоциируется с природой, благополучием и безопасностью.»
Виталий
Руководитель
отдела дизайна
«Какая познавательная страница «Про Долфин»! Надо, чтобы люди рассматривали ее подольше. Сделаю-ка я параллакс-бутылочку, она задержит внимание!»
bottle

Продумываем функционал сайта:

  • кликабельность кнопок;
  • изменение их цвета при наведении;
  • слайдеры;
  • переходы между разделами

Чтобы охватить всю аудиторию – тех, кто заходит на сайт с компьютера, и с мобильных устройств-делаем адаптивный дизайн сайта.

device-screens

Фотосъемка

2

формата фотосъёмки:

  • фотосессия линейки продукции «Долфин»;
  • имиджевая фотосессия с людьми.
Олеся
Продакшн-менеджер
«На сайте должен быть фирменный контент, который повышает имидж компании и ассоциируется с продуктом. Для этого организуем две фотосессии, которые пригодятся не только для сайта, но и для общей рекламной кампании «Долфин»
collage

Подбираем актеров, арендуем коттедж для съемки, покупаем подходящие по цвету для сайта текстиль и посуду, цветы и фрукты — в кадре должна быть уютная, красивая домашняя обстановка.

Олеся
Продакшн-менеджер
«Кто знает, где найти кота?!»
collage

Кот особенно был нужен. Ведь помимо основной линейки продукции компания выпускает особую «зеленую» серию для тех, кто страдает от аллергии.

Новый контент создается под лозунгом «Для тех, кому некогда болеть!». Здоровая и счастливая семья всегда пользуется «Долфин», что может быть лучше?

Съемочный процесс всегда с сюрпризом. Бэкстейдж этой фотосессии можно посмотреть

Здесь

Видеосъемка

Для сайта мы разработали два видео-инструктажа. Детский и взрослый. Это отдельная история, которой мы очень гордимся, - мы решили вынести создание видеоинструкций в отдельный кейс. Ознакомьтесь обязательно с ней, дочитав кейс про “Долфин” сайт.

ссылка

Отдельная медаль за героизм модели, которая промыла нос раз 10 подряд и теперь точно не будет болеть весь сезон простуд.

Наполнение контентом

Из сотни кадров выбираем лучшие: каждое фото максимально точно рассказывает о семейной идиллии вместе с «Долфин» и удачно дополняет главные экраны. На подсознательном уровне эти снимки вызывают теплые эмоции и располагают к общению с платформой сайта. Подробные видеоинструкции максимально упрощают применение «Долфин».

Алена
Руководитель креативного отдела
«Рассказываем о процедуре промывания носа непринужденно, чтобы зрители поняли, как легко пользоваться «Долфин», что процедура промывания проста и не вызывает дискомфорта».
Полина
Сценарист-копирайтер
«А сценаристу что, медаль не надо?!».
Screen1488

Верстка

Дизайн готов, тексты написаны, фото и видео ждут своей очереди.
Начинаем верстку сайта.

verstka

Строим блоки на программном уровне, создаем CSS-стили.

Layer

Непослушные упаковки «Долфин» не хотят вписываться в экран так, как нужно, но мы справляемся с задачей, - и теперь на сайте есть красивые и аккуратные фотографии.

lps1

Создаем «Личный кабинет» на сайте, программируем переходы, чтобы у посетителей сайта была возможность задать вопрос он-лайн.

lps2

Наполняем контентом.

mobile-version

Тестируем.

Решение:

Сайт готов. Глядя
на него, даже дышать хочется глубже.

Легкий для восприятия дизайн, четкая структура, современный контент: фото - и видеоматериалы в духе времени, актуальное оформление, простые и понятные тексты. Сайт организован таким образом, что все страницы подводят пользователя к выбору индивидуального средства для промывания и покупке комплекса «Долфин».

Попробуйте сами.

Над проектом работали:
РЕГИНА МУХАМЕДЬЯРОВА
Анализ, структура
ВИТАЛИЙ ЧУДОВ
Дизайн
СВЕТЛАНА МОНХЕМИУС
Копирайтинг
ПОЛИНА ЛОКТЕВА
Контент
АЛЕНА ФОКИНА
Креатив
ОЛЕСЯ ЗАБОЛОТСКАЯ
Продакшн