Solok Cosmetics – интернет-магазин уходовой косметики

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

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

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

Мы провели глубинные интервью с целевой аудиторией разного возраста об использовании уходовых косметических средств. В ходе исследования удалось выяснить следующие факты:

Большинство новых покупателей приходят через сарафанное радио (по рекомендации), а значит, необходимо работать над известностью бренда и повышением LTV:

Большой процент аудитории покупает продукцию по рекомендации блогеров, поэтому стоит заключить на старте (пока компания только выходит в интернет) несколько подобных контрактов с известными инфлюэнсерами:

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

Основным фактором принятия решения о покупке является качество продукции. Но, при исследовании целевой аудитории, мы поняли, что многие даже не могут верно определить свой тип кожи, а значит и грамотно подобрать для себя уходовую косметику. Исходя из этого следует вывод, что необходимо образовывать аудиторию, рассказывая, как правильно подобрать уходовые продукты для своего типа кожи, и как определить, в чём она нуждается. Ведь часто нежелательные реакции или отсутствие заявленного эффекта связаны не столько с качеством косметики, сколько с использованием неподходящей продукции:

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

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

В исследовании изучены:

• функционал сайтов конкурентов и их структура;
• формы заказа и их сущности;
• каталог, фильтры, сущности карточки товаров.

По итогу проведенной аналитики нами было предложено несколько решений:

Создать 2 меню: основное — в классическом виде, дополнительное — в бургере. Это решение помогло разграничить навигацию по разделам каталога и по основным страницам на сайте.

Создание новостного и экспертного блога компании с подпиской на новости. С одной стороны, он необходим, чтобы делать анонсы важных событий из жизни компании, например, сообщать об открытии новой оффлайн точки. С другой стороны — чтобы делиться экспертными статьями, например, «Как узнать свой тип кожи». Это нужно для того, чтобы образовывать покупателя, а также для дальнейшего SEO-продвижения магазина.

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

Функционал поиска продуман для работы по 2 направлениям — каталог и остальные разделы сайта. Результаты поиска сопровождаются изображениями, чтобы привлекать внимание, и выводить краткую информацию о продукции с ценами. Такое решение превращает поиск на сайте в эффективный конверсионный элемент.

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

Для лёгкого и быстрого доступа в Личный кабинет предусмотрен Вход и Регистрация через мессенджеры:

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

У части конкурентов есть минимальная сумма заказа для бесплатной доставки. Исходя из опроса целевой аудитории, в такой ситуации люди либо добирают продукты, либо предпочитают забрать товар самовывозом из магазина. Компании, конечно, выгодно, чтобы аудитория докупала продукцию, но в таком случае, необходимо грамотно продумать этот вариант, чтобы сумма минимального заказа была небольшой (достаточно заказать 2−3 продукта, чтобы она набралась). Или же в каталоге должны быть продукты с небольшой стоимостью, чтобы не получилось, что у клиента до бесплатной доставки необходимо добрать 300 рублей, но все товары начинаются от 800 и выше. По итогу обсуждения с клиентом, на момент запуска сайта, продукции с небольшим чеком у него не было, поэтому принято решение отказаться от платной доставки.

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

Данный промокод можно ввести в специальное поле в Корзине, и сумма, с учётом скидки, будет пересчитана автоматически:

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

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

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

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

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

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

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

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

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

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

Для удобства пользователя и технолога, принято решение реализовать конструктор этапами, где на каждом шаге нужно сделать выбор: основы, масла, экстракта и запаха. По завершении создания своего скраба в конструкторе, выводится результат и стоимость. Тут же можно оформить заказ. После заказа, заполненная форма отправляется не менеджеру, а сразу технологу, для запуска в производство.

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

В ЛК предусмотрено дополнительное меню, которое упрощает навигацию в кабинете. А также История заказов, где публикуется основная информация: дата и номер заказа, общая стоимость и статус, с возможностью кликнуть на каждый заказ в истории, чтобы узнать подробнее состав заказа, на какой адрес должна быть выполнена доставка и прочие детали.

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

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

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

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

По результатам тестирования выводится тип кожи, а также рекомендации по уходу:

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