Coffee Street Serviceцифровая платформа поставщика №1 в Дагестане
Превратили ручную работу в WhatsApp с 1200+ кофейнями в полноценную цифровую экосистему: веб-сайт, мобильное приложение для iOS и Android, двойной аккаунт «Личный/Бизнес», подписки на кофе, премиум-уровень и кэшбэк-программа. Сохранили человечность сервиса, сняли с менеджеров ночные заявки.
в одной экосистеме
интеграций
в команде
до запуска
О бизнесе
Coffee Street Service — крупнейший B2B-поставщик для кофеен в Дагестане и на Северном Кавказе. Обслуживает 1200+ заведений: от точек «на вынос» 20 м² до сетей 6+ кофеен и оптовиков с филиалами в Москве.
В каталоге — 159 видов кофе и 11 654 товара: свежеобжаренное зерно, чай, расходники, аксессуары, профессиональное оборудование. Своя курьерская доставка в Махачкале, бесплатная, включая выходные — преимущество, которого нет у конкурентов.
- 1200+ кофеен в базе клиентов
- 4 категории каталога, 30+ брендов
- Доставка 7 дней в неделю
- Сервисное обслуживание оборудования
Задача для Comrades Devs
До запуска вся работа с клиентами шла через WhatsApp и звонки: бариста или владелец вечером писал список менеджеру, тот утром сверял наличие, отправлял накладную, ждал подтверждения, передавал на склад. Главная ценность компании — отзывчивые менеджеры — стала её узким местом.
Нужно было создать цифровую платформу, которая снимет с менеджеров ночные заявки и рутину, даст клиенту самостоятельность 24/7, поддержит специфику двойной аудитории (B2B + B2C) и сохранит «эффект Имама» — быстрый ответ и человечность.
Боли до проекта — что мешало масштабироваться
По итогам 18 глубинных интервью с управляющими, владельцами и шеф-бариста
6 этапов от исследования ЦА до запуска экосистемы
Каждый этап начинался с гипотез из интервью и заканчивался артефактом, который шёл в работу следующей команды.
Исследование ЦА
18 глубинных интервью, 4 сегмента, карта JTBD
UX/UI и прототипы
60+ экранов, дизайн-система, тесты на пользователях
Backend и архитектура
API, двойной аккаунт, RBAC, подписки, кэшбэк
Запуск и интеграции
Платежи, доставка, эквайринг, аналитика, поддержка
Mobile-приложение
iOS + Android из одного кода, push, штрихкоды
Frontend веб
Каталог с тонкой фильтрацией, карточка, ЛК B2B/B2C
Не «спросили о приложении» — изучили работу 1200 кофеен
Перед началом разработки провели 18 глубинных интервью с управляющими, владельцами, закупщиками сетей и шеф-бариста. Цель — понять, как устроен реальный рабочий процесс заказа, где теряется время и почему клиенты остаются с CSS, несмотря на существующие неудобства.
Глубинные интервью
18 респондентов, 4 сегмента ЦА: малые кофейни, средние, сети, бариста
Картирование JTBD
6 групп задач: непрерывность, оптимизация, прибыль, качество, помощь, документы
Кластеризация болей
14 ключевых болей, отсортированных по частоте упоминания и денежной цене
Приоритизация бэклога
Каждая фича в продукте отвечает на конкретную боль из исследования
4 сегмента ЦА
Малые кофейни «на вынос»
Точки 20–30 м² без склада. Заказы на неделю-две, малые объёмы. Управляющий сам формирует заявки.
Средние кофейни
8–23 посадочных места, кухня с завтраками, 3–6 лет на рынке. Бариста готовит список, управляющий подтверждает.
Сети 6+ заведений
Шоколатерии, сети с филиалами в Москве. Закупщик централизованно ведёт все точки. Нужны роли и адреса.
Бариста и шеф-бариста
Часто формируют заявки сами в конце смены или ночью. Нужен быстрый, простой инструмент без избытка полей.
Карта JTBD — что клиенты «нанимают» продукт делать
Результат этапа
Карта пути клиента по 4 сегментам, приоритизированный бэклог из 14 болей и 6 групп JTBD. Каждое продуктовое решение в кейсе ниже привязано к конкретной фразе из интервью — мы не «придумывали фичи», мы отвечали на запросы.
Один продукт для бариста и для закупщика сети
Главный вызов дизайна — сделать интерфейс, в котором одинаково комфортно и владелице маленькой кофейни (заказывает 2–3 позиции в WhatsApp в 23:00), и закупщику сети из 6 точек (нужны роли сотрудников, многоадресная книга, история по каждой локации). Решение — двойной аккаунт «Личный/Бизнес» внутри одного профиля с переключателем.
Дизайн-система Coffee Street
Жёлтый акцент бренда + чёрная типографика. Унифицированные карточки товара, единые правила сетки.
60+ экранов
Мобильный и десктопный сайт, мобильное приложение iOS/Android, админка для менеджеров CSS.
Тесты на пользователях
Прототипы прошли через действующих бариста и управляющих — корректировали до полной разработки.
Результат этапа
Дизайн-система с переиспользуемыми компонентами, прототипы всех ключевых сценариев, подтверждённые на реальных представителях ЦА. Дизайн соблюдает фирменный стиль CSS (чёрно-жёлтая палитра) и при этом считывается одинаково ясно на 5,5" экране и на десктопе.
Двойной аккаунт, гранулярные права B2B и подписочная модель
Архитектурно продукт сложнее, чем кажется. Один пользователь может быть одновременно частным покупателем (личный аккаунт) и закупщиком сети (бизнес-аккаунт), причём с одинаковыми персональными данными, но разными адресами доставки, картами и логикой ценообразования. Сотрудники B2B-аккаунта получают гранулярные роли по областям доступа.
Ключевые архитектурные решения
Один профиль с общими ФИО/телефоном/паролем, но раздельными адресами, картами и оптовой логикой. Переключатель — в шапке настроек.
Закупщик сети добавляет до N сотрудников с ролями (Бариста, Менеджер) и областями доступа: Сотрудники / Контакты / Карты и оплата.
Корзина с настраиваемой периодичностью (каждые 2/4/5 недель). Cron собирает заказ, шлёт напоминание за день, отгружает автоматически.
Накопительная программа с прогрессом 3% → 4% при достижении порога закупок. Балансы разделены: личный и бизнес.
До 10 адресов и до 9 доп.номеров на профиль. Для бизнес-аккаунта — отдельные карты «Закупки персонал», «Оптовики» с пометкой основной.
Подписка на уведомление о приходе товара на склад — клиент не уходит к конкуренту, а ждёт push.
Результат этапа
Backend, который из коробки поддерживает четыре сегмента ЦА в одной кодовой базе: частник в личке, малая кофейня, средняя кофейня с бариста-помощниками, сеть с многоуровневыми правами. RBAC и подписки спроектированы под рост — без переписывания при добавлении новых ролей или периодичности.
Каталог уровня speciality + ЛК для бизнеса
Веб-сайт собран на современном SPA-стеке: каталог с тонкой фильтрацией под кофейного гика, карточка товара со шкалами вкуса и оптовыми ценами, личный кабинет на 11 разделов, премиум-лендинг и блог с типизацией материалов.
Каталог: тонкая фильтрация для кофейного гика
Шеф-бариста ищут не «кофе подешевле», а «средняя обжарка, кислотность ниже средней, Q-грейд от 84, ноты ягод». Сделали фильтр такого уровня — с шкалами вкуса прямо в карточке товара (Плотность и Кислотность), указанием способа обработки и оценки Q-грейдеров.
Личный кабинет: 11 разделов под обе аудитории
Личный аккаунт
Адресная книга, карты, кэшбэк, заказы, избранное, отзывы. 5 ключевых разделов.
Бизнес-аккаунт
+ Сотрудники с ролями, ИНН/КПП, карты компании, заявки на поступление.
Подписки
Корзина с периодичностью, отмена/пауза в один клик, напоминание за день.
Результат этапа
Полноценный e-commerce на десктопе и мобильном вебе. Каталог отвечает запросам shu профессионалов, ЛК поддерживает все четыре сегмента ЦА, премиум-уровень и подписочная модель работают на удержание клиента.
В кармане у бариста — заявка из кофейни в любое время
Главный запрос из интервью: «Мне кажется, было бы классно, если бы было приложение — это поставило бы их повыше уровнем перед другими». Мобильное приложение — это место, где бариста реально работает: видит, что заканчивается, и сразу добавляет в корзину. Не лезет в WhatsApp, не отвлекает менеджера.
Что есть в приложении
Push-статусы заказа
Принят → собран → курьер выехал → доставлен. Без звонков «где мой заказ».
Сканер штрихкодов
Бариста сканирует пустой пакет молока — товар уже в корзине следующего заказа.
Повтор заказа за 2 тапа
«Заказать как в прошлый раз» — самая частая операция доступна с главного экрана.
Уведомления об акциях
Скидка по сроку годности, новый обжарщик, поступление товара из заявки.
Premium-подписка
Оформление в три тапа: лендинг → выбор карты → продолжить.
Чат с менеджером
«Эффект Имама» сохраняется — связь с человеком в одну кнопку, история переписки видна.
Результат этапа
Нативное по поведению приложение для двух платформ из одной кодовой базы. Бариста может оформить заявку в 23:00 после смены, не отвлекая менеджера, — а менеджер утром получает готовый, проверенный системой заказ.
Интеграции, нагрузочное тестирование, поддержка
На запуске экосистема была интегрирована со всеми внешними сервисами, которые нужны для работы 1200+ кофеен: эквайринг, доставка, складские остатки, аналитика и каналы коммуникаций. Перед публикацией прошли нагрузочные тесты и пилот на 30 кофейнях.
Интеграции
Платежи и эквайринг
Оплата картой, отсрочка для B2B, привязка нескольких карт.
Доставка
Своя курьерская служба + интеграция со сторонними при пиковой нагрузке.
Склад и 1С
Синхронизация остатков, автоматические накладные.
Push, SMS, Email
Каналы напоминаний, статусов и маркетинговых рассылок.
Результат этапа
Запуск прошёл в продакшен с боевыми интеграциями. Поддержка после релиза: мониторинг, hot-fix-цикл, регулярные релизы новых фич по приоритизированному бэклогу.
Web · iOS · Android · Admin
в дизайн-системе
интеграций
iOS · Android · Web
Что получил бизнес и что получили клиенты
Ценность для бизнеса
Нагрузка на менеджеров от рутинных заявок
Часть клиентов перешла на самостоятельные заказы через сайт и приложение. Менеджеры освободились для консультаций и работы с новыми сетями. Ориентировочный диапазон по итогам пилота.
Доля повторных заказов от B2B-клиентов
За счёт подписочной модели и быстрого «повтора заказа». Закупщики сетей фиксируют корзину один раз и не возвращаются к составлению вручную.
Конверсия в Premium-подписку среди частников
B2C-аудитория дала неожиданный толчок: ценность 999 ₽/мес с бесплатной доставкой и закрытыми дегустациями попала в запрос рынка speciality-кофе.
Скорость оформления заказа
Раньше — 7–10 минут на согласование с менеджером. Теперь — 2–3 минуты на «повтор заказа» из истории, или меньше через сканер штрихкодов.
Что получили клиенты CSS
Заказ в любое время
Бариста после смены в 2:00 ночи оформляет заявку — менеджер не нужен.
Разделов в личном кабинете
Заказы, подписки, кэшбэк, сотрудники, адреса, карты, отзывы, заявки на поступление.
Адресов на профиль
Склад, кафе №1, кафе №2, офис управляющего — каждому свой основной получатель.
Прогресс кэшбэк-уровней
Видимая мотивация увеличивать чек. Ответ на запрос: «Хочется лояльности к постоянным».
Сорт под фильтром Q-грейда
Шеф-бариста подбирает зерно по объективным показателям: обжарка, кислотность, ноты.
До оформления повторного заказа
«Заказать как в прошлый раз» — самая частая операция вынесена на главный экран приложения.
До и после
Было
- Заявки в WhatsApp ночью висят до утра
- Менеджер — единственное звено, перегружен
- Цены меняются без предупреждения
- Документы в тетрадях, час на поиск чеков
- Нет скидок и бонусов за стаж
- Нет онлайн-наличия, заявка может быть невыполнима
Стало
- Заявки 24/7 через сайт и приложение, push-статусы
- Самообслуживание + чат с менеджером по запросу
- Зафиксированные оптовые цены в карточке
- Электронные накладные, история заказов
- Кэшбэк 3%→4% и Premium-уровень с привилегиями
- Онлайн-остатки и заявки на поступление
Раньше я тратил час, чтобы по тетрадям собрать чеки за месяц. Сейчас открываю кабинет — вся история по двум аккаунтам, склад и кафе видны раздельно. Бариста ночью оформляет заказ через приложение, утром мы его принимаем без созвонов.
Когда готов идти в продакшен
Цифровая экосистема — не «приложение к сайту», а инструмент масштабирования бизнеса. Готовы рассказать, как это собрать для вашей задачи.