Обновление сервиса
GPC
Редизайн маркетплейса и мобильных приложений для поставщика продуктов в сфере HoReCa.
Поставка продуктов для HoReCa
GPC поставляет продукты питания для гостиниц, ресторанов и кафе. На момент описания кейса компания работала на рынке более 19 лет, была представлена в 16 регионах и управляла 23 филиалами. В её инфраструктуру входят мультитемпературные склады и логистические услуги.
За год команда обновила дизайн маркетплейса и приложений Android и iOS. Задача — сохранить существующий контент, упростить оформление заказов и перенаправить клиентов с заказов через операторов на маркетплейс, снизив нагрузку на колл-центры.
Сделать заказ проще и понятнее
Анализ существующего сайта выявил проблемы, которые мешали пользователям находить информацию и самостоятельно оформлять заказы.
Устаревший визуальный язык
Сплошной текст без логических блоков, мало изображений и баннеры, которые не давали конверсии. Тёмно-синяя палитра слабо ассоциировалась с food-tech.
Запутанная структура
Сложная навигация заставляла пользователей выискивать нужную информацию и замедляла выполнение задач.
Неинтуитивный кабинет
Пользователи терялись в личном кабинете и не понимали, где находятся нужные функции.
Бенчмаркинг B2B-сервисов
Чтобы понять современные решения для ресторанов, кафе и гостиниц, я изучил GPC-Russia, Metro Cash & Carry, Rational Online Shop, FoodFox и Restorator.pro.
Мобильная адаптация
Почти все платформы поддерживали мобильные устройства, но удобство часто уступало вебу: например, фильтры Metro работали неинтуитивно. FoodFox выделялся минималистичным интерфейсом и удобством покупок с телефона.
Процесс заказа
У Rational и Restorator.pro выделялись прозрачные этапы заказа и интеграция с CRM. Другим платформам не хватало персональных рекомендаций и автоматических уведомлений о статусе.
Цены и предложения
GPC-Russia держал конкурентные цены, Metro выделялся программой лояльности, а FoodFox — приветственными акциями и скидками для новых пользователей.
Дополнительные сервисы
Rational предлагал обучающие видео и модули, а Metro помогал компаниям снижать издержки — это было полезно малому бизнесу.
Рекомендации по итогам анализа
- Упростить навигацию, поиск и фильтры.
- Добавить рекомендации на основе истории заказов.
- Оптимизировать мобильный UX для простоты и скорости.
- Развить программу лояльности: бонусы и скидки за повторные заказы.
Помочь покупателю сузить выбор
Изучил модели food-tech: доставку из ресторанов, готовые блюда, наборы с рецептами, нишевые продукты и онлайн-ритейл. Сравнил прямых и смежных конкурентов, включая персонализацию в Яндекс Еде и подбор продуктов в eMeals.
В материалах исследования отмечено, что специализированные сервисы учитывали потребности отдельных сегментов, а универсальным магазинам часто не хватало персонализации. Персоны помогли сопоставить разные задачи покупателей: от регулярных семейных покупок до поиска продуктов под конкретный запрос.
Персоны и уровни персонализации
Описал потребности и сложности покупателей и сравнил варианты подбора по составу семьи, ситуации покупки и формату каталога. На основе этих материалов сформулировал направление: помочь быстрее находить подходящие товары, а не просматривать весь ассортимент.
Проверка сценариев в фокус-группах
Участники выполняли задачи, в том числе оформляли заказ. Во время проверки обнаружили, что пользователи прерывали регистрацию юридического лица. В ответ я упростил начальный этап, оставив данные, необходимые для создания бизнес-аккаунта.
От вывода к каталогу
Для большого ассортимента предусмотрел фильтры по типу кухни, бренду, стране и производителю. Они помогают сократить выбор до товаров, которые подходят конкретному покупателю.
Два сегмента пользователей
Сегментация помогла учесть разные задачи, устройства и привычки клиентов.
Юридические лица
Мужчины и женщины 35–60 лет: сотрудники баров, ресторанов и кафе, которым важно выгодно выбирать товары для бизнеса и иметь под рукой историю заказов.
Устройства: преимущественно компьютеры и ноутбуки, реже планшеты и смартфоны.
Потребности и трудности: поиск новых товаров и акций; при затруднениях часто обращаются к операторам.
Физические лица
Мужчины и женщины 25–45 лет: пользователи, которые не всегда знают, что хотят купить, и нуждаются в подборке акций или товаре дня.
Устройства: часто ноутбуки и планшеты, иногда смартфоны.
Потребности и трудности: актуальные акции, рекомендации новых товаров и понятные сроки доставки.
От сценария к интерфейсу
User flow
Создал схему пути пользователя от входа и регистрации до оформления заказа.
Вайрфреймы
Взял за основу старые макеты и использовал их, чтобы выстроить новую логику интерфейса.
Главная страница
Структурировал контент и обновил интерфейс маркетплейса на основе нового UI Kit.
Регистрация и личный кабинет
Регистрация
Исследования и метрики показали, что пользователи не завершали регистрацию и уходили с сайта. Поэтому процесс начали с выбора типа юридического лица, а заполнение данных вынесли на следующий шаг.
Личный кабинет
В новой версии появился «Зверский кэшбек»: за покупки пользователь получает награды в виде скидок. Историю заказов разместили ниже основного блока, чтобы к ней было проще быстро перейти.
Единый визуальный язык на разных платформах
Несмотря на различия Android, iOS и веба, я сохранил общие цвета, шрифты, иконки и паттерны взаимодействия. Это помогло сохранить узнаваемость бренда и глубже разобраться в кроссплатформенном дизайне.
Обновлённый маркетплейс и приложения
За год разработали новый дизайн маркетплейса и приложений с использованием нового UI Kit. Навигацию улучшили, контент структурировали, а сайт перевели с Bootstrap на SSR React, что сократило время загрузки страниц.
Обновление интерфейсов и платформы дало клиентам современные инструменты для взаимодействия с GPC в сфере HoReCa.
Если вам нужен дизайн для бизнеса, напишите мне.