О нашей работе
- Клиент АО «Валента Фарм»
- Сфера Медицина
- Регион Россия
- Сдано Октябрь 2024
Задача
Перед нами стояла задача разработать креативный сайт для нового продукта на рынке — спрея Моревирин®. Так как продукт новый, на рынок нужно было заходить красиво, эффектно. Сайт должен был презентовать Моревирин®, нескучно рассказать о его свойствах и ситуациях применения, принципе работы.
Моревирин® — противовирусный назальный спрей с экстрактом красных морских водорослей (каррагинанов). Защищает и увлажняет слизистую оболочку носа. Моревирин® практически универсальное средство и может применяться даже для маленьких детей 3+.
Решение
На первом этапе нашей задачей было подготовить дизайн-концепцию будущего сайта. Важно было нестандартно презентовать продукт, подчеркнуть его уникальность и раскрыть значение слогана “Идеальный климат в слизистой носа”.
Разработка дизайн-концепций
Мы подготовили и презентовали клиенту три варианта дизайн-концепций, каждая из которых по своему обыгрывала основную идею продукта.
Победителем стала концепция с маскотом в виде клеточки слизистой носа, уютно устроившейся на диване в ламповом свете и укрытой красным пледиком. Пледик не простой — он дает отсылку к каррагинанам (главная фишка в составе Моревирина®), которые защищают слизистую и не дают вирусам и прочей “нечисти” проникнуть в организм. Водоросли подчеркивают еще раз состав спрея, а он между прочим, натуральный. Вот такой “Идеальный климат в слизистой носа” получился.
Маскот
Клеточка стала главным героем и рассказчиком сайта, презентующим Моревирин®. Мы представили маскота в разных ракурсах.
Разработка прототипа и сценария
После утверждения концепта нужно было придумать креативный сценарий — то, как основная идея будет обыгрываться на каждом экране. На данном этапе мы подготовили сначала эскиз-прототип будущего сайта, он был очень примерным. Детали и сценарий прорабатывались уже в дизайне. Это была совместная работа с командой нашего клиента — обсуждали, спорили, предлагали, отменяли и принимали. На выходе получили поэкранный сценарий с черновом дизайне.
Дизайн
Когда сценарий был согласован, мы перешли к деталям и финализировали все задуманное в дизайне.
Рассказали об основном “сокровище” спрея — каррагинанах:
Далее расширили погружение — дали больше информации. Чтобы пользователю не было скучно, проработали иллюстрации, анимировали экраны, а наша клеточка-маскот выступила в роли докладчика.
После презентации важная информация для пользователя: ситуации применения, кому можно использовать спрей, дозировки и детальная инструкция, а также ссылки на аптеки, где вас уже ждет Моревирин®
Верстка и разработка.
После финального утверждения дизайна мы приступили к верстке, добавили анимации переходов по экранам. И, в конце концов, зафиналили сайт на CMS Битрикс, чтобы клиент мог редактировать контент и вносить правки.
Результат
Сайт готов :)
Смотреть тут morevirin.ru