Кейс: Defile. Ближе к телу: новый онлайн-магазин для лидера ритейла женского белья в РФ.

Дефиле — российский бренд, который производит и продает женское нижнее бельё более чем в 30 городах России. У бренда большая база лояльных покупателей — женщины 20-45 лет.

Команда Дефиле пришла к нам с задачей — обновить интернет-магазин. Предыдущую версию магазина создавали около 10 лет назад. С того момента вкусы пользователей изменились, дизайн перестал быть единым и сайт не в полной мере отвечал запросам современной аудитории.

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

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

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

— Исследовали метрику старого сайта, обращая внимание на интересы пользователей и их поведение, а также существующий UX-аудит, который уже был у компании.

— Провели анализ конкурентов на локальном и международном рынках, включив в поиск маркетплейсы и крупных ритейлеров.

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

— Сделали более удобными карточку товара, личный кабинет и корзину, добавив в них важные для покупателей и апсейла дополнения.

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

— Нарисовали более 550 адаптивных макетов для сайта и создали большой UI-кит, чтобы быстро масштабировать сайт.— Аккуратно сверстали все страницы и дополнительные элементы, тестируя результат на популярных браузерах и ОС.

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

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

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

Решения, которые мы анализировали и отмечали:

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

— Сколько шагов надо совершить от момента выбора до подтверждения оформленного заказа и как можно оптимизировать процесс.

— Какие опции предлагают в карточке товара, включая апсейл дополнения, не перегружая ее ненужным контентом.

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

— Как стимулировать пользователей на повторные покупки или подписку на новости.— Насколько детализированы фильтры при выборе и сегментации товаров.

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

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

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

Чтобы убедиться, что пользователям новый сайт будет удобен — создали интерактивные прототипы не только для десктоп версии, но и для мобильной. 

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

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

Все прототипы презентовали команде Дефиле и совместно с ними доработали до версии, которая отвечала бизнес-задачам.

Мы создали несколько дизайн-концепций. Опирались на запросы заказчиков и лучшие практики современных удобных ритейлеров. 

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

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

Для того, чтобы посетители быстрее находили необходимую информацию — добавили в верхнее меню раздел “Покупателям”. Теперь вся важная информация для покупателей собрана в одном пространстве.

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

Всё важное для покупателей — в одном разделе.

Мы дополнили архитектуру сайта разделом “Служба заботы”, в котором собрана вся необходимая информация для пользователей. Всё, что касается условий покупки, оплаты, доставки и возврат товара. 

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

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

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

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

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

Добавили опцию “Намекнуть о подарке”, чтобы отправить выбранный товар другому человеку, который может сам оплатить и подарить этот товар.

Внедрили раздел “Дополни свой образ”. Теперь в карточке товара можно увидеть, какие товары органично дополнят образ к выбранной позиции. Это экономит время посетителя на поиске подходящих товаров, а самой компании помогает увеличивать продажи товаров, которые необходимо реализовать.

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

Мы сделали в карточке товара модальное окно с подсказками. В этом окне можно увидеть, как правильно измерять параметры. После внесения данных система подскажет, какой размер подойдет и есть ли взаимозаменяемый размер из представленных в наличии.

Проанализировали лучшие практики e-comm, а также разные исследования NNG и Baymard Institute, чтобы сделать процесс покупки удобнее.

— Корзина и важная информация о заказе теперь всегда перед глазами. В десктоп версии правая колонка с суммой заказа, примененными скидками и стоимостью доставкой закреплена при прокрутке.

— Все этапы оформления разместили на одной странице, вместо нескольких шагов. Теперь оформление заказа занимает меньше времени. 

— Добавили возможность добавления товара из корзины в избранное. Если покупка откладывается – товар не потеряется. Можно добавить в избранное и вернуться к нему в удобное время.

– Обновили механики внесения промокодов и оплаты сертификатом. Они не отвлекают от покупки, но их можно быстро найти при необходимости. 

– Чтобы мотивировать пользователей к покупке, предусмотрели в карточке товара информер о наличии. Если товар скоро законочится, то информер предупредит об этом.

— После выбора способа доставки курьерской службой, можно посмотреть карту, на которой будут видны доступные представительства этой службы, в зависимости от выбранного адреса покупателя.

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

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

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

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

Теперь пользователям не нужно звонить в колл-центр и ждать ответа. Это решение помогло снизить нагрузку на операторов компании.

В новом личном кабинете обновили раздел История Заказов. Теперь пользователи могут видеть не только все сделанные заказы, но и сегментировать их по полученным, неоплаченным или тем, которые находятся в стадии доставки.

Если заказы собраны, но не оплачены — из личного кабинета их сразу можно оплатить.

Если пользователи хотят повторить заказ — им не нужно заново смотреть весь каталог и выбирать размеры. Они могут выбрать из заказов, которые уже совершали.При повторном заказе система подскажет, какие товары еще есть в наличии. 

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

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

Такая детальная проработка помогла снизить количество правок на стадии разработки и существенно сэкономить время.

Cделали подробный UI-кит, который поможет в будущем быстро масштабировать сайт команде Дефиле. Собрали все компоненты и описание их работы, чтобы было легко их внедрять на стадии разработки. На старом сайте не было единой системы для поддержания целостности дизайна.

Каждый макет бережно переносили в код, чтобы всё работало без сбоев. Тестировали техническое исполнение и исправляли найденные артефакты. 

Помогли команде Дефиле с частичным внедрением на Битрикс. Финальным внедрением и доработками после завершения работ, занимается команда бренда.

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

Бренд получил ассоциацию с современным сегментом, на который сейчас делает ставку в продуктовой линейке.

1. Главная страница содержит всю важную информацию для посетителей. От просмотра категорий основного меню, до информации о новинках, распродажах и новостях компании. 

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

3. Карточки товаров стали более информативными, но при этом не перегружены контентом и интуитивны. Благодаря внедренными апсейл механикам, средний чек пользователя увеличился.

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

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

После запуска, были отмечены положительные изменения в статистике. 

Анализировали детали работы старого сайта в январе 2024 и работы нового сайта в январе 2025.

— Улучшили показатели. Количество отказов снизилось почти на 50%. Было 31% в 2024, а стало 16,5% 

— Сделали интереснее сам сайт. Среднее время просмотра сайта выросло с 3,2 мин. до 5,1 мин. 

— Конверсия переходов пользователей в корзину выросла с 8,17% до 9,06% и продолжает расти.

— Увеличили глубины просмотра почти в 2 раза. Если в 2024 году показатель был 5,3, то в после запуска сайта стал 8.