2022
наЛанч — сервис автоматизации корпоративного питания, который помогает компаниям организовывать заказы и доставку обедов для сотрудников.
Контекст
Приложение изначально работало только с вендинговыми автоматами. Пользователи могли покупать еду через QR-код. Команда решила расширить функциональность и сделать единый интерфейс для всех сценариев питания.
Цель
Повысить ценность сервиса и улучшить пользовательский опыт за счёт расширения функционала → добавление заказов из ресторанов.
Проблемы
Нет сценария заказа из ресторанов.
Слабая визуальная иерархия.
Низкая вовлеченность пользователей.
Отсутствует ощущение «сервиса», продукт выглядит сухо, как прототип.
Что было сделано
Обновил визуальный стиль приложения, сделав интерфейс современным.
Спроектировал полный сценарий заказа еды: от выбора ресторана до получения заказа.
Совместно с иллюстратором проработали набор иллюстраций для разных состояний приложения, чтобы сделать интерфейс более дружелюбным.
Знакомство и анализ наработок
Перед обсуждением задачи со стейкхолдерами изучил продукт, функционал приложения, наработки и визуальный стиль продукта.
Это был классический сервис по доставке готовой еды:
сотрудник регистрировался, добавлял адрес и выбирал ресторан для заказа;
руководитель добавлял сотрудников в систему и настраивал лимит компенсаций.
Бенчмаркинг
Изучил рынок доставки еды (агрегаторы и рестораны с собственными приложениями), чтобы выделить успешные практики и заложить их в дизайн будущего решения.
User story и user flow
Собрал user story, чтобы учесть все сценарии: от базовых до дополнительных (фильтры ресторанов, выбор блюда, доставка). На их основе построил user flow — карту пути сотрудника от входа в приложение до получения заказа. Это позволило:
выявить лишние шаги и сократить их;
согласовать логику со стейкхолдерами;
заложить основу для прототипирования.
Выбор навигации
Перед проектированием нужно было определить сценарий навигации:
последовательная — подходит для линейного заказа (например, вендинг: выбрать товар → корзина → оплата). Такой вариант удобен, когда шаги всегда идут друг за другом.;
вкладки — лучше работает в приложениях с несколькими сценариями: поиск ресторанов, работа с корзиной или QR-вендором. Вкладки позволяют быстро переключаться между разделами и не терять прогресс.
Сравнение позволило понять, что для наших сценариев (рестораны или вендор) логичнее использовать вкладки для быстрого доступа к функционалу.
Варфреймы
На этом этапе собрал MVP вайрфреймы, чтобы структурировать приложение, проверить, как пользователь проходит ключевые сценарии и зафиксировать минимальный набор функций.
Профиль
Показываем баланс компенсации → уменьшаем шаги и снижаем когнитивную нагрузку.
Выделяем выгодные предложения → повышаем мотивацию к заказу.
Подсвечиваем популярные блюда → ускоряем выбор и растим конверсию.
Выбор ресторана
Показываем баланс компенсации на экране выбора ресторана → пользователю не нужно метаться между экранами, чтобы узнать свой баланс.
Выделяем тегами выгодные предложения → повышаем мотивацию к заказу.
Добавляем блок с популярными блюдами на странице ресторана → ускоряем выбор.
Доставка
При переходе в корзину показываем итоговую сумму и сколько покрывается компенсацией.
В статусе заказа показываем время доставки и контакт с рестораном, чтобы пользователь чувствовал контроль над процессом.
Отзыв
После доставки заказа, пользователь получает простой способ поделиться впечатлением через эмодзи — это снижает барьер и увеличивает количество откликов. Для тех, кто хочет оставить развернутую обратную связь, доступна более подробная форма. Такой подход помогает:
cобирать больше отзывов без перегрузки пользователя;
быстро выявлять проблемные места;
повышать лояльность через вовлечённость.
Ошибки и нестандартные ситуации
Также в приложении продумали редкие ситуации (задолженность, недоступные блюда, корзина из разных ресторанов), чтобы пользователь не терялся и всегда понимал следующий шаг.
UI kit
Для проекта был разработан UI kit: он включает типографику, цветовую палитру, кнопки, иконки, карточки и поля ввода. Благодаря этому удалось обеспечить консистентность дизайна.
Иллюстрации
Совместно с иллюстратором создали набор иллюстраций для разных состояний интерфейса, чтобы упростить объяснение сценариев и сделать общение приложения более дружелюбным.
