Explore
Уложитесь в мой дедлайн?
Обязательное поле
Некорректный номер
Некорректный Email
Обязательное поле
Все поля обязательны к заполнению
Далее
Далее
Роль в проекте
Интересующая услуга
Примерный бюджет
Пожалуйста, проставьте по варианту в каждой категории
Отправить
Отправить
several colorful figures
Заявка отправлена
В ближайшее время с вами свяжется наш менеджер
Oops! Something went wrong while submitting the form.

Скуратов: приложение для сети кофеен

Фудтех

Разработка

UX/UI-дизайн

Продуктовый дизайн

Мобильное

приложение

для предзаказа

напитков

О проекте

/01

Skuratov Coffee — сеть кофеен, была основана в Омске, сейчас работает в 7 городах России. Команда обратилась к нам с задачей доработать мобильное приложение, разработка которого началась еще в 2018 году. На момент начала сотрудничества приложение не было готово к релизу.

О проекте

/01

Skuratov Coffee — сеть кофеен из Омска, сейчас есть в 7 городах России. Команда обратилась к нам с задачей доработать мобильное приложение для предзаказа напитков и подготовить его к релизу в сторах.

Espresso being brewed into a cup
Coffee, croissant, and magazine on table

Задачи

/02

Espresso being brewed into a cup
Coffee, croissant, and magazine on table
Coffee with milk being poured
Coffee cup on a saucer with shadow

Исправить баги и подготовить приложение к запуску

Упростить процесс заказа и кастомизации напитка

Обновить дизайн в соответствии с новым брендбуком

Основной флоу

/03

/001

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

Кастомизация напитка — можно выбрать объем, сироп или добавки

/регистрация

SMS verification code input screen

/кастомизация напитка

Coffee drink selection screen with boba tea

/выбор кофейни

Mobile app location listing screen

/оплата

Mobile app coffee order screen

/002

Выбирает кофейню, где заберет готовый напиток

Оплачивает заказ картой

Отслеживает заказ на главной — когда все будет готово, придет уведомление

/уведомление о готовности

Mobile app food menu screen

Основной флоу

/03

/001

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

Кастомизация напитка — можно выбрать объем, сироп или добавки

/002

Выбирает кофейню, где заберет готовый напиток

Оплачивает заказ картой

Отслеживает заказ на главной — когда все будет готово, придет уведомление

SMS verification code input screen

/регистрация

Coffee drink selection screen with boba tea

/кастомизация напитка

Mobile app location listing screen

/выбор кофейни

Mobile app food menu screen

/уведомление о готовности

SMS verification code input screen

/регистрация

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

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

Coffee station with beverage dispensers and glasses
Café interior with display case and seating

/04

Проблемы

Старая библиотека для веб-сокетов

Самописные функции вместо готовых библиотек

Сбои в интеграции с системой iiko

Проблемы с масштабированием

Для ускорения запуска применили MVP-подход, сосредоточившись на:

Чтобы ускорить запуск, сделали основные функции:

Заказ

Авторизация

Кастомизация напитка

Оплата

Ищете команду для разработки мобильного приложения?

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

Пообщаться с командой

Редизайн по брендбуку

Бренд обновил визуальный стиль — строгая эстетика, квадратные формы и акцентный грейпфрутовый цвет

Skuratov black

#000000

CMYK: 60 40 40 100

RGB: 0 0 0

Skuratov black

#000000

CMYK: 60 40 40 100

RGB: 0 0 0

Skuratov black

#000000

CMYK: 60 40 40 100

RGB: 0 0 0

TT commons pro

condensed regular

condensed bold

Mono

/05

до/после

/06

До редизайна

Мало черного цвета, другой оттенок оранжевого и скругленные формы

SMS code input screenSMS verification code entry screen
Mobile app menu showcasing beverage optionsMobile app menu showcasing matcha latte and seasonal items

После редизайна

Обновленная палитра и типографика, контрастные тени, острые углы

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

Coffee beans and ground coffee in portafilter

Киллер-фича

Espresso order customization screen
Syrup selection screen for beverage app
Syrup selection menu screen
Coffee order customization screen

Нажми Добавить сироп

Выбрать объем напитка

Опции по умолчанию

Красным выделены модификаторы:
если нажать на Добавить сироп откроется модальное окно со всеми доступными сиропами

Добавь сахарный сироп

Нужно выбрать подходящий сироп, некоторые доступны бесплатно, за что-то нужно доплатить

Нажми кнопку Добавить

Нажми

Если передумаешь, нажми на минус, и модификатор удалится

Функция кастомизации напитков

Иконки

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

/08

Бразилия

Сальвадор

Колумбия

Кения

Эфиопия

Руанда

Конго

Гватемала

Молоко
коровье

Молоко
растительное

Специи

Маршмеллоу

Со льдом

Стандартная порция сахара

Половина
порции сахара

Цветы лаванды

Содовая

Вода негазированная

В бутылке

В стакане

В стакане со льдом

Мёд

Халва

Арахис

Сироп

Крепость кофе

Матча

Температура

Иконки

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

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

/08

Бразилия

Сальвадор

Колумбия

Кения

Эфиопия

Руанда

Конго

Гватемала

Молоко
коровье

Молоко
растительное

Специи

Маршмеллоу

Со льдом

Стандартная
порция сахара

Половина
порции сахара

Цветы лаванды

Содовая

Вода негазированная

В бутылке

В стакане

В стакане
со льдом

Мёд

Халва

Арахис

Бета-версия
и баги

/09

Бета-версия и баги

В декабре 2023 года вышла бета-версия — приложение работало в двух омских кофейнях. Пользователи активно тестировали и оставляли фидбек. Гостям нравилось приложение. Но позже появились баги.

Проблема: заказы не доходили до бариста из-за сбоя в интеграции

с iiko и нестабильного соединения. Все должно было работать так:

На деле этикетки не печатались, соединение терялось

/09

Переработали бэкенд

Усилили сервер

Настроили конфигурации

Результат

/10

Летом 2024 года приложение было подключено ко всем кофейням Омска.Но позже команда Skuratov Coffee приняла решение остановить проект. Мы продолжаем сотрудничать с командой Skuratov Coffee.

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

Маша Рыбка, маркетолог Skuratov Coffee

Хотите рассчитать стоимость вашего проекта? Оставьте заявку!

Хочу