Даблби
6 000 000
Электронная коммерция
Россия, Москва
Сентябрь 2023
Сделать редизайн мобильного приложения для программы лояльности сети кофеен «Даблби».
«Даблби» — это крупнейшая в мире сеть specialty-кофеен. У них можно не только перекусить за чашечкой свежемолотого кофе, но и заказать доставку качественного кофе или селективного чая на дом.
Недавно «Даблби» полностью обновили фирменный стиль своих кофеен. Поэтому появилась потребность в обновлении приложения, чтобы привести его в соответствие с новым брендбуком сети.
Разработали новую версию приложения, которая гармонично вписывается в обновлённый бренд сети кофеен. А также в которой реализовали все необходимые функции программы лояльности, например:
— Профиль пользователя с историей заказов;
— Накопление баллов и обмен на подарки;
— Система акций и специальных предложений;
— Возможность предзаказа и доставки;
— Настройка заказов;
— Интеграция с картами и навигацией для поиска ближайшей кофейни.
Благодаря обновлённому дизайну и удобному интерфейсу, приложение помогает пользователям:
— Быстро ориентироваться и находить нужные разделы;
— Выбирать и заказывать напитки и еду в пару кликов;
— Удобно отслеживать историю заказов;
— С интересом зарабатывать баллы и получать подарки;
— Быть в курсе актуальных акций и новинок кофеен.
Над проектом работали совместно с компанией Evosoft.dev. Мы отвечали за дизайн — Александр Лагута разрабатывал UI и UX приложения, а Екатерина Лагута работала над анимацией. Коллеги из Evosoft.dev отвечали за разработку.
Разработали дизайн приложения в современном минималистичном стиле, который отвечает новому брендбуку и гармонично вписывается в обновлённый бренд «Даблби».
Использовали цвета и шрифты, предоставленные заказчиком. Цветовую палитру немного скорректировали для более удачного отображения на экране.
Разработали дизайн-систему: описали в правила, как и какие визуальные элементы, цвета, шрифты и анимация должны использоваться в проекте. Это позволило сохранить единообразие дизайна на всех экранах приложения.
Разработали понятный интерфейс из композиции блоков, в котором пользователю легко ориентироваться и находить нужные функции. Количество бонусных баллов, акции, рейтинг гостей, карта кофеен — всё умещается на одном экране и находится в паре кликов от пользователя.
При разработке интерфейса приложения опирались на устоявшиеся у пользователей сценарии действия и привычные паттерны, чтобы сделать приложение максимально привычным и интуитивно понятным.
Предусмотрели страницу с онбордингом, которая появляется, когда пользователь заходит первый раз в приложение. Так он сразу видит, какие в приложении есть возможности и как ими пользоваться:
— Как участвовать в программе лояльности;
— Как обменять баллы на подарки;
— Какие бывают акции и как в них участвовать;
— Как получать ачивки и участвовать в соревнованиях.
Продумали и внедрили функционал предзаказа, доставку и карту кофеен. Пользователи в несколько кликов могут найти ближайшую кофейню, заранее выбрать и оплатить интересующий товар и забрать его, не тратя время на ожидание.
Чтобы пользователи находили нужную кофейню быстро и легко — реализовали удобный поиск и фильтрацию кофеен на интерактивной карте. Проработали все сценарии работы с картой и поиском кофейни. Пользователь может поставить геоточку или написать адрес вручную. Приложение найдёт кофейню и сразу же перенаправит его в каталог, где он сможет выбрать напиток.
Внедрили программу лояльности: за покупки в кофейнях пользователи получают баллы, которые можно обменивать на подарки — позиции из меню кофеен.
Чтобы пользователи активнее и чаще заходили в приложение, внедрили элементы геймификации:
— Ачивки, например, «Знаток авторского кофе» или «Ценитель ранних завтраков».
— Соревнования между пользователями приложения, например, «Знаток шоколада», где нужно выпить как можно больше чашек горячего шоколада.
За призовые места в соревнованиях и полученные ачивки пользователи получают подарки.
Анимацию сделали такой, чтобы она помогала приложению быть интуитивно-понятным и привлекательным для пользователей. Для этого мы:
— Продумали каждое движение анимации с точки зрения логики и декора.
— Детально проработали мелкую механику: сдвиги, пропорции, видимость и последовательность элементов. Анимация мелкой механики помогает делать определённые акценты без лишних визуальных элементов.
— Учли паттерны поведения пользователей в аналогичных приложениях или тех, которыми они пользуются каждый день.
Также проследили за тем, чтобы анимация была оптимизированной — не потребляла много ресурсов устройства и не замедляла работу приложения.
За разработку приложения отвечали коллеги из Evosoft.dev. Они использовали специальный язык программирования Flutter. Он позволяет сделать приложение сразу и для IOS, и для Android.
Разработчики Evosoft.dev реализовали весь необходимый функционал — личный кабинет, накопление баллов, акции, предзаказ и доставку, поиск и отображение кофеен на карте, оплату заказов.
Они настроили всё, чтобы приложение работало с картами, платёжками и службами доставки. Также они синхронизировали приложение с серверными сервисами для хранения и обновления всех необходимых данных: например, информации о пользователях, кофейнях, меню и ценах. Чтобы iOS и Android приложения получали актуальную информацию для работы.
После разработки приложение протестировали, чтобы оно стабильно работало на разных телефонах и планшетах, а также на разных версиях операционных систем.
Дизайн обновлённого приложения визуально соответствует актуальному брендбуку сети кофеен «Даблби». В приложении используются фирменные цвета, шрифты, элементы дизайна, что позволило добиться единого стиля с сайтом компании и интерьером кофеен.
Интерфейс приложения стал более удобным и понятным для пользователей. Теперь легко найти нужный раздел, сделать заказ или оплату. Продуманный дизайн упрощает взаимодействие на каждом шаге.
Приложение мотивирует пользователей чаще заходить в приложение и делать покупки в кофейнях. Система баллов и бонусов позволяет получить приятные подарки за лояльность. А раздел с акциями информирует о выгодных предложениях сети кофеен.
Компания «Даблби» выражает искреннюю благодарность Александру и Екатерине Лагуте за разработку UX/UI дизайна для нового приложения «Даблби».
Приложение «Даблби» включает в себя большое количество окон и экранов со сложной логикой, что связано с реализацией новых механик в рамках программы лояльности (акции, подарки за баллы, достижения и соревнования) и необходимостью обеспечения возможности совершить покупку несколькими способами (заказ с собой, заказ в кофейне, заказ на доставку, чекин).
Александру и Екатерине удалось разработать минималистичный дизайн, при этом полностью отвечающий запросам пользователей и требованиям бизнеса. Исполнители смогли глубоко погрузиться в тематику приложения и не просто следовали требованиям заказчиков, но и предлагали свои варианты реализации. Такая заинтересованности и вовлеченность Александра и Екатерины в проект позволили сделать отличный функциональный дизайн.
Wemakefab с удовольствием обсудит вашу задачу