О проекте

Lullaby — мультибрендовый бьюти-магазин премиальной оригинальной косметики, парфюмерии и аксессуаров, работающий с 2019 года.

Вызов: Аналитика показала, что почти вся аудитория — мобильные пользователи, но они проводят на сайте в 4 раза меньше времени, чем десктопные. Подавляющее большинство трафика — новые пользователи, которые покупают меньше, чем те, кто возвращается. Bounce Rate был высоким, а на страницах товара достигал критического уровня.

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

Задачи и цели

Lullaby нуждался не в эстетическом редизайне, а в UX/UI решениях для повышения эффективности:

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

Навигация и главная страница

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

После: Предложили внедрить Sticky Header, зафиксировать навигацию, убрать лишнее из бургер-меню, поднять каталог выше и вынести «Акции» и «Бренды» в начало для быстрого доступа, а УТП об оригинальности продукции и быстрой доставке поднять на второй экран, чтобы сразу формировать доверие. Также добавить «хлебные крошки» и фиксированное закрытие меню, чтобы пользователи быстрее перемещались по сайту без повторных действий.

Страница категории

До: Фильтры не фиксировались при скролле, заставляя пользователя постоянно возвращаться вверх. Страницы товаров были неинформативными: маленькие фото, большие белые поля и отсутствие указателей цвета/объема заставляли переходить на страницу товара для деталей. В конце выдачи пользователя ничего не ведет дальше — если он не нашел, сессия обрывается.

После: Зафиксировали фильтры для мгновенного доступа к настройкам. Оптимизировали страницы товаров, увеличив фото и добавив вариации (цвет, объем) прямо в списке. Также добавили сортировку «По популярности», чтобы выделить трендовые продукты. В конце выдачи разместили блок с Просмотренными/рекомендуемыми товарами, чтобы уменьшить выходы и увеличить глубину.

Страница товара

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

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

No items found.

Корзина

До: Акционные баннеры визуально сливались с товарами. Не было возможности ввести промокод до чекаута или сохранить товар в «Избранное» при удалении, что приводило к потере интереса. 

После: Четко отделили товары от промо-блоков и добавили поле для промокода. Рекомендовали реализовать функцию «Сохранить в избранное» при удалении товара и добавили блоки cross-sell непосредственно в корзине для увеличения среднего чека.

Страница оформления заказа

До: Не хватало логотипа и телефона поддержки, зато был полный футер, который отвлекал. Если пользователь возвращался — данные не сохранялись, приходилось вводить их заново. Город доставки нужно было каждый раз набирать вручную, сообщение о бесплатной доставке могло отвлекать и провоцировать выход на предыдущие шаги, а названия способов оплаты (типа Fondy) были неочевидными.

После: Добавили упрощенную шапку с телефоном поддержки и логотипом, реализовали автосохранение введенных данных и редактирование корзины через pop-up. Для ускорения — список частотных городов и более понятные названия оплаты (например, «Оплата картой»). Сообщение о бесплатной доставке — перенесли в корзину, а сам чекаут структурировали и разбили на четкие и понятные шаги.

Корзина

До: Акционные баннеры визуально сливались с товарами. Не было возможности ввести промокод до чекаута или сохранить товар в «Избранное» при удалении, что приводило к потере интереса. 

После: Четко отделили товары от промо-блоков и добавили поле для промокода. Рекомендовали реализовать функцию «Сохранить в избранное» при удалении товара и добавили блоки cross-sell непосредственно в корзине для увеличения среднего чека.

Страница оформления заказа

До: Не хватало логотипа и телефона поддержки, зато был полный футер, который отвлекал. Если пользователь возвращался — данные не сохранялись, приходилось вводить их заново. Город доставки нужно было каждый раз набирать вручную, сообщение о бесплатной доставке могло отвлекать и провоцировать выход на предыдущие шаги, а названия способов оплаты (типа Fondy) были неочевидными.

После: Добавили упрощенную шапку с телефоном поддержки и логотипом, реализовали автосохранение введенных данных и редактирование корзины через pop-up. Для ускорения — список частотных городов и более понятные названия оплаты (например, «Оплата картой»). Сообщение о бесплатной доставке — перенесли в корзину, а сам чекаут структурировали и разбили на четкие и понятные шаги.

Результаты

В результате Lullaby получили не просто перечень рекомендаций, а комплексную систему изменений для стабильного роста KPI:

  • Mobile-first CRO-роадмап: приоритезированный план действий с фокусом на преобладающий мобильный трафик и конвертацию новых пользователей.
  • Сокращенный путь к покупке: оптимизированная навигация, проработанные фильтры и релевантные рекомендации, упрощающие выбор и формирующие доверие.
  • Понятный процесс покупки: прозрачная структура корзины, автосохранение данных и оформление без отвлекающих факторов для минимизации сомнений.
  • Стратегия Retention: инструменты для возвращения клиентов (избранное, персонализация) и усиления потенциала Lullaby Community.

Напишите нам, и начнем сотрудничество!

Ваше сообщение было отправлено! Мы свяжемся с вами как можно скорее

Отправить ещё одну заявку
Doublecheck your form data please