Pioneum

Mhave — редизайн и разработка интернет-магазина

Mhave — магазин профессиональной уходовой косметики и бадов премиум-сегмента. Единственный в России официальный дистрибьютор брендов Meder Beauty Science, ATB.lab и IN.OUT

Год запуска: 2020
title

Идея

Дизайн интернет-магазина призван сокращать дистанцию между клиентом и товаром. Люди с подозрением относятся к покупке косметики в сети. Изображения не передают текстуру средства и его ощущение на коже. 

Фотографии и видео с результатом применения мало о чём говорят — их можно отредактировать. При этом крема и сыворотки надлежащего качества нельзя вернуть в магазин или обменять.

Задачи

Закрыть боли аудитории:
— дать максимально подробную информацию о товаре;
— найти решения для дистанционного подбора средств;
— предоставить социальное подтверждение покупки.

Выделить УТП:
— отразить премиальность брендов и товаров визуале;
— описать состав и механизм действия средства.

Особенности проекта

Мультибрендовый магазин
Мультибрендовый магазин

Для каждого бренда разработали отдельную страницу с описанием преимуществ товаров.

Индивидуальный подбор средств
Индивидуальный подбор средств

Внедрили квиз с вопросами о состоянии здоровья и кожи. Добавили запись на онлайн-консультацию с косметологом.

Чат-бот с возможностью писать консультанту напрямую в мессенджер
Чат-бот с возможностью писать консультанту напрямую в мессенджер

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

Решения

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

title

Написали техзадание к фотографиям для проекта. Целевая аудитория интернет-магазина — девушки. Моделей подбирали так, чтобы клиентки могли ассоциировать их с собой.

title

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

title

Спроектировали горизонтальную фильтрацию. Исследования Baymard показывают, что пользователи часто не замечают традиционные сайдбары и думают, что единственный инструмент работы с листингом товаров — сортировки. Фильтры над списком продуктов сразу бросаются в глаза.

При скролле фильтры прикрепляются к хедеру. Чтобы сменить настройки, посетителям не придётся лишний раз листать страницу.

title

Для каждого бренда магазина разработали отдельную страницу с описанием функциональных и эмоциональных преимуществ продуктов.

title

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

title

Часто пользователи не знают, какой продукт им подойдёт. Чтобы смягчить порог вхождения, мы добавили функцию записи на онлайн-консультацию. Предлагаем посетителям пройти квиз и рассказать о своих проблемах — так эксперт сможет общаться с клиентом «по существу».

title

Спрашиваем:

  • тип кожи;
  • возраст;
  • какие кожные проявления беспокоят чаще всего;
  • есть ли аллергические реакции;
  • как часто клиент посещает косметолога;
  • какими брендами пользуется;
  • удобное время для консультации.

 

Mhave — редизайн и разработка интернет-магазина

Также добавили чат-бот с возможностью писать напрямую в WhatsApp, чтобы пользователи могли закрыть экстренные вопросы.

На страницу продукта добавили отзывы и возможность задавать вопросы эксперту, чтобы добавить больше уверенности в выборе.

95% пользователей полагаются на отзывы, чтобы оценить продукты или узнать больше о них. 53% специально ищут отрицательные отзывы.

title

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

title

Улучшили пользовательский опыт оформления заказа: сократили количество полей, упростили их заполнение за счет масок, разбили на этапы для удобства пользователя.

title

Упростили поиск продуктов с помощью подробной категоризации в каталоге. Разделили товары по типу средств и показаниям кожи.

title

Мобильная версия

Использовали аккордеоны в каталоге. Заголовки помогают ориентироваться в глубине навигации. Сделали фиксированный хедер с доступом к бургер-меню из любой точки сайта.

title

На странице продукта при скроле к характеристикам фиксируем данные карточки внизу экрана. Так пользователь может не листать экран вверх-вниз для сверки информации.

title

Количество товаров на странице продукта и в корзине можно регулировать кнопками «+» и «−». Со смартфона указывать число товаров в поле самостоятельно неудобно.

title

Разработка

Изначально вели разработку на CS-Cart, сейчас переносим сайт на 1С-Битрикс.

Итоги

Создали сайт, который отражает премиальность продуктов и закрывает боли аудитории. На каждом шаге предусмотрены функции, которые помогут пользователю правильно подобрать нужный продукт.

Нашей сети косметических брендов требовался редизайн интернет-магазинов — давно были в поиске подрядчика. Нашёл Mojo в «Рейтинге Рунета».

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

Андрей Попеску

Андрей Попеску

Интернет-маркетолог «Стратегии М»