BRUSNIKA
Редизай интернет-магазина популярного
бренда женской одежды
бренда женской одежды
О ПРОЕКТЕ
Компания обратилась в студию с задачей обновить устаревший сайт, который уже не соответствовал масштабу бизнеса, не справлялся с типичными сценариями покупок, периодически давал сбои и не отражал уровень самого бренда. Новый сайт должен был стать полноценной цифровой витриной Brusnika и опорной точкой онлайн‑коммерции.
ЗАДАЧА
Brusnika — российский бренд женской одежды, основанный в 2013 году. Бренд сочетает минимализм, элегантность и практичность, создавая качественные и универсальные вещи для женщин, которые ценят стиль и комфорт
РЕШЕНИЕ
Мы спроектировали e‑commerce‑платформу Brusnika, в которой контент, вдохновение, выбор и покупка работают как единая система. Единая дизайн‑система и mobile‑first‑подход обеспечили последовательный опыт для пользователя и ускорили разработку и последующую поддержку проекта
НА ЧЕМ ФОКУСИРОВАЛИСЬ?
Интернет‑магазины модной одежды отличаются от классических: пользователи часто заходят просто посмотреть, выбирают эмоционально, а решающую роль играет визуальная подача и образы.
При этом бизнесу важно быстро выводить новые коллекции, конвертировать трафик в покупки и повышать средний чек, не перегружая интерфейс сложными сценариями.
При этом бизнесу важно быстро выводить новые коллекции, конвертировать трафик в покупки и повышать средний чек, не перегружая интерфейс сложными сценариями.
Каталог Brusnika построен вокруг коллекций, новинок, капсул и образов. Так пользователь реально выбирает одежду в сети. Использовали крупные фото в листинге, которые работают как витрина — усиливают эмоциональную вовлечённость, глубину просмотров и помогают пользователю считать настроение коллекции с первого взгляда.
Навигация и структура
01
Сделали фокус на скорости принятия решения: быстрый просмотр товара, выбор размера без лишних переходов и упрощённая корзина сокращают путь от интереса до оформления заказа.
Количество действий на этом пути стало меньше, а сценарий — понятнее, что положительно повлияло на конверсию и снизило количество брошенных корзин
Количество действий на этом пути стало меньше, а сценарий — понятнее, что положительно повлияло на конверсию и снизило количество брошенных корзин
Быстрый путь к покупке
02
Интернет‑магазин объединяет каталог, лукбук и апсейл-инстурменты: пользователь видит образы, переходит к товарам и сразу может собрать или дополнить образ в несколько кликов.
Лукбуки работают как отдельные промо‑разделы для новых и популярных коллекций, а апсейл‑инструменты в карточках товара помогают докомплектовать образ, повышая средний чек
Лукбуки работают как отдельные промо‑разделы для новых и популярных коллекций, а апсейл‑инструменты в карточках товара помогают докомплектовать образ, повышая средний чек
Контент как драйвер продаж
03
Сохранили единую логику сценариев на мобильных и десктопных экранах: корзина, поиск и оформление заказа работают одинаково понятно везде, что даёт пользователю цельный опыт и одновременно сокращает затраты бизнеса на разработку и поддержку.
Интерфейс спроектирован в логике mobile‑first: крупные карточки, свайп‑навигация, быстрые фильтры и минимум кликов поддерживают привычные жесты и сценарии мобильных пользователей.
Интерфейс спроектирован в логике mobile‑first: крупные карточки, свайп‑навигация, быстрые фильтры и минимум кликов поддерживают привычные жесты и сценарии мобильных пользователей.
Единый пользовательский опыт в мобильной и десктопе
04
Мы разработали отдельный поток для электронных подарочных карт с понятным конструктором, выбором суммы и сценариями дарения. Подарочные карты и их применение встроены в основной пользовательский путь и оформление заказа, поэтому этот сценарий не конкурирует с покупкой вещей, а дополняет общий объем продаж.
Подарочные карты
05
ДИЗАЙН
ДИЗАЙН
Brusnika — интернет‑магазин и сеть магазинов женской одежды с акцентом на минимализм, качество и продуманность деталей.
Мы внимательно изучили философию бренда, его отношение к материалам и к тому, как вещи живут в гардеробе, а затем перевели эти ценности в сдержанный дизайн и понятные сценарии взаимодействия с сайтом. Интерфейс и визуальный контент работают вместе: помогают аккуратно подчеркнуть стиль и характер Brusnika и при этом не мешают пользователю быстро выбрать и купить нужные вещи.
Мы внимательно изучили философию бренда, его отношение к материалам и к тому, как вещи живут в гардеробе, а затем перевели эти ценности в сдержанный дизайн и понятные сценарии взаимодействия с сайтом. Интерфейс и визуальный контент работают вместе: помогают аккуратно подчеркнуть стиль и характер Brusnika и при этом не мешают пользователю быстро выбрать и купить нужные вещи.
Brusnika — интернет‑магазин и сеть магазинов женской одежды с акцентом на минимализм, качество и продуманность деталей.
Мы внимательно изучили философию бренда, его отношение к материалам и к тому, как вещи живут в гардеробе, а затем перевели эти ценности в сдержанный дизайн и понятные сценарии взаимодействия с сайтом. Интерфейс и визуальный контент работают вместе: помогают аккуратно подчеркнуть стиль и характер Brusnika и при этом не мешают пользователю быстро выбрать и купить нужные вещи.
Мы внимательно изучили философию бренда, его отношение к материалам и к тому, как вещи живут в гардеробе, а затем перевели эти ценности в сдержанный дизайн и понятные сценарии взаимодействия с сайтом. Интерфейс и визуальный контент работают вместе: помогают аккуратно подчеркнуть стиль и характер Brusnika и при этом не мешают пользователю быстро выбрать и купить нужные вещи.
БЫЛО — СТАЛО
МОБИЛЬНАЯ ВЕРСИЯ
Спроектировали мобильную версию в логике mobile‑first: сценарии покупки, корзина и оформление заказа должны быть удобными прежде всего в мобильной. При этом логика ключевых шагов — от выбора товара до оплаты осталась единой для десктопа и мобильных устройств, обеспечивая одинаковый и бесшовный опыт на любом устройстве
АДАПТИВНОСТЬ
ГЛАВНАЯ СТРАНИЦА
Главная страница построена на крупных эффектных баннерах, которые ведут в лукбуки и промо‑разделы коллекций, создавая несколько сценариев входа в каталог уже с первого экрана.
Такой подход задает настроение, усиливает восприятие бренда и направляет пользователя в нужные категории и подборки.
Такой подход задает настроение, усиливает восприятие бренда и направляет пользователя в нужные категории и подборки.
КАТАЛОГ
В листинге мы предусмотрели два режима просмотра товаров — крупный и компактный. Крупный формат работает как витрина: большие фотографии смотрятся эффектно, лучше передают фактуру, силуэт и настроение коллекции, нестандартная сетка не дает пользователю уставать от однотипной выдачи.
Компактный режим подходит для более рационального сценария выбора, когда пользователь уже понимает, что ищет. Доработали микро навигацию — вынесли подкатегории наверх. Например, юбки — мини / макси / все и т.д., чтобы упростить навигацию, ускорить поиск нужного раздела. Фильтры консистентны в десктопе и мобильной — вынесли их в боковую панель. Так мы не перегружаем листинг и можем легко настраивать любую конфигурацию фильтров.
Компактный режим подходит для более рационального сценария выбора, когда пользователь уже понимает, что ищет. Доработали микро навигацию — вынесли подкатегории наверх. Например, юбки — мини / макси / все и т.д., чтобы упростить навигацию, ускорить поиск нужного раздела. Фильтры консистентны в десктопе и мобильной — вынесли их в боковую панель. Так мы не перегружаем листинг и можем легко настраивать любую конфигурацию фильтров.
ВЫБОР ТОВАРА
ПРЕВЬЮ ТОВАРОВ
Превью товаров мы спроектировали как важную точку принятия решения. В каждом превью можно полистать фото товара, посмотреть варианты цвета и сразу добавить нужный товар в корзину, минуя страницу карточки товара. Это прямое сокращение пути к покупке: пользователь может принять решение и добавить товар в корзину в тот момент, когда интерес уже возник.
КАРТОЧКА ТОВАРА
Карточку перестроили вокруг продукта и ключевых решений пользователя. Эффектную галерею вынесли в центр экрана — мобильный паттерн на десктопе: крупные фото и привычная логика просмотра сразу фиксируют внимание. Информацию разделили на первичную и вторичную: ключевые параметры (цена, доступные размеры) разместили справа — в зоне, которая лучше всего считывается в Z‑паттерне сканирования страницы.
Встроили апсейл‑инструмент образа: вокруг основного товара собирается готовый комплект, который можно добавить в корзину одной кнопкой. В десктопной и мобильных версиях предусмотрели прилипающую кнопку добавления в корзину, чтобы возможность совершить целевое действие оставалась доступной в любой момент.
Встроили апсейл‑инструмент образа: вокруг основного товара собирается готовый комплект, который можно добавить в корзину одной кнопкой. В десктопной и мобильных версиях предусмотрели прилипающую кнопку добавления в корзину, чтобы возможность совершить целевое действие оставалась доступной в любой момент.
КОРЗИНА
Сделали корзину в формате бокового окна, которое выезжает при добавлении товара. Такое решение даёт несколько преимуществ: пользователь сразу видит, что товар добавлен, может менять количество и удалять позиции, не прерывая просмотр каталога; оформление доступно в один клик из любой точки сайта; снижается риск брошенных корзин, потому что пользователь остаётся в потоке выбора; один и тот же сценарий работает и на десктопе, и на мобильных устройствах, что сокращает затраты на разработку и даёт единый, предсказуемый опыт на всех экранах.
ОФОРМЛЕНИЕ ЗАКАЗА
ОФОРМЛЕНИЕ ЗАКАЗА
Список товаров и оформление заказа объединены в одну страницу, поэтому время на покупку сокращается: не нужно переходить между несколькими экранами.
В оформлении заказа упростили информацию и структуру: разбили процесс на три понятных блока с данными, доставкой и оплатой. К вариантам оплаты добавили BNPL‑сервисы и оплату подарочными картами, чтобы увеличить средний чек и конверсию: пользователю проще принять решение о покупке более дорогих вещей и собранных образов, а бренду — зарабатывать больше на каждом заказе.
В оформлении заказа упростили информацию и структуру: разбили процесс на три понятных блока с данными, доставкой и оплатой. К вариантам оплаты добавили BNPL‑сервисы и оплату подарочными картами, чтобы увеличить средний чек и конверсию: пользователю проще принять решение о покупке более дорогих вещей и собранных образов, а бренду — зарабатывать больше на каждом заказе.
ПОДАРОЧНЫЕ КАРТЫ
Разработали отдельный продукт апсейла — электронные подарочные карты с понятным выбором номинала и быстрым сценарием покупки, адаптированным под мобильные устройства.
Так появился дополнительный источник выручки и новый сценарий для тех, кто хочет подарить Brusnika, но не готов выбирать конкретную вещь или размер.
Так появился дополнительный источник выручки и новый сценарий для тех, кто хочет подарить Brusnika, но не готов выбирать конкретную вещь или размер.
ТЕХНОЛОГИЧЕСКИЕ РЕШЕНИЯ
В условиях жёсткой конкуренции и быстро меняющегося рынка команде нужен надёжный и проверенный технологический стек, который не подведёт под нагрузкой и позволит быстро развивать продукт. 1С‑Битрикс отвечает этим вызовам: платформа закрывает задачи по управлению контентом и онлайн‑продажами, обеспечивает стабильный backend и быстрый отклик.
Часть фронтенда реализована через low‑code‑решения, за счёт чего типовые блоки и промо‑страницы собираются быстрее и дешевле — команда может оперативно запускать сезонные активности и спецпроекты без долгой разработки.
Сайт и кроссплатформенное приложение подключены к одной CRM, данные о клиентах, заказах, бонусах и подарочных картах живут в единой системе, что упрощает сопровождение и даёт пользователю одинаковый опыт во всех каналах.
Часть фронтенда реализована через low‑code‑решения, за счёт чего типовые блоки и промо‑страницы собираются быстрее и дешевле — команда может оперативно запускать сезонные активности и спецпроекты без долгой разработки.
Сайт и кроссплатформенное приложение подключены к одной CRM, данные о клиентах, заказах, бонусах и подарочных картах живут в единой системе, что упрощает сопровождение и даёт пользователю одинаковый опыт во всех каналах.
ТЕХНОЛОГИИ
Давайте знакомиться.
Обязательные поля — только телефон и имейл. Остальное, на ваше усмотрение.
Нажимая на кнопку «Отправить» вы соглашаетесь с Политикой обработки персональных данных
РЕЗЮМЕ
Нам удалось проделать масштабную работу по редизайну e‑commerce для Brusnika: обновили визуальный стиль бренда, оптимизировали ключевые сценарии покупки, ускорили загрузку страниц и добавили апсейл‑инструменты, подарочные карты и BNPL‑оплату, чтобы увеличить средний чек и конверсию.
После запуска провели UX‑тестирование, посмотрели, как ведут себя реальные пользователи, и на основе данных дополнительно упростили отдельные экраны и сценарии. Сейчас продолжаем техническую поддержку и развитие проекта, а также запустили кроссплатформенное приложение на одной CRM с сайтом — о нём расскажем в следующем кейсе
После запуска провели UX‑тестирование, посмотрели, как ведут себя реальные пользователи, и на основе данных дополнительно упростили отдельные экраны и сценарии. Сейчас продолжаем техническую поддержку и развитие проекта, а также запустили кроссплатформенное приложение на одной CRM с сайтом — о нём расскажем в следующем кейсе
УЗНАТЬ СТОИМОСТЬ
Мы изучим ваши задачи и цели, подберем решение и озвучим стоимость и сроки.
Нажимая на кнопку «Отправить» вы соглашаетесь с Политикой конфиденциальности
RUFORMAT®, 2008 — 2020 ©
МЕНЯЕМ БУДУЩЕЕ.™
КОМПАНИЯ
Давайте работать вместе.
Оставьте заявку.
Оставьте заявку.
№ 1 среди e-commerce разработчиков по версии Рейтинга рунета