О проекте
Mobile App
Задача. Помочь стартапу выйти на рынок США, спроектировать мобильный сервис для заказа продуктов с доставкой и внедрить AI.
01
Архитектура
Первый этап. Провели анализ бизнес-процессов заказчика и на его основе разработали архитектуру будущего продукта.
Продумали основные сценарии взаимодействия пользователя с сервисом: от определения адреса и выбора продуктов до оформления заказа, доставки и повторного использования приложения.
Продумали основные сценарии взаимодействия пользователя с сервисом: от определения адреса и выбора продуктов до оформления заказа, доставки и повторного использования приложения.
02
Дизайн
концепция
концепция
У пользователя, который открывает приложение для заказа продуктов, есть простая задача — быстро выбрать нужные товары и получить их домой. Поэтому в основу интерфейса заложили понятную навигацию, визуальную привлекательность продуктов и минимальное количество действий на ключевых этапах сценария.
В процессе разработки заказчик принял решение о смене названия с QUICK FOOD на Dropping Buy. Мы разработали новый дизайн-концепт.
Анимация загрузки приложения.
Основной экран приложения согласованной дизайн-концепции.
03
Авторизация
Продукты доставляются из терминалов, расположенных в разных районах города. Поэтому уже на этапе авторизации определяем адрес пользователя и рассчитываем доступное время доставки — 15 – 30 минут.
Отдельно предусмотрели сценарий, когда адрес пользователя не входит в географию обслуживания доставки.
Так пользователь сразу понимает, доступен ли ему сервис и когда он сможет получить заказ.
Так пользователь сразу понимает, доступен ли ему сервис и когда он сможет получить заказ.
04
Главный экран
После регистрации пользователь переходит на главную страницу.
На первом экране собрали основные точки входа в продукт:
Локация склада
Поисковая строка
Слайдер с актуальными
акциями
акциями
Hовые категории
товаров
товаров
время доставки
информация о нём появляется на видном месте
в основные разделы приложения
которые подстраиваются под индивидуальные предпочтения
каждого покупателя
1
2
3
4
1234
Сценарий использования ИИ-генерации рецептов.
05
Каталог
Каталог построили вокруг быстрого поиска и выбора товаров. Товары представлены категориями и группами, а пользователь может быстро переключаться между ними.
06
Карточка
товара
товара
Карточку товара спроектировали так, чтобы пользователь мог быстро оценить продукт и добавить его в заказ без лишних действий.
В карточке предусмотрели:
Фотографии товара
Метки местного
производителя
производителя
Наименования продукта
Стоимости
и выбора количества
Сценарий отправки товара в корзину.
07
Корзина
Корзину разделили на четыре логических блока. Она содержит выбранные товары и позволяет завершить основной сценарий покупки: выбрать способ получения, оплату и увидеть итоговую стоимость. Таким образом, на одном экране собрали все решения, которые необходимы пользователю перед оформлением заказа.
Нажимая на корзину, пользователю предлагаются к выбору сопутствующие товары
Все товары, которые пользователь отложил в корзину
Рекомендованные товары
Терминал отправки заказа и примерное время доставки
Выбор способа оплаты и финальный расчётНажимая на корзину, пользователю предлагаются к выбору сопутствующие товарыВсе товары, которые пользователь отложил в корзинуРекомендованные товарыТерминал отправки заказа и примерное время доставкиВыбор способа оплаты и финальный расчёт
08
Личный кабинет
пользователя
пользователя
В личном кабинете собрали основные пользовательские сценарии и историю взаимодействия с продуктом.
Главный экран ЛК пользователя
Настройки пользователя
Пользовательские адреса доставки
Адреса терминалов самовывоза заказов
Варианты оплаты и банковские карты
История покупок
Бонусная программа
Реферальная программаГлавный экран ЛК пользователяНастройки пользователяПользовательские адреса доставкиАдреса терминалов самовывоза заказовВарианты оплаты и банковские картыИстория покупокБонусная программаРеферальная программа
Анимация разделов ЛК Покупателя.
09
UI-kit
Собрали UI-kit как основу дизайн-системы продукта.
Он позволяет поддерживать единый интерфейс приложения и быстрее развивать новые пользовательские сценарии.
Он позволяет поддерживать единый интерфейс приложения и быстрее развивать новые пользовательские сценарии.
