Задача
Healthis — современный российский бренд витаминов и БАДов, который за три года вырос в сильное комьюнити и вошёл в топ маркетплейсов Ozon, Wildberries и Яндекс Маркета.
Команда Healthis пришла с задачей создать сайт, который станет продолжением их коммуникации с людьми. Старый сайт устарел и не работал как инструмент продаж, поэтому мы полностью переработали его под современные требования. Нужна была гибкая дизайн-система под развёрнутую линейку: компания выпускает более 50 продуктов.
Важная часть задачи — техническая: плавные анимации и аккуратные эффекты без просадки скорости и адаптива, плюс масштабируемый каталог под рост ассортимента.
Решение
Команда Prostor прошла весь цикл разработки сайта — от глубокого погружения в бренд до технического исполнения и контентного наполнения.
На этой базе мы собрали единую дизайн-концепцию, где фирменные градиенты и элементы упаковок аккуратно легли в гибкую систему, способную работать с разным ассортиментом. Это дало бренду цельный аккуратный стиль и удобную основу для масштабирования продуктов.
Градиентов в системе 28, и правило их применения сформулировано прямо в кейсе: градиенты — один из компонентов дизайна, но именно как поддерживающий элемент; доминирующей частью должен остаться сам продукт. Поэтому цвет не перекрывает банку, а работает фоном под ней.
Шрифт — Mont, округлый гротеск: на наш взгляд, он лучше всего уживается с 28 разными фонами.
Что сделали
Дизайн-система. Единый визуальный язык на линейку из 50+ SKU: 28 градиентов, элементы упаковок, компоненты каталога и карточки.
Редизайн и разработка. Полный цикл: редизайн сайта и разработка на WordPress.
Калькулятор сочетаемости. Пользователь выбирает два продукта и сразу видит, сочетаются ли они, — с подсказкой и возможностью проверить следующую пару.
Карточка продукта. «При регулярном приёме» с пятью пронумерованными эффектами — для сердца, мозга, суставов, красоты и иммунитета, — блок «Сильнее вместе» про сочетания вроде магния с витамином B6, «Комфортный приём каждый день» и «Проверенное качество» с СГР, международным сертификатом ISO и «Честным знаком».
Наборы. Готовые подборки — например, набор витаминов для неё и для него.
Контент. Понятные объяснения продуктов, инфографика, AI-видео и обучающие материалы, которые помогают ориентироваться в каталоге.
SEO. Обновление материалов компании и SEO-оптимизация.
Брендбук. Сборка брендбука в рамках того же проекта.
Мобильная версия. Каталог, карточка и калькулятор на телефоне, включая экран «Как принимать» и подсказки от Healthis.
Исследование. Отдельный блок про изучение потребностей покупателей и рынка.
Результат
Сайт стал не витриной, а платформой, в которой сошлись продажи, контент и сообщество — единым центром всей экосистемы бренда.
Дизайн-система выдерживает рост ассортимента: новый продукт получает свой градиент и входит в каталог без переделки макетов.
Разбор опубликован на Behance и Dprofile, где отмечен бейджем «Рекомендуем». Ссылки внизу.
