Разработка интернет-магазина профессионального оборудования для ресторанов

Компания Рефро является поставщиком оборудования для ресторанов, кафе, магазинов. Клиент обратился к нам с задачей создать удобный интернет-магазин для работы с большим каталогом товаров.

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

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

ЦЕЛЬ ПРОЕКТА:

Создать интернет-магазин, который:

- удобно работает с большим каталогом;

- помогает быстро находить нужное оборудование;

- показывает важную информацию о товарах;

- упрощает оформление заказа;

- выглядит не как шаблон, а как продукт под бизнес клиента.

ПЛАН РЕАЛИЗАЦИИ:

Работы были разбиты на несколько этапов:

- Настройка готового решения.

- Доработка поиска.

- Верстка и программирование главной страницы.

- Улучшение каталога и фильтров.

Кроме того, после запуска проекта были выполнены такие работы, как:

- Переработка карточки товара.

- Доработка корзины и оформления заказа.

Для проекта с большим ассортиментом ключевым элементом стал поиск.

На сайте клиентом был установлен более информативный поиск от платного сервиса. Такой поиск позволял сразу отсортировать товары по категориям, ценам и релевантности.

Это позволяло покупателям более быстро и точно найти требуемый товар.

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

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

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

По запросу клиента мы вывели «товар дня» на главный экран. В данном блоке отображаются товары, которые являются хитами или новинками, а также товары, которые вновь появились в наличии. Кроме того, использование такого блока позволяет привлечь дополнительное внимание к товарам, требующим рекламы

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

На главную страницу вывели блок с поиском товаров по брендам, так как данный вид поиска является удобным для многих покупателей

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

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

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

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

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

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

Также была доработка по наличию товаров: в наличие, под заказ.

Все стикеры выделили цветом для лучшей наглядности

При выборе подходящего товара покупатели часто ориентируются на их основные характеристики: размер, цвет, производитель и прочее. Чтобы сократить путь пользователя от поиска товара до совершения покупки, в каталоге мы вывели все основные характеристики к каждому товару. Это позволяет легче ориентироваться в товарах и быстрее находить необходимое оборудование

Прежде всего мы увеличили масштаб фото товара, сделав его более крупным и акцентным:

Рядом с фото товара мы вывели блок с его основными характеристиками:

Проработали конверсионный блок: вывели способы оплаты, краткую информацию о доставке, сделали более заметной стоимость товара:

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

Разделили характеристики товаров по группам (заводские данные, основные характеристики, особенности и прочее), так как на стандартном шаблоне данного функционала не хватало.

Поделили блок “с этим товаром покупают” на табы: похожие товары, хиты продаж. Такие подсказки позволяют посетителям познакомиться с другими товарами и при необходимости совершить покупку.

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

Мы сделали путь пользователя короче, объединив эти два шага в один. После добавления товара в корзину покупатель сразу может его оформить.

В правой стороне экрана мы зафиксировали блок со стоимостью товаров, чтобы он всегда был перед глазами у покупателей. Так, при перелистывании страницы вниз (например, к выбору способов доставки) блок со стоимостью всё равно будет оставаться неподвижным

Для покупателей – юр.лиц добавили возможность скачать корзину при оформлении заказа в формате XLS или PDF. Это особенно важно для B2B-клиентов, которые часто согласовывают покупки с руководством

В результате мы запустили интернет-магазин, который:

- удобно работает с большим каталогом;

- помогает быстро находить оборудование;

- показывает документацию и характеристики;

- поддерживает сценарии B2B-покупок;

- выглядит как кастомный продукт, а не шаблон.

Проект сочетает готовое решение и индивидуальные доработки под задачи бизнеса клиента.