ЯРЧЕ
Дизайн и проектирование интернет-магазина продуктов для федеральной сети Ярче
UX/UI
Mobile
E-commerce
Ярче — это сеть из более чем 690 супермаркетов формата «у дома» в Сибири и Московской области. Каждый день в них совершают покупки не менее 1 000 000 человек.
Заказчик
Цель проекта
Создать дизайн для интернет-магазина Ярче, который поможет обеспечить комфортный шопинг покупателям. Проработать мобильную версию сайта, чтобы пользователи могли совершать покупки с любого устройства.
Решение
Совершать покупки быстро (например, по дороге домой, или пока уснул ребенок).
Выбирать продукты по своему вкусу и специфическим потребностям.
Быстро ориентироваться в широком ассортименте магазина.
Целевой аудиторией интернет-магазина являются потребители, приобретающие товары повседневного спроса в супермаркетах и магазинах «у дома», но готовые изменить текущий процесс покупки и покупать онлайн. Чтобы понять потребности, беспокойства и желания пользователей, мы провели UX-исследования, включая глубинные интервью с реальными покупателями и этнографические исследования.
Что хотят покупатели:
Быть уверенными в качестве продуктов, знать их состав, срок годности.
Экономить, покупать продукты с выгодой.
Ориентируясь на желания и потребности потенциальных покупателей, мы создали дизайн интернет-магазина, который способствует удобному и приятному шопингу онлайн.
Вынесли всю ключевую для покупателя информацию на главную страницу
Узнавайте о выгодных предложениях
Пользователь сразу видит товары, которые может приобрести сегодня по самой привлекательной цене.
Совершайте покупки на каждый день быстро
Чтобы сэкономить время покупателя, мы вынесли популярные категории товаров (свежие фрукты, овощи, молочные продукты, сыры, яйца и др.) на первый план. Чтобы собрать стандартный набор продуктов на каждый день, достаточно сделать пару кликов.
Цена и кнопка
«Добавить» —
на видном месте
Так как цена является одним из основных критериев при принятии решения о покупке, мы поставили ее на самое видное место. Не нужно проваливаться в карточку товара, чтобы увидеть его стоимость и добавить продукт в корзину.
Живые картинки
Чтобы покупатель мог рассмотреть товар и принять решение о покупке, мы сделали так, что фото товара занимает ⅔ карточки.
Будьте в курсе новинок и хитов продаж
Мы отметили такие товары специальными тегами. Поэтому покупатель сразу видит информацию о новинках сети и узнает о тех продуктах, которые уже полюбились тысячам других покупателей и заслуживают внимания.
Находите нужный товар за пару кликов
С главной страницы пользователю доступен поиск, где, применяя различные фильтры (вкус, свойства продукта и другие особенности), он может быстро найти необходимый товар среди широкого ассортимента магазина (более 5 000 SKU).
Добавили в карточку товара все, что нужно знать о продукте, и даже больше!
Будьте уверены в продуктах, которые покупаете
В карточке товара мы разместили полную информацию о продукте, особенности его хранения и приготовления, фото.
Подбирайте продукты по специальным требованиям
Мы добавили ряд маркеров «Вегетарианство», «Сыроедение», «Диетический» и др, чтобы покупатель мог подобрать продукты под свои специфические вкусы и потребности.
Следите за своим питанием
В каждом продукте указано соотношение КБЖУ. Поэтому приверженцам правильного питания будет удобно выбирать продукты в рамках своей нормы.
Сделали оформление заказа на одной странице
Мы спроектировали форму заказа таким образом, что заказ удобно и просто можно оформить на одной странице. Покупатель видит все шаги оформления заказа на одном экране. А если пользователь авторизован, то на основании истории покупок автоматически подтягиваются адрес доставки и предпочитаемый способ оплаты. Также пользователь может редактировать свой список покупок даже в форме заказа.
Тщательно проработали мобильную версию сайта
Мы спроектировали интерфейс интернет-магазина с упором на удобство пользования с мобильного устройства и разработали полноценную адаптивную версию .
Вынесли необходимые элементы (поиск, корзина) в верхнее меню


Вынесли необходимые элементы (поиск, корзина) в верхнее меню


Добавили удобные фильтры по цене и категории товаров


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