Помогли сети кофеен Skuratov Coffee запустить мобильное приложение для предзаказа напитков. А потом ребята убрали его из сторов — рассказываем, почему

Краткий пересказ длинной истории, или о чем этот кейс

Мы из Омска — того самого города, который воспели легендарные Смешарики. А кто еще из Омска? Егор Летов, да. Конечно же Skuratov Coffee — популярная по всей России сеть кофеен. Так что рано или поздно нам суждено было встретиться ☕

Ребята обратились к нам летом 2022 года с такой задачей: довести до ума почти готовое мобильное приложение и зарелизить его в сторах. Мы с радостью согласились: фанатеем от их чертовски хорошего кофе — даже в наших офисах зерно от Skuratov! — и гордимся тем, что это наши земляки.

Когда погрузились в задачу, поняли, что не все так просто, и нужны серьезные доработки, прежде чем идти в релиз. Пока мы фиксили баги, понадобился редизайн: Skuratov обновили брендбук, и визуальная часть приложения устарела. А когда наконец вышли в релиз, оказалось, что ключевая фича работает через раз…Но мы не отчаивались и вложили все силы, чтобы эта шайтан-машина заработала. Только этого оказалось недостаточно. 

Вместе с Машей Рыбкой — она отвечает в Skuratov за маркетинг, а еще с самого начала курирует наш совместный проект — мы расскажем эту историю, со всеми ее взлетами и падениями. А в конце сделаем выводы — какие вещи можно было сделать иначе. Уверены, этот опыт будет полезен другим оффлайн-бизнесам, которые хотят запустить свой первый серьезный диджитал-продукт.

Мобильное приложение Skuratov Coffee: начало

Если у вас в городе есть кофейни Skuratov, вы сами все знаете: они крутые и делают очень вкусный кофе, сами обжаривают зерно и развивают кофейную культуру. 

Стартовали с Омска, за 10 с небольшим лет прославились на всю страну. Сейчас кофейни есть в Москве, Питере, Новосибирске и других городах-миллионниках.

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

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

У приложения несложный флоу — авторизовался, выбрал напиток, заплатил, забрал готовый кофе. Работает это так:

Вот что об идее приложения рассказывает Маша Рыбка:

Для ребят это была просто интересная гипотеза, которую они хотели проверить с помощью приложения. Кто тогда мог знать, что от идеи до реализации пройдет более пяти лет? И нет, не потому, что команда Skuratov прокрастинировала и задумка была у них где-то в бэклоге.

В разработке c 2018 года. В релиз так и не вышло

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

К нам Skuratov пришли с практически готовым продуктом: был дизайн, код и архитектура. От нас требовались кое-какие доделки, чтобы довести все до ума и релизнуться.

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

Обычно мы создаем продукты с нуля, но можем помочь с доработками, если предыдущая команда не смогла довести проект до конца. Хотя понимаем, что иногда проще начать заново. Но, может, в этот раз все будет хорошо, раз приложение практически готово к релизу? 🙂

Ответ вы, скорее всего, уже поняли: нет. Когда мы погрузились в задачу, то выяснили: переделывать нужно буквально все. Так что слова «практически готовый продукт» стоит взять в кавычки.

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

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

Устаревший стек 💾	Костыльные решения 🩼	Не работает важный плагин ⚒️
Предыдущие разработчики использовали неактуальную библиотеку для работы с вебсокетами — это технология, которая обеспечивает мгновенную передачу данных между приложением и кассой кофейни. Из-за этого все работало нестабильно.	Писали функции вручную, чтобы как-то решить проблемы с устаревшим стеком. Тогда как стандарт индустрии — использование готовых библиотек, чтобы другая команда могла продолжить работу с кодом.	Информация о заказе из приложения должна была поступать на кассу через плагин системы iiko — она позволяет автоматизировать процессы. Но этот плагин работал со сбоями.  Запомните это название — оно еще появится в нашей истории

Кроме того, в приложении была реализована архитектура и логика, которые привели к трудностям с масштабируемостью.

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

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

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

Пожалели ли мы об этом решении? Конечно же нет! 😅😐

А если серьезно, перед нами была развилка — взять уже имеющиеся наработки и сделать что-то прекрасное из них, или плюнуть на все и начать пилить приложение с чистого листа. Сейчас, оглядываясь назад, мы понимаем: наверное, не нужно было пытаться исправить чужой код. Надо было делать приложение самим с нуля. 

Но тогда мы опасались, что из-за этого сильно затянем. А ведь над приложением и так работали несколько лет! Поэтому решили использовать то, что возможно, и постараться исправить баги.

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

В итоге нашим разработчикам удалось пофиксить многие ошибки и сделать так, чтобы приложение справлялось с главной задачей: в нем можно было заказать кофе. С этой версией мы вышли в релиз в начале 2023 года.

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

Но тут наша история только начинается 🙂 Во-первых, с 2018 года — напомним, что именно тогда другая команда начала разработку — дизайн приложения безнадежно устарел. За это время Skuratov поменяли айдентику и нужно было отразить её в интерфейсе. 

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

Делаем красивый дизайн как в брендбуке

После релиза команда Skuratov сказала нам: как круто, что все получилось доделать, теперь давайте допилим дизайн! 😄 🙂

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

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

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

А так — экраны приложения. Мало фирменного черного, скругленные формы, и совсем другой оранжевый 🍊

К проекту подключились наши дизайнеры, задачей которых стало сделать так, чтобы UI приложения мэтчился с новой эстетикой Skuratov.

Сначала решили провести «косметический ремонт» и поправить самое очевидное — цвета, шрифты, форму иконок и кнопок. Стало лучше, но все еще не то.

Мы хотели создать дизайн, который отражает атмосферу кофеен — с холодными тонами и глубоким, темным цветом.

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

В качестве шрифта выбрали TT Commons Pro — он геометрический, универсальный, в меру строгий.

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

Вот что получилось:

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

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

Наши UI/UX дизайнеры придумали, как сделать кастомизацию напитка максимально удобной и быстрой — чтобы юзеру не пришлось листать много экранов. Реализовали её через вложенность. Это когда одни элементы скрыты или зависят от других, и пользователь раскрывает их по мере необходимости.

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

Поработали над деталями: вручную отрисовали иконки для модификаторов.

Запускаем бета-версию приложения! Но пока только на две омских кофейни

Все то время, пока шла работа над дизайном, мы тестировали приложение, чтобы подготовиться к полноценному запуску. Наконец, в декабре 2023 года — за несколько недель до Нового года — мы релизнули бета-версию приложения Skuratov Coffee❄️

Приложение стало доступно в сторах и юзеры могли его использовать. Правда, пока только в двух омских кофейнях: на Лермонтова, 4Б и Красном Пути, 111. Планировали посмотреть, как там дела с багами, собрать фидбек от пользователей, и уже после масштабировать приложение на весь Омск. А в планах были кофейни Skuratov в других городах.

И вот как отреагировали на эту новость гости Skuratov 😀

Маша призналась: в тот самый первый день она буквально не верила своим глазам — гости наконец-то заказывают кофе через приложение!

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

Все, долгожданный хэппи-энд нашей кофейной истории?..

Вскоре многие гости начали разочаровываться: делаешь заказ в приложении, идешь забирать свой флэт уайт, а его тебе никто не приготовил. Потому что бариста не получил данные о заказе из-за технических нестыковок. Так что гостям все равно приходилось ждать и весь смысл предзаказа терялся. И вот уже летит негативный фидбек — вполне справедливый.

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

Почему эти проблемы возникали и как мы пытались их решить? Сейчас расскажем.

Пытаемся навести мосты между приложением и кассами

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

Есть такая система для автоматизации работы заведений питания — iiko. Она использовалась на кассах в Skuratov, и позволяла быстро принимать заказы и обслуживать клиентов.

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

Касса автоматически обрабатывает заказ и распечатывает чек. Одновременно с этим на специальном принтере выводится этикетка с деталями заказа — напиток и выбранные модификаторы. Так бариста будет знать, что готовить. Этикетку клеят на стакан, чтобы ничего не перепутать и отдать гостю его заказ. 

Схематично это выглядит так:

Ну а теперь давайте о проблемах. Долгое время нам не удавалось настроить корректное взаимодействие между приложением и кассой через плагин iiko.

Данные о заказах передавались с ошибками: то на этикетке не все модификаторы, то iiko добавит какой-то отсебятины. Бывало, что этикетки вообще не печатались. Или печатались, но с большой задержкой.

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

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

Маша вспоминает, как часами на созвонах мы, команда Skuratov и ребята из iiko — они отвечали за разработку плагина, обсуждали: как решить эту проблему, что еще можно попробовать сделать, чтобы все наконец-то заработало и никогда больше не слетало?

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

Мы по-разному пробовали это исправить. В итоге просто запретили принимать заказы, если связь с кассой отсутствовала. Тогда в приложении юзер видел предупреждение, что сейчас заказ из этой кофейни недоступен. Но это было костыльное решение. 

Затем усилили сервер и настроили конфигурации. И наконец-то добились большей стабильности! Кассы стали редко терять сознание соединение, а заказы обрабатывались корректно. 

Забавный момент: некоторые ребята из Purrweb тоже пользовались приложением — и у них ни разу не было проблем с заказами. Говорили, что очень удобно и не нужно ждать в очереди.

Кажется, что в какой-то момент мы победили и плагин iiko. Все больше людей могли делать заказы в приложении и получать свои любимые напитки вовремя. А летом 2024 года к приложению были подключены практически все кофейни Skuratov в Омске!

Но вскоре команда Skuratov приняла решение, которое и для нас стало неожиданным: прекратить работу приложения.

С горечью и облегчением: Skuratov остановили работу приложения

В августе 2024 пользователи приложения Skuratov Coffee увидели на главной странице такой баннер:

Вот что об этом рассказывает Маша:

Как же так? Потратить столько времени, сил и ресурсов на его создание, а потом закрыть? Маша говорит, что испытала смешанные чувства по этому поводу.

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

Мы были рады пройти этот путь вместе с ребятами из Skuratov. На протяжении всего проекта у нас была супер-открытая, прозрачная коммуникация и ощущение, что мы вместе делаем что-то невероятное. В начале, когда проект только стартовал, мы не представляли, КАК оживить это приложение. А в итоге им пользовались многие кофеманы Омска.

Мы полностью согласны с Машей: это было невероятно интересное приключение 💜 И самое удивительное, что оно продолжается. Потому что сейчас мы работаем над новым совместным проектом! Не можем не рассказать о нем.

Как насчет фильтр-кофе?

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

Вот как это работает:

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

Пока это только гипотеза, которую ребята хотят протестировать. Приложение будет очень простым. Ну а после такого опыта ни нам, ни Skuratov уже ничего не страшно!

Что можно было сделать иначе?

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

1️⃣ Всегда нужен план Б. На всякий случай. Даже если кажется, что все пройдет гладко и легко. 

2️⃣ Конечно, здорово представить на суд пользователей идеально работающий продукт в самой финальной версии. Но чаще всего для результата супер-важна обратная связь от юзеров, и чем быстрее вы дадите пользователям потестить продукт, тем лучше. 

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

3️⃣Есть разные способы проверить гипотезу, и разработка приложения — не единственный. Гораздо дешевле и быстрее провести Product Discovery. Это когда мы с помощью специальных методик анализируем реальные потребности юзеров и понимаем, нужен ли им продукт с такими фичами или нет. 

Skuratov обратились к нам два года назад, и тогда у нас еще не было этого направления. А сегодня это одна из наших классных и востребованных услуг — мы помогаем стартапам и бизнесам оценить потенциал идеи и понять, в каком направлении лучше двигаться. 

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

Бонус: наши нереально крутые спецпроекты для Skuratov Coffee

Мобильное приложение — лишь один из проектов, который мы делали вместе с ребятами из Skuratov. Например, мы задизайнили два невероятных лендинга — с адвент-календарем на Новый год и с валентинками-компакт-дисками на 14 февраля. 

Обязательно расскажем вам о них подробнее, а пока будет небольшой спойлер. Или тизер 🙂

➡️ Вам нужна команда разработки, с которой и в огонь, и в воду, и в медные трубы? Мы, Purrweb, здесь. А если серьезно, мы будем болеть за ваш проект как за свой родной и сделаем все, что в наших силах (и даже больше!), чтобы ваш продукт взлетел. С радостью разделим ваш успех и найдем выход из любых, даже самых безвыходных на первый взгляд, ситуаций. Свяжитесь с нами, обсудим ваш проект, сразу обозначим сроки и бюджет.