BloomBra - интернет-магазин нижнего белья. Приключение большой груди в e-com и 140+ размеров белья

О заказчике: Студия белья BLOOM BRA с профессиональным подбором белья с очень широкой размерной сеткой. Это уникальная студия, которая предлагает решения для женщин с большой грудью и создает возможность подобрать бельё под себя.

Задача: Провести редизайн интернет-магазина, исправить ошибки в логике и учесть особенности проекта. А именно:

1. 140+ размеров + цвета + бренды. Задача сделать фильтрацию удобной и понятно.

2. Увеличить конверсию в оформленные заказы через сайт. Сделать удобной логику самостоятельного оформления.

3. Решить все технические проблемы старого сайта.

4. Сохранить базу клиентов и ключевых наработок при создании нового сайта.

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

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

Провели аудит текущего ресурса, собрали 28 листов ошибок со скриншотами и подробным рекомендациями

Сделали конкурентный анализ, разобрали трех прямых конкурентов и собрали несколько удачных решений со всего рынка e-commerce.

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

Выделили ключевые сегменты аудитории и сделали CJM.

Как было ДО:

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

Интернет-магазин часто требует быстро вносить изменения и тестировать гипотезы. Разработали UI-Kit и сделали основу для будущего масштабирования и развития проекта.

Задизайнили сотни экранов и продумали новую логику сайта.

В проекте каждая страница имеет разрешение: 1920px, 1440px, 1280px, 768px, 360px. Мобильной версии мы уделили отдельное внимание, мобильный трафик более 80%.

Артефакты этапа:

-UI-Kit;

-Макеты в Figma.

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

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

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

Пользователи должны мгновенно понимать, что предлагает интернет-магазин и в чем его преимущество перед другими. Судя по метрике после запуска, это у нас получилось.

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

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

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

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

Интернет-магазин реализует белье с очень широкой размерной сеткой. Можно подобрать решение на любую грудь. А что самое главное, подобрать максимально точно. Так как согласно исследованиям более 80% женщин носят неправильные размеры.

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

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

Трафик в мобильной версии более 85%.

Карточка товара имеет у нас торговые предложения по цветам и размерам. Размеры - сложные, всего на сайте более 140 размеров. (почти как таблица Менделеева)

Центральным объектом мы сделали фото. Фото показываются сразу все, они вовлекают и продают товар "лицом", опять стоит отметить профессионализм заказчика в подборе моделей под целевую аудиторию.

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

Сделали ТАБы, в которых расположили описание, отзывы и информацию о доставке и оплате.

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

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

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

 В личном кабинете мы сделали разделы "Помощь", "Мои заказы" и информация о программе лояльности.

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