Дизайн мобильного приложения для Марр Руссия

Клиент

МАРР РУССИЯ — крупнейший поставщик продуктов питания для HoReCa по всей России.

Задача

Сделать дизайн мобильного приложения с каталогом товаров для IOS. Адаптация под андроид — на стороне разработчиков клиента.

Ход работы

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

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

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

Отработанная последовательность производства такого проекта:

1. Разработать вайрфрейм и в процессе выяснить специфику бизнеса.
2. Определиться с дизайн-концепцией на примере главной страницы.
3. Разработать дизайн внутренних страниц.

Мы не первый раз делаем приложение. У команды дизайнеров процесс работы с прототипами оптимизирован. Основу для прототипа мы взяли из нашей дизайн-библиотеки. Таким образом ушло меньше времени на декоративные работы, больше — на разбор особенностей бизнес-требований.

Аналогичный подход мы использовали для приложения Tabstore.

Проектирование и бизнес-процессы

Оформление заказа может выполнить только авторизованный или зарегистрированный пользователь. 

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

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

- Сразу в приложении, по карте. 
- При получении заказа, наличный или безналичный расчет.

Для остальных разделов, таких как Новинки, Акции, Корзина — мы стремимся приблизить приложение к привычным для обычных пользователей разделам.

Продумали и добавили в бэклог приемку товара как в Докс-ин-бокс, а также автоматическую отправку в систему Меркурий и прочие радости автоматизации для пользователей.

Вместе с доработкой прототипа стартовали самый сложный этап — дизайн-концепцию.

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

За два месяца мы отрисовали остальные страницы. Несколько раз возвращались к бизнес-логике — требования уточнялись и изменялись в процессе разработки, но команда была к этому готова.

Пока работали над макетами, собирали UI Kit, превращая новые элементы интерфейса в переиспользуемые компоненты. Поэтому дизайн новых страниц и внесение изменений кратно ускоряются.

Результат

Готовые дизайн-макеты мы передаем разработчикам клиента в файле Фигмы. Но это еще не все — команда готовит спецификацию интерфейса, где описывает поведение приложения. Добавляем примеры анимации интерфейса и проект готов!