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