Разработка и дизайн сайта биологически активной добавки «Максилак» с использованием анимации

Главное о кейсе

Вместе с командой «Максилак» разработали удобный сайт продукта, который соответствует запросам современных пользователей. Учли, что посетители ожидают увидеть на странице полную информацию о БАДе и интуитивно понятный интерфейс, поэтому оптимизировали навигацию. Благодаря этому главное о продукте можно узнать, не покидая страницу: мы сделали две вкладки — «Взрослым» и «Детям», добавили инструкцию по использованию препарата, расписали случаи применения БАДа. Также мы собрали онлайн- и офлайн-площадки, где можно приобрести «Максилак», тем самым сэкономив время пользователя. Несмотря на информационную насыщенность, дизайн сайта остался простым для восприятия: этот вопрос мы решили с помощью креативных анимаций.

Как проект изменил жизнь пользователей

— На главной странице предложили выбор по возрасту — «Взрослым» и «Детям», чтобы пользователь мог быстрее ориентироваться.

— Инструкцию по применению препарата вынесли в модальное окно — теперь ее не нужно искать на других сайтах или сохранять в бумажном виде.

— Чтобы посетитель не тратил время на самостоятельные поиски, в отдельный блок вынесли основные случаи применения препарата «Максилак».

— Полностью переработали раздел «Где купить?» и предоставили пользователям выбор, как приобрести «Максилак» — с доставкой на дом или в аптеке рядом с домом. На каждый сценарий оформления заказа добавили несколько площадок: маркетплейсы, онлайн-аптеки, аптечные сети. Это экономит время пользователя.

— Для России, Казахстана, Армении и Белоруссии разработали локальную версию сайта, чтобы читатели могли изучать информацию на родном языке.

Бизнес-задача и ее решение

Задача: привлечь новых клиентов и повысить статус бренда в результате редизайна сайта биологически активной добавки «Максилак».
Решение: благодаря нашему большому опыту работы с различными сайтами мы разработали современную концепцию. Чтобы пользователю было интересно изучать информацию о «Максилаке», мы предложили добавить анимированные баннеры: они креативно рассказывают о проблемах, с которыми помогает справиться БАД. Мы также добавили окно с инструкцией по применению и блок «Где купить?», что важно для статуса «Максилака»: так мы показали, что БАД ответственно относится к покупателям, а приобрести его можно во многих популярных аптечных сетях.

Крафт (мастерство), реализация, технические детали

Во время создания нового сайта «Максилака» мы опирались на следующие принципы: интуитивный запоминающийся дизайн и эффективность навигации по странице. Благодаря упрощению и сегментированию разделов теперь пользователь легко находит нужную ему информацию. При этом внешний вид сайта остался креативным и современным благодаря 3D-анимациям и трендовым шрифтам. Светлые оттенки в дизайне сайта были использованы для эмоционального отклика аудитории. Голубой и белый дарят ощущение легкости и хорошего самочувствия — это те состояния, с которыми может помочь «Максилак».

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Вместо сайта с канцеляризмами и медицинскими терминами мы предложили команде «Максилака» веб-страницу, сочетающую простоту навигации и информационную наполненность. Сайт сразу же погружает пользователя в продукт, знакомит с преимуществами и особенностями «Максилака».

Скриншоты