Онлайн-магазин натуральной косметики Wellnest.store

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №1 — Интерфейсы, Брендинг на Dprofile

Как объединить два экобренда в одном магазине и не потерять клиентов


Задача

Наш клиент — Healthy Nutrition Group, производитель органических функциональных добавок на основе натуральных продуктов, таких как грибы и мумиё. Клиент также подчеркивает свою приверженность экологической ответственности, используя перерабатываемые материалы для упаковки своей продукции.
Клиент обратился к нам с целью объединить два бренда, Wellness и Shila Jit, в нише экологичных пищевых добавок на одной платформе, сохранив их уникальные особенности.


Для этого были поставлены задачи:
-
Разработать единую структуру сайта , сочетающую два бренда Wellness Store и Shila Jit, но подчеркивающую их индивидуальность
-Создать новый дизайн, который отражает ценности экологичности и крафтового подхода
-Обеспечить удобную и интуитивно понятную навигацию для пользователей
-Интегрировать интернет-магазин с современными инструментами аналитики, маркетинга и продаж


Решение

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

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №2 — Интерфейсы, Брендинг на Dprofile
Онлайн-магазин натуральной косметики Wellnest.store — Изображение №3 — Интерфейсы, Брендинг на Dprofile

Провели глубокий аудит текущих сайтов

Мы детально разобрали структуру, навигацию, контент, UI/UX-решения и техническую базу (скорость загрузки, адаптивность, ошибки в коде).
Некоторые важные элементы находились не на своем месте: функция отслеживания заказа по трек-номеру находилась в разделе «О нас», хотя этот инструмент крайне важен для пользователей. Мы вынесли его в более заметное место.


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

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №4 — Интерфейсы, Брендинг на Dprofile

Изучили целевую аудиторию

Чтобы лучше понять потребности пользователей и сделать продукт более удобным, мы провели:
• Аудит текущих сайтов и выявили их слабые места
• Глубинные интервью с представителями целевой аудитории
• Анализ поведения пользователей с помощью тепловых карт Hotjar


Тренд на ЗОЖ продолжает набирать популярность, поэтому мы дополнительно изучили форумы, соцсети и специализированные каналы, чтобы сформировать портрет потенциального клиента.

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №5 — Интерфейсы, Брендинг на Dprofile

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

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №6 — Интерфейсы, Брендинг на Dprofile

Выявили ключевые проблемы аудитории:

• Недостаток достоверной информации о витаминах (много данных, не подтвержденных сертификатами и исследованиями)
• Скептическое отношение к экологичным продуктам и БАДам
• Высокая цена на натуральные добавки
• Сложности с применением и дозировкой без профессиональных рекомендаций


Проанализировали конкурентов


Мы провели SWOT-анализ конкурентов и выделили возможности для уникального позиционирования.

Выявили сильные и слабые стороны, сделали выводы и взяли на заметку:
• Разработку программы лояльности для постоянных клиентов
• Добавление образовательного контента, который помогает лучше понять пользу продуктов
• Развитие комьюнити через социальные сети и мероприятия
• Акцент на экологичность и социальную ответственность

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №7 — Интерфейсы, Брендинг на Dprofile

Брендинг и визуальная концепция

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

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №8 — Интерфейсы, Брендинг на Dprofile
Онлайн-магазин натуральной косметики Wellnest.store — Изображение №9 — Интерфейсы, Брендинг на Dprofile
Онлайн-магазин натуральной косметики Wellnest.store — Изображение №10 — Интерфейсы, Брендинг на Dprofile

UX/UI-дизайн

Мы спроектировали пользовательский путь, протестировали макеты и создали интерактивные прототипы в Figma.
Так как объединялись два бренда, важно было создать общий функционал, сохранив их уникальность. Мы собрали структуру, которая устроила заказчика.

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №11 — Интерфейсы, Брендинг на Dprofile

Мы тестировали интерактивные прототипы с привлечением фокус-группы и исправляли выявленные проблемы.

После первых тестов стало очевидно, что объединение сайтов Wellnest и Natural Shilajit расширит ассортимент, привлечет больше клиентов и повысит конкурентоспособность.

После согласования всех деталей с заказчиком мы приступили к финальному этапу.

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №12 — Интерфейсы, Брендинг на Dprofile

Разработка

При разработке мы использовали:
• Next.js
• Headless CMS
• Shopify API

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

Интеграция аналитики и CRM:
• Настроили Google Tag Manager
• Подключили Google Analytics 4
• Добавили Amplitude для детального анализа поведения пользователей

Запуск и оптимизация

После запуска сайта мы провели мониторинг пользовательского поведения, настроили ретаргетинг и email-маркетинг через Omnisend и Google Ads.

Онлайн-магазин натуральной косметики Wellnest.store — Изображение №13 — Интерфейсы, Брендинг на Dprofile
Онлайн-магазин натуральной косметики Wellnest.store — Изображение №14 — Интерфейсы, Брендинг на Dprofile
Онлайн-магазин натуральной косметики Wellnest.store — Изображение №15 — Интерфейсы, Брендинг на Dprofile
Онлайн-магазин натуральной косметики Wellnest.store — Изображение №16 — Интерфейсы, Брендинг на Dprofile

Результаты

• Оптимизировали конверсионные элементы на основе первых данных аналитики.
• Улучшили навигацию, что увеличило время пребывания на сайте и снизило показатель отказов
• Глубокая интеграция аналитики и CRM повысила эффективность маркетинговых кампаний
• Гибкая система управления контентом позволила легко вносить изменения и масштабировать проект
________________
Срок реализации — 2 месяца
Тестирование сайта и отслеживание багов — 1 месяц после разработки
________________
Этот кейс показывает, как можно объединить два бренда без потери их идентичности и создать сильный инструмент продаж в нише экологичных пищевых добавок.

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

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

Оценить
Добавить в коллекции...

От автора