Редизайн мобильного приложения для сети кофеен «Даблби»

Главное о кейсе

«Даблби» — крупнейшая в мире сеть specialty-кофеен. У них можно не только перекусить за чашечкой свежемолотого кофе, но и заказать доставку качественного кофе или селективного чая на дом.

Недавно «Даблби» полностью обновили фирменный стиль своих кофеен. Поэтому появилась потребность в редизайне мобильного приложения для программы лояльности, чтобы привести его в соответствие с новым брендбуком сети.

Мы разработали новую версию приложения, которая гармонично вписывается в обновлённый бренд сети кофеен, и реализовали все необходимые функции программы лояльности:
— Профиль пользователя с историей заказов;
— Накопление баллов и обмен на подарки;
— Система акций и специальных предложений;
— Возможность предзаказа и доставки;
— Настройка заказов;
— Интеграция с картами и навигацией для поиска ближайшей кофейни.

Над проектом работали совместно с компанией Evosoft.dev. Мы отвечали за дизайн, а коллеги из Evosoft.dev — за разработку.

Как проект изменил жизнь пользователей

Благодаря обновлённому дизайну и удобному интерфейсу приложение помогает пользователям:
— Быстро ориентироваться и находить нужные разделы;
— Выбирать и заказывать напитки и любимые блюда в пару кликов;
— Удобно отслеживать историю заказов;
— С интересом зарабатывать баллы и получать подарки;
— Быть в курсе актуальных акций и новинок кофеен.

Бизнес-задача и ее решение

1. Познакомить пользователей с функционалом приложения.

Предусмотрели страницу с онбордингом, которая появляется, когда пользователь заходит первый раз в приложение. На ней демонстрируем, какие в приложении есть возможности и как ими пользоваться:
— Как участвовать в программе лояльности;
— Как обменять баллы на подарки;
— Какие бывают акции и как в них участвовать;
— Как получать ачивки и участвовать в соревнованиях.

2. Синхронизировать дизайн приложения с обновлённым визуальным стилем сети кофеен.

Разработали современный минималистичный дизайн, отвечающий новому брендбуку и гармонично вписывающийся в обновлённый бренд сети кофеен. Использовали цвета и шрифты, предоставленные заказчиком. Цветовую палитру немного скорректировали для более удачного отображения на экране.

Разработали дизайн-систему: описали в правилах, как и какие визуальные элементы, цвета, шрифты и анимация должны использоваться в проекте. Это позволило сохранить единообразие дизайна во всех экранах приложения.

3. Стимулировать пользователей чаще посещать кофейни и покупать кофе или чай.

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

Внедрили элементы геймификации:
— Ачивки, например «Знаток авторского кофе» или «Ценитель ранних завтраков».
— Соревнования между пользователями приложения, например «Знаток шоколада», где нужно выпить как можно больше чашек горячего шоколада.

За призовые места в соревнованиях и полученные ачивки пользователи получают подарки.

Кроме того, реализовали раздел с акциями. В нём показываем выгодные предложения кофеен и условия по ним.

Добавили блок с историями. В них рассказываем об акциях, новостях кофеен, позициях из меню, показываем продающие фотографии напитков или еды.

4. Сделать процесс покупки в приложении максимально простым для пользователей.

Разработали понятный интерфейс из композиции блоков, в котором пользователю легко ориентироваться и находить нужные функции. Количество бонусных баллов, акции, рейтинг гостей, карта кофеен — всё умещается на одном экране и находится в паре кликов от пользователя.

Продумали и внедрили функционал предзаказа, карту кофеен, доставку. В несколько кликов пользователь может найти ближайшую кофейню, заранее выбрать и оплатить интересующий товар и забрать его, не тратя время на ожидание.

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

При разработке интерфейса приложения опирались на устоявшиеся у пользователей сценарии действия и привычные паттерны, чтобы сделать приложение максимально привычным и интуитивно понятным.

Крафт (мастерство), реализация, технические детали

Сделали анимацию такой, чтобы она делала приложение интуитивно понятным и привлекательным для пользователей. Для этого мы:
1. Продумали каждое движение анимации с точки зрения логики и декора.
2. Детально проработали мелкую механику: сдвиги, пропорции, видимость и последовательность элементов. Анимация мелкой механики помогает делать определённые акценты без лишних визуальных элементов.
3. Учли паттерны поведения пользователей в аналогичных приложениях или тех, которыми они пользуются каждый день.

Также мы проследили за тем, чтобы анимация была оптимизированной — не потребляла много ресурсов устройства и не замедляла работу приложения.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

Скриншоты

Комментарий заказчика

Компания «Даблби» выражает искреннюю благодарность Александру и Екатерине Лагуте за разработку UX/UI дизайна для нового приложения «Даблби».

Приложение «Даблби» включает в себя множество окон и экранов со сложной логикой, что связано с реализацией новых механик в рамках программы лояльности (акции, подарки за баллы, достижения и соревнования) и необходимостью обеспечить возможность совершить покупку несколькими способами (заказ с собой, заказ в кофейне, заказ на доставку, чекин).

Александру и Екатерине удалось разработать минималистичный дизайн, при этом полностью отвечающий запросам пользователей и требованиям бизнеса. Исполнители смогли глубоко погрузиться в тематику приложения и не просто следовали требованиям заказчиков, но и предлагали свои варианты реализации. Такая заинтересованность и вовлечённость Александра и Екатерины в проект позволили сделать отличный функциональный дизайн.

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

Хотелось бы также отметить чёткое следование заявленным срокам со стороны исполнителей и даже их опережение, что было критически важно при запуске приложения. Надеемся на дальнейшее плодотворное сотрудничество с Александром и Екатериной в рамках других проектов.