BloomBra. интернет-магазин нижнего белья

Задача

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

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

Исследование

• Провели аудит текущего ресурса, собрали 28 листов ошибок со скриншотами и подробным рекомендациями
• Сделали конкурентный анализ, разобрали трех прямых конкурентов и собрали несколько удачных решений со всего рынка e-comerce

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

Хотите провести исследование и аудит своего сайта? Подробнее про UX/UI-аудит.

Точка А - старый сайт

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

Дизайн

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

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

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

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

1. UI-Kit;
2. Макеты в Figma.

Функционал и решения

Главная страница

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

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

Навигация на сайте

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

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

Каталог

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

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

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

Карточка товара интернет-магазина

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

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

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

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

Статьи

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

Личный кабинет

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

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

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