Латте-Арт - цифровая платформа для обучения бариста с игровыми механиками
Как мы превратили набор обучающих карточек по латте-арту в современный мобильный продукт с геймификацией, соревнованиями и системой развития пользователей
Латте-Арт
Цифровая платформа
Как мы превратили набор обучающих карточек по латте-арту в современный мобильный продукт с геймификацией, соревнованиями и системой развития пользователей
О проекте
К нам обратился заказчик, который уже обладал готовым образовательным продуктом - набором физических карточек для обучения латте-арту. Карточки успешно использовались в процессе обучения бариста и содержали пошаговые инструкции по созданию рисунков на молочной пене.
Основной задачей проекта стало создание мобильного приложения, которое позволило бы перенести существующую методику обучения в цифровую среду, сделать процесс более удобным, современным и вовлекающим.
Помимо простого просмотра карточек необходимо было реализовать игровые сценарии, систему прогресса, рейтинги пользователей и соревновательные режимы, способные повысить вовлеченность учеников и стимулировать регулярную практику.
Главной целью проекта стала разработка единой дизайн-концепции приложения, полностью готовой к последующей разработке мобильного продукта для iOS и Android.
Задача
проекта
Перед нашей командой стояла задача спроектировать интерфейс приложения, которое одновременно должно было выполнять сразу несколько функций:
Служить интерактивным учебником
по латте-арту
Обеспечивать быстрый доступ
к большому количеству обучающих карточек
Мотивировать пользователей регулярно возвращаться в приложение
Объединять обучение и игровые механики
Быть одинаково удобным как для начинающих бариста, так и для опытных специалистов
Особое внимание требовалось уделить масштабируемости интерфейса, поскольку в дальнейшем планировалось развитие проекта и расширение функциональности административной панели.
Наше
решение
Мы предложили не ограничиваться разработкой отдельных экранов приложения,
а построить полноценную дизайн-систему, которая станет фундаментом для
дальнейшего развития продукта.
В основу решения легли несколько
ключевых принципов:
Единый
визуальный язык
Понятная
навигация
Высокая скорость
освоения интерфейса
Максимальный акцент на
образовательном контенте
Использование игровых механик
как инструмента повышения
вовлеченности
Такой подход позволил создать не просто красивый интерфейс,
а целостную цифровую экосистему обучения.
Проект
в цифрах
Все показатели основаны на техническом задании
и результатах выполненных работ.
Обучающих
карточек
Полноценных
набора карточек
Игровых
режима
участников
одновременно
Уровней
сложности рисунков
Уровней
развития пользователя
ключевых
экранов приложения
Единая
дизайн-система
Кликабельный
прототип
Подготовка полного комплекта
материалов для разработки
Готовый
продукт
После завершения проекта заказчик получил полностью подготовленный
комплект дизайн-материалов:
Дизайн-макеты экранов
Кликабельный прототип
Дизайн-систему
UI Kit
Описание пользовательской логики
Материалы для передачи в разработку
На момент завершения этапа выполнялась подготовка мобильного приложения
к дальнейшей разработке.