Freshmart — сервис доставки полезной еды

UX/UI design

Mobile App

2023

О проекте

Freshmart — это мобильное приложение для заказа и доставки полезной готовой еды и продуктов. Сервис предоставляет широкий выбор продуктов и блюд, включая салаты, супы, вторые блюда, блюда для вегетарианцев и десерты. Также пользователи имеют возможность самостоятельно забрать свой заказ в магазинах по городу, сделав предзаказ в приложении.

Моя роль

UX/UI дизайнер. Исследование, концепт, визуальный дизайн и прототипирование.

Инструменты

Figma, Miro, Adobe Photoshop, Adobe Illustrator

⭐️ Цель

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

📌 Задача

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

Целевая аудитория

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

👱 Люди, желающие сбросить вес

Заинтересованы в индивидуальных рационах питания, а также в низкокалорийных блюдах.

💼 Офисные работники
и бизнесмены

Категория занятых клиентов, которым не хватает времени на приготовление полноценных обедов.

🏃 Спортсмены и фитнес-любители

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

🧓 Люди с заболеваниями ЖКТ

Людям с гастритом и язвой желудка приходится придерживаться строгих пищевых ограничений.

🤱 Молодые мамы

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

🥦 Веганы, вегетарианцы

Стремятся сохранить живую природу, заботятся о собственном самочувствии и сбалансированном питании.

Бенчмаркинг

За последние годы рынок сервисов доставки еды значительно вырос. Люди все больше доверяют доставке, перестают ходить в магазины, так как это удобнее и экономит кучу времени. В зависимости от разных критериев, люди отдают предпочтение различным сервисам. Один из таких критериев – это удобство использования.

В России есть несколько основных приложений, которые пользуются спросом. Среди сервисов по доставке здоровой еды я выбрала Вкусвилл, ЖизньМарт, Самокат и Яндекс.Еда.

Основные пункты, по которым я проводила UX оценку выбранных сервисов:

🤩 Удобство использования каталога

🔍 Доступный и понятный поиск

⏩ Быстрое считывание информации с карточки товара

🛒 Удобство работы с корзиной

📍 Простота заполнения контактных данных и адреса

💳 Простота оплаты заказа

Проведя анализ этих приложений, я сформулировала основные проблемы, с которыми может столкнуться пользователь. Среди них были такие проблемы, как:

😤 Неудобство использования поиска

😤 Длинный юзер флоу

😤 Перегруз информацией и рекламой

😤 Сложность заполнения контактных данных и адреса

Постановка проблемы и гипотезы

1. Сложный UI

Проблема

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

Гипотеза

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

2. Выбор блюда

Проблема

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

Гипотеза

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

3. Проблемы с доставкой

Проблема

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

Гипотеза

Если добавить функцию отслеживания курьера в реальном времени и отправлять пуш-уведомления о статусе доставки, то пользователи будут лучше информированы о процессе и уровень их удовлетворённости повысится.

4. Плохое обслуживание

Проблема

Это может быть некачественная техподдержка в приложении, упомянутые выше проблемы с доставкой, некачественная еда, проблемы с оплатой, что приводит к жалобам.

Гипотеза

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

Юзер персона

Анна, 26 лет

Род деятельности

Иллюстратор

Мотивация

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

Цели

— Найти доступные по цене блюда.
— Подобрать сбалансированное меню с низкой калорийностью.
— Получить заказ быстро и без задержек.

Болевые точки

— Беспокоится, что в меню недостаточно разнообразных блюд.
— Трудности с поиском продуктов с хорошим составом.

Карта эмпатий

Юзер флоу

Решение

Сплэш скрин & Онбординг

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

Авторизация

Пользователь может войти в приложение с помощью номера телефона — это самый простой и удобный способ авторизации. Он вводит свой номер телефона — после ему предлагается выбор, куда придет код для подтверждения: смс на номер или в Telegram.

Важно отметить, что есть возможность пропустить этап авторизации и ознакомиться с основным функционалом приложения, включая самую важную часть — меню и ассортимент блюд. Это может сэкономить пользователям время и сфокусироваться на выборе.

Главный экран

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

Меню & Карточка продукта

В меню пользователю будет проще ориентироваться благодаря делению блюд на категории. При этом ему по-прежнему остается доступен поиск в верхнем меню.

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

Поиск & Избранное

Профиль & Чат с техподдержкой

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

В разделе «Чат» можно связаться с поддержкой, оставить отзыв или жалобу. Также здесь приходят уведомления о новых акциях и продуктах.

Корзина

Корзина позволяет пользователям просматривать выбранные ими товары, корректировать их количество и легко переходить к оформлению заказа.

Оформление & Отслеживание заказа

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

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

Результат

От идеи до финального дизайна этот проект был направлен на создание удобного и интуитивного процесса заказа. Шаг за шагом я улучшала взаимодействие — упростила навигацию, структурировала меню и оптимизировала процесс оформления заказа.

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

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