Что делать, если интернет-магазин не продает, тормозит, не нравится поисковикам и теряет покупателей? Срочно взяться за реанимирование сайта. С такой проблемой в E-COMM.GURU пришел небольшой магазин тайской косметики.

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

В октябре 2023 года к нам обратилась собственница «Мангостин» — магазина тайской косметики брендов Abhaibhubejhr, Supaporn, Madame Heng, HerbCare.


Тогда все продажи клиента приходили с двух офлайн-точек. Интернет-магазин лежал «мертвым грузом». Продажи не приходили, показатели трафика падали вниз. Соответственно, не было продаж. Именно эту проблему предстояло решить агентству E-COMM.GURU.


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

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

Так как в ассортименте «Мангостин» есть косметика разного ценового диапазона, мы взяли курс на женскую, платежеспособную аудиторию в возрасте от 23 до 63 лет, проживающую в России и СНГ. Также к ЦА определили спортсменов обоих полов, им полюбились обезболивающие тайские бальзамы и мази.

Далее приступили к аудиту. Сайт «Мангостин» был собран собственными силами на бесплатном шаблоне в Insales. В итоге: запутанные каталог и навигация, много цветных блоков, разноуровневые текстовые вставки. Сайт выглядел перегруженным, несовременным и не внушающим доверия.

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


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

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

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

Еще на этапе выбора референсов и составления mood board мы решили, что проект будет светлый, чистый, с тонкими заголовками и «не кричащими» креативами. Заказчику понравились предложенные идеи, и мы быстро определились с цветом и шрифтом для сайта.

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

Рекомендации по дизайну сайта косметики от E-COMM.GURU:

• Чтобы на сайте что-то купили, ему должны доверять. Используйте в дизайне спокойный и сдержанный стиль, это подчеркнет надежность вашей компании.
  
  
• Идите в ногу со временем и используйте актуальную цветовую гамму, чтобы сайт производил впечатление не только надежного, но и был современным.
  
  
• Делайте ваш онлайн-магазин максимально понятным и простым. Современный пользователь не захочет тратить время на трудную навигацию и поиски «спрятанных» продуктов.
  
  
• Добавляйте в дизайн ассоциации с продуктом: фото растительных компонентов, красивой кожи, эстетичных флакончиков.
  

Вторая боль сайтов косметики — запутанная структура. Самая важная для клиента часть — «Каталог» — часто забита множеством разделов и подразделов, а по навигации непонятно, где находится нужный продукт. Однако прежде чем разбираться с функционалом каталога «Мангостин», нужно было привести его в эстетичный вид.

Ребрендинг каталога

Для любого сайта важен визуал, тем более для beauty-тематики. Карточки товаров у «Мангостин» выглядели непрезентабельно. С новым дизайном такой каталог абсолютно не сочетался. Тогда совместно с клиентом приняли решение сделать ребрендинг карточек и структурировать ассортимент.

Команда E-COMM.GURU разработала ТЗ на предметную художественную фотосъемку продукции. Новые фото сделали на природном фоне, чтобы передать уникальность и природный состав тайской косметики.

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

Увеличение конверсионности сайта косметики

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

Чтобы напоминать посетителям о совершении покупки – настроили рекомендации «Вы недавно смотрели» и возможность добавления товаров в избранное. Параллельно добавили на сайт личный кабинет покупателя.

Специально для «Мангостин» разработали:

- «Капсулу товара». Для этого мы выявили самые продающие категории «Мангостин», исходя из предпочтений покупателей. Популярные в своих категориях товары собрали по их назначению в определенные капсулы и подсветили на главной странице сайта. Например, в одном капсульном блоке разместили несколько товаров от простуды. Добавили текстовое описание выбранной категории. Это сделано для того, чтобы покупатель сразу видел все возможные средства от простуды, мог изучить описание и приобрести необходимый продукт.

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

Преимущество бренда «Мангостин» – особый натуральный состав косметики, который не уступает дорогим французским аналогам. Нужно было подчеркнуть эту особенность и подтвердить свои слова фактами.

Для этого в разделе «О нас» разместили информацию о брендах тайской косметики, ее преимуществах и благоприятном влиянии на организм. А чтобы не было сомнений – отдельным пунктом подсветили, что косметика была разработана на базе госпиталя, при активном участии практикующих врачей и ученых.

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

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

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

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

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

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

Не лейте воду в разделе «О компании». Опишите сильные стороны продукта, RTB и историю создания.

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

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


После завершения всех работ, команда E-COMM.GURU провела для клиента обучение по использованию работающих механик в интернет-продажах. Ведь собрать конверсионный сайт – половина успеха. Прогресса не будет, если не уметь выстраивать свой бизнес в онлайн.


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

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