Bunny Hill - это интернет магазин премиум товаров для детей. Доставка осуществляется по всей России. Ежемесячно с сайта приходит более 1500 заказов
Интернет-магазин премиум-товаров для детей нуждался в обновлении пользовательского интерфейса и доработке ключевого функционала для повышения удобства использования и конверсии.
Главная страница и ее структура
Ключевые проблемы:
Цель:
1. Устаревший и неэффективный UI главной страницы: Баннеры и блоки не мотивировали к взаимодействию, блок акций был малозаметен, структура страницы не способствовала комфортному просмотру товаров.
2. Непрозрачная программа лояльности: Страница программы не предоставляла пользователям четкой информации об их статусе, балансе бонусов и условиях, что снижало вовлеченность.
3. Сложный процесс применения промо-инструментов: Совмещенное поле для промокодов и сертификатов в корзине вызывало путаницу у пользователей и не поддерживало сложную бизнес-логику компании.
Провести редизайн ключевых страниц и доработать функционал для улучшения пользовательского опыта и выполнения бизнес-требований.
Каталог товаров
Редизайн главной страницы
Полностью переработали баннерный блок, сделав его более современным и визуально привлекательным.
Добавили адаптивный сезонный бло с товарными подборками, который маркетологи могут легко менять в зависимости от акций или времени года. Сейчас этот блок отвечает за подборку товаров в период распродаж
Оптимизировали структуру страницы: переместили блок «Акции» на более высокую позицию, повысив его заметность. Изменили расположение и внешний вид блоков «Новинки», «Популярные категории» и «Промо-предложения» для улучшения визуальной иерархии и навигации.
Заменили устаревший блок «Каталоги»** на интуитивно понятный блок «Магазины».
Магазины
Переработка программы лояльности
Спроектировали и внедрил новую структуру страницы программы лояльности.
Реализовали наглядное отображение текущего уровня пользователя, бонусного баланса и условий для перехода на следующие уровни.
Сделали интерфейс простым и информативным, чтобы пользователь сразу понимал все преимущества программы.
Коллекции
Доработка функционала корзины
Разделили единое поле для промо кодов и сертификатов на два независимых поля, чтобы исключить путаницу.
Реализовали на Vue.js и в бэкенде (1C-Битрикс) сложную бизнес-логику применения промо-инструментов с учетом всех сценариев (промокод после сертификата, несколько сертификатов и т.д.). По техническому заданию у нас должны быть определенные условия для отработки того или иного сценария: 1. промокод после промокода - не можем, т.к. по бизнес-логике у нас может быть только один промокод 2. промокод после сертификата. - можем применить 3. сертификат после промокода. - можем применить 4. сертификат после сертификата. - можем, в сумме мы можем применить не более 3-х сертификатов
Добавили систему уведомлений, которая предупреждает пользователя о том, что остаток суммы по сертификату не возвращается, если он превышает сумму заказа.
Обеспечили бесперебойную работу нестандартного функционала — покупки и отправки сертификата сразу на email получателя, минуя корзину. Страница оформления выглядит следующим образом: После подтверждение оплаты и сертификат отправляется автоматически на почту и имеет следующий вид:
Поддерживали функционал кастомизации (выбор дизайна, суммы, текста поздравления).
Главная страница
Результат
В результате проделанной работы был достигнут ряд качественных улучшений:
Главная страница: Получила современный, соответствующий премиум-сегменту вид. Структура страницы стала более логичной и удобной для пользователя, что потенциально увеличивает время на сайте и вовлеченность. Ключевые акционные блоки стали более заметными.
Программа лояльности: Стала прозрачной и понятной для пользователей. Улучшение интерфейса способствовало росту вовлеченности в программу и осведомленности о ее работе.
Корзина: Устранена ключевая точка трения — процесс применения скидок стал интуитивно понятным и технически надежным. Это снизило количество ошибок и, предположительно, уменьшило количество брошенных корзин на этапе оформления заказа.
Проект в целом: Сайт продолжает планомерно развиваться. Внедренные решения повысили удовлетворенность клиента и заложили основу для дальнейших улучшений.
Итог
Проект является наглядным примером комплексного подхода к развитию digital-продукта. Он объединил в себе визуальное обновление (редизайн главной страницы) с глубокой технической доработкой ключевого функционала (корзина, программа лояльности). Работа была направлена на решение конкретных бизнес-задач и улучшение пользовательского опыта, что является залогом успешного развития интернет-магазина в конкурентной нише премиум-товаров.
Другие кейсы
Августин
Онлайн-запуск доставки в пивном ресторане
Как мы сделали 280% ROMI в нише доставки еды за 2 месяца