MultiMart
Редизайн интернет-магазина электроники и товаров для дома: каталог, карточка товара, корзина и фирменный стиль
Редизайн интернет-магазина электроники
Заказчик
MultiMart — интернет-магазин электроники и товаров для дома. Бренд менять не требовалось: нужно было убрать лишнее, а не переизобрести магазин.
Проект
Я прошла весь путь покупателя от главной до оплаты, составила новую структуру каталога, нарисовала вайрфреймы и макеты главной, листинга, карточки и корзины и собрала фирменный стиль — от монограммы до упаковки.
Задачи
- Сетка каталога, в которой выделяется товар
- Единая навигация по категориям
- Корзина без потери позиции в каталоге
- Монограмма и правила фирменного стиля
Бизнес задачи
Средний чек невысокий, покупка импульсная: человек заходит за одним и добирает ещё два. Старый сайт работал против этого: мелкие карточки, дублирующаяся навигация, корзина отдельной страницей. Поэтому основными задачами стали:
- Довести импульсную покупку до оформления
- Не терять покупателя после добавления в корзину
Дизайн-концепт
Навигация — по образцу Ozon, Wildberries и зарубежных магазинов: в интернет-магазине оригинальная навигация почти всегда вредит.
Вход — модальным окном поверх страницы, регистрация — отдельной: это осознанный шаг, и там есть место объяснить, зачем нужен аккаунт.
Знак — монограмма «M» из двух плоскостей, чёрной и жёлтой, без мелких деталей: она читается и на билборде, и в размере фавикона. Жёлтый работает только как акцент — им выделены цена и целевое действие. Если на экране больше одного жёлтого пятна, ни одно не работает.
Карточка товара
Главный экран магазина. Карточку переделывала трижды: в финальной версии цена, наличие и кнопка «В корзину» помещаются в первый экран на самом маленьком поддерживаемом телефоне.
Детали разработки
Схема путей пользователя и новая структура каталога легли в основу вайрфреймов главной, листинга, карточки и корзины. Корзина закреплена на всех страницах, сумма видна всегда.
Макеты переданы в Figma с компонентной структурой: каждый элемент — компонент с вариантами, новые категории собираются из готового без участия дизайнера.
Итог
Крупная сетка товаров, фильтры в боковой панели, карточка с ценой и кнопкой в первом экране, корзина видна с любой страницы. Фирменный стиль держится на чёрно-белой основе с одним жёлтым акцентом и одинаково работает на сайте, упаковке, билборде и визитках.
