Макеты мобильного приложения Леонардо

Макеты мобильного приложения Леонардо

Сделал интерфейс для первого мобильного приложения хобби-гипермаркетов Леонардо.

Макеты мобильного приложения Леонардо — Изображение №1 — Интерфейсы на Dprofile

Главная

На главной странице — товары и разделы:

Макеты мобильного приложения Леонардо — Изображение №2 — Интерфейсы на Dprofile

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

Каталог

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

Все товары можно отсортировать по цене, категорию, бренду и так далее:

Макеты мобильного приложения Леонардо — Изображение №3 — Интерфейсы на Dprofile

Карточка товара

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

Макеты мобильного приложения Леонардо — Изображение №4 — Интерфейсы на Dprofile

Товар можно не только купить и заказать на дом или забронировать. У Леонардо много магазинов и людям часто проще дойти до ближайшего магазина, чем ждать доставку. К тому же там можно посмотреть товар: например, посмотреть, как рисует карандаш или пощупать пряжу.

В интерфейсе можно забронировать товар:

Макеты мобильного приложения Леонардо — Изображение №5 — Интерфейсы на Dprofile

Человек выбирает нужный товар и магазин, где заберет его, если товар подойдет. Чтобы не было сюрпризов, честно пишем, в каких магазинах товаров много, в каких — нет.

Корзина и оплата

Пользователь проверяет проверяет корзину, убирает или добавляет новые товары, а потом оформляет заказ:

Макеты мобильного приложения Леонардо — Изображение №6 — Интерфейсы на Dprofile

Личный кабинет

В Личном кабинете пользователь может посмотреть историю заказов, отзывы, Баллы, которые зачисляются за комментарий к товару и которые можно обменять на электронный сертификат.

Все разделы живут отдельно и не мешают друг другу:

Макеты мобильного приложения Леонардо — Изображение №7 — Интерфейсы на Dprofile

Мастер-классы

Леонардо проводит творческие мастер-классы и продает на них билеты. В мобильном приложении можно посмотреть списки мастер-классов, купить билет и посмотреть страницу мастера — это важная информация для посетителей:

Макеты мобильного приложения Леонардо — Изображение №8 — Интерфейсы на Dprofile

Итоги

Было спроектировано +200 экранов: фильтры в каталогах, информации о товаре, мини-странички брендов, экраны оплаты, статусные экраны, различные истории со скидками и дисконтными картами, модальные окна. Сделал подробный UI-кит для разработки, правила оформления рекламных банеров для дизайнеров, переписал старые и написал новый текст на многих ключевых экранах.

Запускали мобильное приложение другие дизайнеры.

Оценить

Добавить в коллекции...

От автора