Когда забота становится интерфейсом: от маркетплейса к экосистеме

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

Мы создали для Healthis современный сайт и дизайн-систему, которые позволили бренду перейти от зависимости от маркетплейсов к собственной цифровой экосистеме, усилить D2C-направление и выстроить прямую коммуникацию с аудиторией.

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

Основные задачи:
— разработать современный сайт, отражающий ценности Healthis;
— объединить 50+ SKU в единую дизайн-систему;
— обеспечить стабильный UX на всех устройствах;
— поддержать развитие D2C-канала и образовательного контента;
— создать техническую основу для масштабирования.

Проект длился 4 месяца, в нём участвовало около 10 специалистов — дизайнеры, фронтенд- и бэкенд-разработчики, контент-команда, SEO-редакторы и проджект-менеджер. Общий бюджет составил 1,7 млн рублей.

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

Проект стал для Healthis важным шагом из статуса успешного селлера маркетплейсов к полноценному бренду с собственным голосом, ценностями и каналами коммуникации.

Сайт стал центром экосистемы — платформой, которая объединяет продажи, контент и сообщество.

- Повысилось доверие к бренду — сайт стал визуально зрелым и понятным отражением миссии Healthis.

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

- Healthis смог активнее развивать контент-маркетинг и Telegram-комьюнити, используя сайт как ядро экосистемы.

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

Перед нами стояли следующие задачи:

- сайт требовалось полностью перестроить с учётом UX, адаптивности и визуальной целостности;

- важно было объединить широкий ассортимент в единую дизайн-систему без потери узнаваемости;

- клиент работал по модели Time&Material, что требовало гибкости и высокой скорости реакции команды;

- технический вызов — реализовать плавные анимации и визуальные эффекты без потери производительности.

Healthis получил современный, удобный и яркий сайт, который отражает ценности бренда и стал важным шагом в развитии его прямого присутствия онлайн. Новая платформа не только поддерживает D2C-направление, но и усиливает позиционирование бренда как тёплого, понятного и надёжного.

- Единая дизайн-система, адаптированная под более чем 50 SKU.

- Сайт, отражающий эстетику упаковки и айдентику Healthis.

- SEO-оптимизированные тексты, инфографика, AI-видео и обучающие гайды, усиливающие вовлечённость аудитории.

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

- Простая система администрирования, которая позволяет клиенту самостоятельно добавлять новые продукты.

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

За разработку отвечала команда Thunder Web, наш технологический партнер. Основная задача заключалась в том, чтобы реализовать все интерактивные элементы и обеспечить гибкость интерфейса — так, чтобы сайт корректно поддерживал цветовую кодировку каждого товара. Это было достигнуто за счёт динамического получения фирменных градиентов для каждого SKU и их применения в адаптивном шаблоне карточек.

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

В процессе разработки мы столкнулись с ограниченной поддержкой градиентов, блюров и анимаций в среде iOS — айфоны и Mac заметно искажали задуманную визуализацию. Поэтому мы внедрили механику адаптации интерфейса в зависимости от устройства пользователя. Это позволило сохранить производительность, обеспечить одинаково комфортный опыт на всех платформах и не потерять ключевой контент с точки зрения воронки.

Главное творческое решение — найти баланс между рациональной структурой e-commerce и эмоциональной подачей бренда, где эстетика работает на доверие, а контент — на пользу.

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

Команда PROSTOR подошла к проекту системно, но с глубокой эмпатией к бренду и его аудитории.

- Мы погрузились в бренд изнутри — купили и протестировали витамины Healthis, чтобы лучше понять философию «заботиться о здоровье — просто и привычно».

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

- Это позволило сохранить разнообразие, но объединить линейку визуально.

- Сайт дополнен анимациями и визуальными эффектами, которые создают ощущение лёгкости и внимания к деталям, но не мешают восприятию.

- Для наполнения сайта мы создали AI-видео и SEO-гайды, которые расширяют функционал бренда как образовательной платформы.

- Использование модели Time&Material позволило агентству быстро адаптироваться к изменениям и корректировать процесс, не выходя за рамки бюджета.

Работа над проектом велась в тесном партнёрстве с клиентом и постоянном диалоге.

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

- Внутренние организационные сложности с наполнением контентом команда решила самостоятельно — перераспределили задачи, оптимизировали процессы и уложились в сроки без потери качества.

- При этом клиент получил полный контроль над процессом и постоянную обратную связь.

В процессе мы не просто выполняли задачи, а помогали клиенту проходить сложные этапы решений — объясняли, аргументировали, отстаивали UX и эстетику.

Healthis доверил нам не просто сайт, а часть коммуникации с людьми — и мы это доверие оправдали.

Скриншоты