Главное о кейсе
Дефиле — российский бренд женского нижнего белья с более чем 30 городами присутствия и крупной базой лояльных покупательниц в возрасте 20–45 лет.
Предыдущая версия интернет-магазина была создана более десяти лет назад и перестала соответствовать ожиданиям современной аудитории: дизайн устарел, архитектура сайта не поддерживала удобную навигацию, а пользовательский опыт требовал полной переработки.
Наша задача — создать современный, адаптивный интернет-магазин, который будет удобен на мобильных и десктопах, с чёткой структурой, визуальной целостностью и лёгким процессом оформления заказа. Проработать пользовательские сценарии, добавить удобные апсейл-механики.
Сохранить ключевые страницы и интегрировать новую платформу с бизнес-процессами на 1С-Битрикс.
Как проект изменил жизнь пользователей
Новый сайт стал для покупателей интуитивным и быстрым инструментом поиска и покупки белья. 80% аудитории заходит с мобильных — поэтому мы проработали детально адаптивный дизайн, учитывающий свайпы, минимальное количество действий до покупки и помогли ускорить принятие решение о покупке.
Упростили для пользователей выбор размера, полностью переделав вспомогательные элементы и профильную страницу. Добавили механики, когда система предлагает размеры, которые могут быть похожи на запрашиваемые параметры.
Карточка товара стала информативной и полезной: появились визуальные апсейлы («Дополни свой образ»), понятные подсказки по размерам, опция «Намекнуть о подарке».
Личный кабинет получил удобный просмотр истории заказов, быстрый повтор и фильтрацию по статусам. Он стал более информативным и интуитивным для пользователей, чтобы им было удобнее.
Сделали унифицированную структуру и дизайн для информационных страниц блога, новостей и акций, чтобы пользователям было не только удобно читать, но и интересно смотреть.
Процесс оформления заказа сократился с нескольких шагов до одной страницы, корзина всегда остаётся в поле зрения, а промокоды и оплата сертификатом доступны, но не мешают сценарию покупки. Это снизило отказ, ускорило путь до оплаты и повысило вероятность повторных заказов.
Бизнес-задача и ее решение
Ключевые задачи:
— Обновить архитектуру и структуру интернет-магазина, сохранив ключевой контент.
— Сделать процесс покупки проще и быстрее, особенно на мобильных устройствах.
— Повысить конверсию в заказы и средний чек за счёт апсейлов.
— Снизить нагрузку на операторов колл-центра за счет проработки пользовательских сценариев и доступности. необходимой для пользователей информации.
— Создать современный адаптивный дизайн, которые поможет бренду изменить свой образ в глазах более молодой аудитории и привлечь новую.
Решения:
— Провели больше 10 интервью с командой бренда и бенчмаркинг более 20 ритейлеров, маркетплейсов и e-comm-лидеров, чтобы найти и внедрить удобные и интересные решения.
— Улучшили категории и подкатегории товаров, добавив изображения в навигацию для быстрого и удобного выбора.
— Обновили полностью карточку товара, добавив в нее полезную для пользователя информацию, апсейл-механики и рекомендации по дополнительному выбору.
— Проработали детально «Личный кабинет», чтобы у пользователей всегда была важная информация в зоне видимости.
— Обновили структуру, добавив разделы «Покупателям» и «Служба заботы» с полной информацией о доставке, оплате, возвратах, сертификатах и программе лояльности.
— Сделали отдельную страницу «Магазины» с поиском по городу, картой и фильтрацией по услугам, которые можно в них получить.
— Проработали детально «Личный кабинет», чтобы у пользователей всегда была важная информация в зоне видимости.
— Добавили удобную страницу вакансий компании с поиском по городу и онлайн-заявкой.
— Сделали минималистичный, современный и свежий дизайн сайта, который отражает позиционирование компании в ее стремлении найти подход к молодой ЦА.
Крафт (мастерство), реализация, технические детали
Мы разработали больше 550 адаптивных макетов для разных устройств, проработав каждый сценарий пользователя.
Создали подробный UI-кит, чтобы команда Дефиле могла масштабировать проект в будущем без потери целостности дизайна.
Визуальный стиль обновился: современная типографика, пастельный светло-зелёный для акцентов, лёгкая палитра без сложных контрастов или цветовых сочетаний..
Для разделов «Новости» и «Акции» мы придумали систему взаимозаменяемых блоков в большом количестве. Это помогает команде бренда создавать контент просто, удобно и иметь большую вариативность в визуализации.
Все этапы верстки сопровождались тестированием на популярных браузерах и ОС. Сайт сверстан и адаптирован для платформы Битрикс. Мы аккуратно интегрировали новый дизайн с существующими процессами компании.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
— 80% трафика — с мобильных, из-за этого большой упор сделали на mobile-first дизайн.
— Закреплённые ключевые категории и апсейлы увеличили средний чек на 11%.
— Созданный раздел «Служба заботы» ощутимо снизил количество обращений в колл-центр.
— Быстрый повтор заказа из личного кабинета увеличил долю постоянных покупателей.
Работа с заказчиком велась в формате постоянных согласований. Мы тестировали прототипы, дорабатывали структуру и дизайн на основе бизнес-целей.
Работа над проектом заняла 7 месяцев и завершилась запуском в январе 2025 года.
Результаты после запуска:
— Среднее время на сайте выросло с 3,2 до 5,1 минут. Пользователям стало более интересно.
— Количество отказов снизилось с 31% до 16,5%. Апсейл механики и продуманные карточки товара помогли увеличить выручку.
— Конверсия в корзину выросла с 8,17% до 9,28% и продолжает расти.
— Глубина просмотра увеличилась с 5,3 до 8.
Скриншоты
Комментарий заказчика
От лица компании РозТех выражаю благодарность студии
Ancora.Agency, Александру Киршину и его команде за разработку нового дизайна сайта
Defile.ru. Коллеги подошли к задаче со всей ответственностью и душой. В равной степени предлагали современные, красивые, удобные решения и прислушивались к нашим пожеланиям. Совместными усилиями мы создали отличный, современный и красивый сайт. Желаю компании Ancora процветания и творческих успехов.
Спасибо!
Жишков Вячеслав. IT-директор