Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Wemakefab
Переосмысление и редизайн мобильного приложения для программы лояльности сети кофеен «Даблби»
Wemakefab
#Дизайн приложений#Фирменный стиль#Брендинг

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

2155 
Wemakefab
Wemakefab Россия, Санкт-Петербург
Поделиться:
Переосмысление и редизайн мобильного приложения для программы лояльности сети кофеен «Даблби»
Клиент

Даблби

Бюджет

6 000 000

Сфера

Электронная коммерция

Регион

Россия, Москва

Сдано

Сентябрь 2023

Задача

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

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

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

Решение

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

— Профиль пользователя с историей заказов;

— Накопление баллов и обмен на подарки;

— Система акций и специальных предложений;

— Возможность предзаказа и доставки;

— Настройка заказов;

— Интеграция с картами и навигацией для поиска ближайшей кофейни.

Благодаря обновлённому дизайну и удобному интерфейсу, приложение помогает пользователям:

— Быстро ориентироваться и находить нужные разделы;

— Выбирать и заказывать напитки и еду в пару кликов;

— Удобно отслеживать историю заказов;

— С интересом зарабатывать баллы и получать подарки;

— Быть в курсе актуальных акций и новинок кофеен.

Над проектом работали совместно с компанией Evosoft.dev. Мы отвечали за дизайн — Александр Лагута разрабатывал UI и UX приложения, а Екатерина Лагута работала над анимацией. Коллеги из Evosoft.dev отвечали за разработку.

1Разработка визуального стиля

Разработали дизайн приложения в современном минималистичном стиле, который отвечает новому брендбуку и гармонично вписывается в обновлённый бренд «Даблби».

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

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

2Разработка UX-дизайна

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

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

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

— Как участвовать в программе лояльности;

— Как обменять баллы на подарки;

— Какие бывают акции и как в них участвовать;

— Как получать ачивки и участвовать в соревнованиях.

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

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

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

Чтобы пользователи активнее и чаще заходили в приложение, внедрили элементы геймификации:

— Ачивки, например, «Знаток авторского кофе» или «Ценитель ранних завтраков».

— Соревнования между пользователями приложения, например, «Знаток шоколада», где нужно выпить как можно больше чашек горячего шоколада.

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

3Работа с анимацией

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

— Продумали каждое движение анимации с точки зрения логики и декора.

— Детально проработали мелкую механику: сдвиги, пропорции, видимость и последовательность элементов. Анимация мелкой механики помогает делать определённые акценты без лишних визуальных элементов.

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

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

4Разработка приложения

За разработку приложения отвечали коллеги из Evosoft.dev. Они использовали специальный язык программирования Flutter. Он позволяет сделать приложение сразу и для IOS, и для Android.

Разработчики Evosoft.dev реализовали весь необходимый функционал — личный кабинет, накопление баллов, акции, предзаказ и доставку, поиск и отображение кофеен на карте, оплату заказов.

Они настроили всё, чтобы приложение работало с картами, платёжками и службами доставки. Также они синхронизировали приложение с серверными сервисами для хранения и обновления всех необходимых данных: например, информации о пользователях, кофейнях, меню и ценах. Чтобы iOS и Android приложения получали актуальную информацию для работы.

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

Результат

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

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

Приложение мотивирует пользователей чаще заходить в приложение и делать покупки в кофейнях. Система баллов и бонусов позволяет получить приятные подарки за лояльность. А раздел с акциями информирует о выгодных предложениях сети кофеен.

Отзыв клиента

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

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

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


Стек технологий

  • Figma Figma Графический редактор

Награды


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Wemakefab с удовольствием обсудит вашу задачу

Оставить заявку