Привет, на связи Purrweb, мы разрабатываем и дизайним продукты для бизнеса и стартапов. Сегодня хотим поделиться историей сети кофеен Skuratov — это наши клиенты и друзья. Два месяца назад ребята решили убрать из сторов свое мобильное приложение — продукт, над которым работали последние пять лет, из которых два с половиной года — с нами. И нет, дело не в том, что приложение сломалось. Тогда почему?
Время чтения: 13 минут
Ищете слаженную команду разработки?
Поможем с дизайном и разработкой приложений для бизнеса и стартапов
Мы из Омска — того самого города, который воспели легендарные Смешарики. А кто еще из Омска? Егор Летов, да. Конечно же Skuratov Coffee — популярная по всей России сеть кофеен. Так что рано или поздно нам суждено было встретиться ☕
Ребята обратились к нам летом 2022 года с такой задачей: довести до ума почти готовое мобильное приложение и зарелизить его в сторах. Мы с радостью согласились: фанатеем от их чертовски хорошего кофе — даже в наших офисах зерно от Skuratov! — и гордимся тем, что это наши земляки.
Когда погрузились в задачу, поняли, что не все так просто, и нужны серьезные доработки, прежде чем идти в релиз. Пока мы фиксили баги, понадобился редизайн: Skuratov обновили брендбук, и визуальная часть приложения устарела. А когда наконец вышли в релиз, оказалось, что ключевая фича работает через раз…Но мы не отчаивались и вложили все силы, чтобы эта шайтан-машина заработала. Только этого оказалось недостаточно.
Вместе с Машей Рыбкой — она отвечает в Skuratov за маркетинг, а еще с самого начала курирует наш совместный проект — мы расскажем эту историю, со всеми ее взлетами и падениями. А в конце сделаем выводы — какие вещи можно было сделать иначе. Уверены, этот опыт будет полезен другим оффлайн-бизнесам, которые хотят запустить свой первый серьезный диджитал-продукт.
Если у вас в городе есть кофейни Skuratov, вы сами все знаете: они крутые и делают очень вкусный кофе, сами обжаривают зерно и развивают кофейную культуру.
Стартовали с Омска, за 10 с небольшим лет прославились на всю страну. Сейчас кофейни есть в Москве, Питере, Новосибирске и других городах-миллионниках.
Вайб кофеен Skuratov в разных городах
В 2018 году Skuratov решили сделать мобильное приложение — чтобы гости могли оформить предзаказ любимого напитка по дороге и забрать его из ближайшей кофейни, когда все будет готово.
У приложения несложный флоу — авторизовался, выбрал напиток, заплатил, забрал готовый кофе. Работает это так:
Вот что об идее приложения рассказывает Маша Рыбка:
Для ребят это была просто интересная гипотеза, которую они хотели проверить с помощью приложения. Кто тогда мог знать, что от идеи до реализации пройдет более пяти лет? И нет, не потому, что команда Skuratov прокрастинировала и задумка была у них где-то в бэклоге.
Прежде чем обратиться в Purrweb, Skuratov сотрудничали с другой командой, которая занималась дизайном и разработкой приложения. До релиза дело так и не дошло: проект неоднократно ставили на паузу, возобновляли, и команда работала над ним несколько лет. Довести приложение до финальной версии не успели, потому что компания закрылась.
Например, юзерам не приходили SMS-коды для регистрации, а на кассу кофейни не прилетала информация о заказах из приложения — мы должны были это исправить.
Обычно мы создаем продукты с нуля, но можем помочь с доработками, если предыдущая команда не смогла довести проект до конца. Хотя понимаем, что иногда проще начать заново. Но, может, в этот раз все будет хорошо, раз приложение практически готово к релизу? 🙂
Ответ вы, скорее всего, уже поняли: нет. Когда мы погрузились в задачу, то выяснили: переделывать нужно буквально все. Так что слова «практически готовый продукт» стоит взять в кавычки.
Когда наши разработчики погрузились в документацию и код — артефакты от другой команды — то быстро стало понятно: продукт не готов к релизу. И вот почему:
Запомните это название — оно еще появится в нашей истории
Кроме того, в приложении была реализована архитектура и логика, которые привели к трудностям с масштабируемостью.
Например, на стороне приложения не работала платежная система, а заказы в корзине обрабатывались некорректно — можно было купить напитки за 1 рубль. И нет, это не фича, а полный баг.
Пожалели ли мы об этом решении? Конечно же нет! 😅😐
А если серьезно, перед нами была развилка — взять уже имеющиеся наработки и сделать что-то прекрасное из них, или плюнуть на все и начать пилить приложение с чистого листа. Сейчас, оглядываясь назад, мы понимаем: наверное, не нужно было пытаться исправить чужой код. Надо было делать приложение самим с нуля.
Но тогда мы опасались, что из-за этого сильно затянем. А ведь над приложением и так работали несколько лет! Поэтому решили использовать то, что возможно, и постараться исправить баги.
Чтобы поскорее выйти в релиз, мы использовали старый-добрый MVP подход. То есть, определили ключевые функции, без которых смысл приложения теряется, и сфокусировались на них. Это регистрация/авторизация, оформление заказа и оплата. Все неприоритетные фичи прописали в дорожной карте — к ним планировали вернуться позже.
Так выглядело приложение на момент выпуска первой рабочей версии — со старым дизайном, созданным предыдущей командой
Наверное, где-то здесь должен быть хэппи-энд: мы придумали, как исправить недоделки, вышли в релиз, все работает как швейцарские часы, и в награду нам сплошные ⭐⭐⭐⭐⭐ в оценках от юзеров.
Но тут наша история только начинается 🙂 Во-первых, с 2018 года — напомним, что именно тогда другая команда начала разработку — дизайн приложения безнадежно устарел. За это время Skuratov поменяли айдентику и нужно было отразить её в интерфейсе.
Во-вторых, под капотом приложения оставалось еще очень много проблем, так что фиксить баги мы не переставали и после релиза минимальной рабочей версии. И продолжали разрабатывать максимальную рабочую версию приложения.
После релиза команда Skuratov сказала нам: как круто, что все получилось доделать, теперь давайте допилим дизайн! 😄 🙂
Например, иллюстрации в меню, на пачках кофе и стаканчиках. Получилось, что дизайн мобильного приложения был в одной вселенной, а новый брендбук Skuratov — в другой. А нужен был их кроссовер.
Например, так выглядел брендбук: основные цвета — глубокий кофейный, нейтральный серый и яркий грейпфрутовый, много квадратных форм, строгая и стильная эстетика.
Эстетика Skuratov в брендбуке
А так — экраны приложения. Мало фирменного черного, скругленные формы, и совсем другой оранжевый 🍊
Сначала решили провести «косметический ремонт» и поправить самое очевидное — цвета, шрифты, форму иконок и кнопок. Стало лучше, но все еще не то.
Минимально привели дизайн в соответствие с брендбуком, но продолжили искать нужный стиль
Мы хотели создать дизайн, который отражает атмосферу кофеен — с холодными тонами и глубоким, темным цветом.
Атмосфера в кофейне ☕
Поэтому решили использовать более темную цветовую палитру, выбрав неяркие оттенки красного для акцентов.
Цветовая палитра
В качестве шрифта выбрали TT Commons Pro — он геометрический, универсальный, в меру строгий.
Типографика
Мы добавили контрастные тени и элементы брутализма, сделали упор на геометрические формы, чтобы добиться визуальной переклички со стилем кофеен. Вдохновлялись черным кофе и барными стойками из мрамора.
Вот что получилось:
Вместе с командой Skuratov мы продумывали визуальный стиль для фотографий, которые будут использоваться в приложении. Было важно, чтобы фотоконтент не конфликтовал с дизайном. Сфокусировались на интерьерных фото из кофеен и чашках с напитками.
Так это выглядело на экранах приложения
Одна из фишек приложения — полная кастомизация напитка. То есть, можно заказать кофе покрепче или более молочный, на альтернативном молоке, с сиропом и другими добавками по вкусу. У каждого напитка в приложении свои настраиваемые параметры, или модификаторы.
Наши UI/UX дизайнеры придумали, как сделать кастомизацию напитка максимально удобной и быстрой — чтобы юзеру не пришлось листать много экранов. Реализовали её через вложенность. Это когда одни элементы скрыты или зависят от других, и пользователь раскрывает их по мере необходимости.
Поработали над деталями: вручную отрисовали иконки для модификаторов.
Вместе с заказчиками придумывали стиль иконок. Здесь это не просто красивые картинки: они являются частью навигации и помогают гостю понять, что значит тот или иной модификатор
Все то время, пока шла работа над дизайном, мы тестировали приложение, чтобы подготовиться к полноценному запуску. Наконец, в декабре 2023 года — за несколько недель до Нового года — мы релизнули бета-версию приложения Skuratov Coffee❄️
Приложение стало доступно в сторах и юзеры могли его использовать. Правда, пока только в двух омских кофейнях: на Лермонтова, 4Б и Красном Пути, 111. Планировали посмотреть, как там дела с багами, собрать фидбек от пользователей, и уже после масштабировать приложение на весь Омск. А в планах были кофейни Skuratov в других городах.
Новость о запуске приложения в паблике Skuratov Coffee в ВК
И вот как отреагировали на эту новость гости Skuratov 😀
Кто-то сразу начал ждать запуска приложения в своем родном городе, а кто-то — накидывать идеи для улучшений 🙂
Маша призналась: в тот самый первый день она буквально не верила своим глазам — гости наконец-то заказывают кофе через приложение!
Маша рассказывает, что многие гости позитивно оценили приложение: говорили, что оно классное и удобное. Но были моменты, когда юзеры терялись и не понимали, «куда тут нажать»: например, когда нужно было поменять адрес кофейни или отменить заказ.
Все, долгожданный хэппи-энд нашей кофейной истории?..
Вскоре многие гости начали разочаровываться: делаешь заказ в приложении, идешь забирать свой флэт уайт, а его тебе никто не приготовил. Потому что бариста не получил данные о заказе из-за технических нестыковок. Так что гостям все равно приходилось ждать и весь смысл предзаказа терялся. И вот уже летит негативный фидбек — вполне справедливый.
Почему эти проблемы возникали и как мы пытались их решить? Сейчас расскажем.
Прежде чем разобраться в том, что пошло не так, давайте сначала посмотрим, как все должно работать в идеале. Мы пропустим технические детали и постараемся объяснить суть максимально просто и понятно.
Есть такая система для автоматизации работы заведений питания — iiko. Она использовалась на кассах в Skuratov, и позволяла быстро принимать заказы и обслуживать клиентов.
Когда гость делает заказ через приложение, данные передаются на кассу кофейни через специальный плагин для iiko. Прямого взаимодействия между приложением и кассой нет из-за технических особенностей, поэтому плагин выполняет роль посредника между базой данных приложения и кассовой системой iiko.
Касса автоматически обрабатывает заказ и распечатывает чек. Одновременно с этим на специальном принтере выводится этикетка с деталями заказа — напиток и выбранные модификаторы. Так бариста будет знать, что готовить. Этикетку клеят на стакан, чтобы ничего не перепутать и отдать гостю его заказ.
Схематично это выглядит так:
Ну а теперь давайте о проблемах. Долгое время нам не удавалось настроить корректное взаимодействие между приложением и кассой через плагин iiko.
Когда случались проблемы с печатью этикеток, бариста или не знали, что готовить, или вообще не понимали, что в приложении был заказ. Но вся соль в том, что на стороне приложения заказ отображался как принятый, поэтому гость ничего не подозревал и шел его забирать.
Мы пытались пофиксить все эти баги. Например, чтобы этикетка печаталась в момент получения заказа, мы переработали функциональность на бэкенде, и теперь данные отправлялись сразу после оплаты в приложении.
Но у нас была и другая головная боль. На кассе пропадало соединение, поэтому заказы из приложения вообще не обрабатывались. Дело было в изначальной архитектуре приложения, из-за которой обмен данными работал со сбоями.
Мы по-разному пробовали это исправить. В итоге просто запретили принимать заказы, если связь с кассой отсутствовала. Тогда в приложении юзер видел предупреждение, что сейчас заказ из этой кофейни недоступен. Но это было костыльное решение.
Затем усилили сервер и настроили конфигурации. И наконец-то добились большей стабильности! Кассы стали редко терять сознание соединение, а заказы обрабатывались корректно.
Забавный момент: некоторые ребята из Purrweb тоже пользовались приложением — и у них ни разу не было проблем с заказами. Говорили, что очень удобно и не нужно ждать в очереди.
Но вскоре команда Skuratov приняла решение, которое и для нас стало неожиданным: прекратить работу приложения.
В августе 2024 пользователи приложения Skuratov Coffee увидели на главной странице такой баннер:
Приложение скрыли из сторов. Но даже если оно установлено, делать в нем что-то не получится
Вот что об этом рассказывает Маша:
Как же так? Потратить столько времени, сил и ресурсов на его создание, а потом закрыть? Маша говорит, что испытала смешанные чувства по этому поводу.
У нас тоже были смешанные чувства от этой новости. Наша команда работала над проектом два года, и для нас словно бы ушла эпоха. Кажется, со своей стороны мы сделали все, чтобы прийти к классному результату, и вместе искали лучшие решения.
Мы были рады пройти этот путь вместе с ребятами из Skuratov. На протяжении всего проекта у нас была супер-открытая, прозрачная коммуникация и ощущение, что мы вместе делаем что-то невероятное. В начале, когда проект только стартовал, мы не представляли, КАК оживить это приложение. А в итоге им пользовались многие кофеманы Омска.
Мы полностью согласны с Машей: это было невероятно интересное приключение 💜 И самое удивительное, что оно продолжается. Потому что сейчас мы работаем над новым совместным проектом! Не можем не рассказать о нем.
Конечно, такой колоссальный опыт работы не мог просто кануть в лету, и у ребят появилась еще одна идея — веб-приложение, которое позволяет самостоятельно заказать один-единственный напиток из меню кофеен: фильтр-кофе.
Вот как это работает:
Маша отмечает, что сама философия этого напитка больше подходит для такого быстрого формата. Кофе может долго стоять в термосе, не теряя своего вкуса, у него не осядет пенка, как у капучино, потому что это не молочный напиток. Забежал, налил — и получил порцию кофеина.
Пока это только гипотеза, которую ребята хотят протестировать. Приложение будет очень простым. Ну а после такого опыта ни нам, ни Skuratov уже ничего не страшно!
Экран будущего приложения для заказа фильтр-кофе
Когда у Skuratov только появилась задумка приложения, никто не знал — и даже не мог предугадать! — что от идеи до реализации пройдет несколько лет, и что в процессе придется искать новую команду разработки. Выводы тут такие:
1️⃣ Всегда нужен план Б. На всякий случай. Даже если кажется, что все пройдет гладко и легко.
2️⃣ Конечно, здорово представить на суд пользователей идеально работающий продукт в самой финальной версии. Но чаще всего для результата супер-важна обратная связь от юзеров, и чем быстрее вы дадите пользователям потестить продукт, тем лучше.
Поэтому можно сделать минимальную версию, дать её юзерам, и на основе их обратной связи допилить её. Да, это тот самый MVP подход, который мы часто практикуем. Понимаем, что выкатывать не самый идеальный продукт страшно. Вдруг прилетит негативный фидбек и вместо крутого пользовательского опыта — одни сплошные баги? Вот какой совет дает Маша:
3️⃣Есть разные способы проверить гипотезу, и разработка приложения — не единственный. Гораздо дешевле и быстрее провести Product Discovery. Это когда мы с помощью специальных методик анализируем реальные потребности юзеров и понимаем, нужен ли им продукт с такими фичами или нет.
Skuratov обратились к нам два года назад, и тогда у нас еще не было этого направления. А сегодня это одна из наших классных и востребованных услуг — мы помогаем стартапам и бизнесам оценить потенциал идеи и понять, в каком направлении лучше двигаться.
Почитайте наш кейс о том, как мы помогли клиенту убедиться в востребованности идеи и выйти на разработку продукта. Или о том, как нам удалось отговорить заказчика от создания сервиса, который был бы неинтересен потенциальной аудитории.
Мобильное приложение — лишь один из проектов, который мы делали вместе с ребятами из Skuratov. Например, мы задизайнили два невероятных лендинга — с адвент-календарем на Новый год и с валентинками-компакт-дисками на 14 февраля.
Обязательно расскажем вам о них подробнее, а пока будет небольшой спойлер. Или тизер 🙂
Умопомрачительный новогодний адвент-календарь: вдохновлялись вайбом русской зимы и кринжовым, но таким родным, ЖКХ-артом
А у вас были диски Romantic Collection? Можно было оставить заявку, и Skuratov в честь 14 февраля отправили бы вашей второй половинке на почту плейлист с самыми романтичными песнями — вместо тысячи признаний в любви
➡️ Вам нужна команда разработки, с которой и в огонь, и в воду, и в медные трубы? Мы, Purrweb, здесь. А если серьезно, мы будем болеть за ваш проект как за свой родной и сделаем все, что в наших силах (и даже больше!), чтобы ваш продукт взлетел. С радостью разделим ваш успех и найдем выход из любых, даже самых безвыходных на первый взгляд, ситуаций. Свяжитесь с нами, обсудим ваш проект, сразу обозначим сроки и бюджет.
Насколько публикация полезна?
Оцени эту статью!
16 оценок, среднее 4.6 out of 5.
Оценок пока нет. Поставьте оценку первым.
Так как вы нашли эту публикацию полезной...
Подписывайтесь на нас в соцсетях!
Читать
Ваша заявка уже у нас :)
Обычно ответ занимает от 12 до 24 рабочих часов.
Может, вы хотите запланировать онлайн встречу?
Извините, что-то пошло не так при отправке запроса.
Попробуйте позже.