Дефиле

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

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

Задача

О компании

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

Копирайтинг

UI-кит для разработки

Проектирование

Адаптивный дизайн

Дизайн-ревью

Стек работ

Дефиле — российский бренд, который производит и продаёт женское бельё

Этапы работы

Проект начался с серии интервью и изучения специфики фэшн-ритейла. Анализировали UX-решения лидеров рынка, прошли сценарии заказов от главной страницы до завершения покупки на более чем 20 сайтах.

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

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

Проектирование

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

Концепция

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

Дизайн страниц

Этапы работы

Основные страницы

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

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

Состав сайта

Карточка товара

Карточки товара продумали таким образом, чтобы пользователь точно знал, из чего состоит блюдо и какое у него КБЖУ, а итоговая стоимость и кнопка заказа всегда были в зоне видимости.

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

Состав сайта

Доставка из ресторана

Если в ближайшем ресторане нет какой‑то позиции — её нельзя увидеть в меню

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

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

Корзина и доставка

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

Важные детали

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

Забота о пользователях

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

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

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

Немного итогов

Подготовили дизайн всего сайта и всех необходимых элементов для разработки. Проводили дизайн-ревью всех свёрстанных страниц на соответствие макетам.

Результат работы

обсудить проект

обсудить проект

Следующий кейс

Collegium
Musicum