Редизайн интернет-магазина бытовой техники Monsher
Аналитика и прототипы
Начали аналитику с целей бизнеса, которые нужно достичь за счет редизайна сайта.
Также выяснили существующие ограничения и особенности бизнес-процессов. Далее составили
5 портретов ЦА, чтобы построить пользовательский путь и определить барьеры
для каждого из них. В рамках конкурентного анализа мы изучили 15 брендов.
Внимательно изучили каждый по нескольким параметрам и выделили плюсы и минусы,
удачные и неудачные решения.
В итоге получили детальный CJM, проработанную структуру сайта и чек-поинты
для покупателей, которые главным образом влияют на их решение о покупке. На основе
аналитики разработали более 60+ прототипов.
Главная
Нестандарный и утонченный дизайн отражает ценности и стиль бренда. Главная страница включает понятную навигацию, что облегчает пользователям перемещение по сайту. На странице сразу представлены товары, чтобы покупатель мог сразу перейти к покупкам. Также блоки для тех, кто хочет узнать о преимуществах бренда, посмотреть последние коллекции.
Каталог
Каталог — одна из важнейших страниц, в которой мы создали интуитивно понятную навигацию. Пользователи легко находят категории и подкатегории товаров, используют фильтры и сортировку. Карточки товаров включают основные детали: цену, характеристики и скидки. Они получились информативными, но не перегруженными.
Корзина и оформление заказа
Оформить заказ просто и удобно. Пользователь может выбрать гостевой режим, когда заказ оформляется в 1 клик, или зарегистрировать аккаунт, чтобы участвовать в программе лояльности. Доступны все способы оплаты: от оплаты картой на сайте до рассрочки.
Концепции
Предложили несколько концепций дизайна клиенту. Очень разные варианты, чтобы была возможность взглянуть на бренд с нескольких сторон.
Особенности разработки
Мы написали кастомный компонент для оформления заказа с использованием vue.js Реализовали возможность выбора из сохраненных адресов, изменять получателей заказа, выбирать дату и время доставки курьером. Также написали функционал для блоков «избранные товары» и «сравнение товаров», не используя компоненты Битрикс.
Результат
Ребята обратились к нам с четким запросом сделать так, чтобы сайт продавал и продавал
хорошо. У Моншер ранее уже был сайт, который выступал витриной и знакомил
пользователей с компанией, на нем можно было проникнуться философией и эстетикой
бренда (к слову, родом из Франции). Но конверсия была низкой. Основной
проблемой были пользовательские сценарии.
Мы глобально переработали юзабилити и основные флоу.
Спроектировали полноценный е-ком с личным кабинетом, чекаутами, удобной корзиной и персонализированными
карточками (добавили рич-контент, отзывы, инструкции).
Переработали каталог. Теперь он отвечает всем правилам современного е-кома (категории,
подкатегории, удобные фильтры и детально проработанная карточка в выдаче). И,
конечно же, все это по принципу mobile first.
Было сделано больше 300 макетов, а самое главное — в какие сроки!
Этап аналитики и прототипа был пройден за 1 месяца, а дизайн со всеми
адаптивами и брейкпоинтами, ui-kit’ом за тот же один месяц. От идеи
до реализации — 2 месяца
Мы продолжаем развивать интернет-магазин Моншер и насыщать новыми полезными
функциями.
Больше кейсов
или пообщаться в Телеграм