«У Красного Моста» — один из первых универмагов мира, построен в 1907 году. У него есть интернет-магазин одежды и аксессуаров. Сайт точечно дорабатывался несколько раз, оброс разрозненными элементами и ошибками. Клиенту нужно было понять какие есть проблемы на пути пользователя и как систематизировать все элементы. Мы начали с анализа пользовательских сценариев и элементов интерфейса:

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

Главная
Была одна общая страница для женщин, мужчин, детей. Если пользователь искал одежду для мужчин и детей, главная страница для него не несла пользу. Мы спроектировали для каждого пользователя отдельную главную страницу и синхронизировали её с каталогом:

Вдоль страницы расставлены акценты: круглые фактоиды для перехода в подборку, блоки с обзором брендов, статьями:

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

Главная на компьютере:

Каталог
Для быстрого визуального ориентирования по разделам каталога добавили изображения. Объединили поиск с каталогом:

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

Каталог на компьютере:

Фильтры
Пользователь ходил туда-обратно по отдельным страницам фильтров, не понимая какие параметры выбрал. Собрали все на одной:

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

На компьютере разместили фото блоками, так пользователь сможет просто скролить экран и рассматривать любимые вещи. А вся необходимая информация для покупки закреплена справа:

Корзина и оформление заказа
В корзине навели порядок, закрепили внизу кнопку оформления. В оформлении навели порядок. Фото стали больше, а места по вертикали стали занимать меньше:

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

Добавили функционал промокодов, карты лояльности и подарочной карты: