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