FoodBot
FoodBot — сервис, в котором кафе и рестораны без программистов запускают своего бота в Telegram для приёма заказов на доставку.
в этом кейсе
Рассказываю, что я сделал, чтобы владелец кафе запускал ботов сам за 5 простых шагов, без программиста и слова «API»
Как уменьшил количество потерянных заказов на 40% меньше
Что сделать, чтобы было меньше вопросов в поддержку?
Рубрика "я сам смогу с нейросетями"
product design/b2b
Задача
Сделать личный кабинет, в котором разберётся владелец кафе без технических знаний. Настроить бота должно быть так же просто, как заполнить профиль в соцсети.
Решение
Аналитика
Кто пользователи. Владельцы кафе, бургерных, суши-баров и кофеен. Времени у них мало, они всё время на ногах и часто пропускают заказы, потому что не видят уведомлений.
Что у конкурентов. Много функций, но нет подсказок. Владелец разбирается методом проб и ошибок и тратит часы на первый запуск.
Я загрузил в нейросеть инструкции и отзывы о сервисах конкурентов, и она за минуты выделила главные проблемы. Это сэкономило часы ручного анализа.
Гипотеза
Владельцев пугают слова вроде «API-токен» и запутанные настройки. Сделаем три вещи: превратим подключение в простую пошаговую инструкцию, меню — в наглядные карточки, а рядом с непонятными полями дадим подсказки. Тогда бота запустят быстрее, а в поддержку будут писать реже. А мобильная версия прямо в Telegram поможет не пропускать заказы.
Что было сделано
Упростил подключение. Вместо одного пугающего поля — 5 понятных шагов, написанных человеческим языком.
Сухую техническую инструкцию Telegram нейросеть переписала простыми словами, мне осталось только отредактировать.
Продумал экраны под разные ситуации. Пока ботов нет, на экране одна крупная кнопка «Создать бота». Когда боты появились, на первом плане их карточки и поиск.
С помощью нейросети я собрал собственный инструмент, который показывает, куда смотрит пользователь. Он подтвердил, что внимание идёт туда, куда нужно, и дорогое A/B-тестирование не понадобилось.
Добавил подсказки. Рядом с непонятной настройкой есть значок: нажал и сразу видишь пример. Не нужно уходить с экрана и писать в поддержку.
Перенёс управление в Telegram. Владелец ставит блюда в стоп-лист, меняет цены и принимает заказы прямо с телефона.
Черновые экраны для Telegram собрал ИИ-агент из готовых элементов Telegram, это в разы ускорило работу.
Передал разработчикам аккуратный макет с дизайн-системой. Новые разделы добавляются быстро и в едином стиле.
Названия слоёв, стили и комментарии для разработчиков подготовил ИИ-агент в Figma, это сэкономило часы.
Результат
На 25% меньше людей бросают сервис в самом начале: он перестал выглядеть как сложная база данных.
На 30% быстрее проходит первая настройка бота.
На 20% меньше обращений в поддержку: подсказки отвечают на вопросы прямо в интерфейсе.
На 40% меньше пропущенных заказов: управление доставкой теперь в кармане.
На 20% быстрее разрабатываются новые разделы.
Платформы 3 (лендинг, админ-панель, мини-приложение)
Экранов админ-панели ~174 (94 + 80 адаптивных)
Экранов мини-приложения ~150+
Страниц лендинга 4 (desktop, mobile, блог, статья)
Страниц в Figma 12
FoodBot
FoodBot — сервис, в котором кафе и рестораны без программистов запускают своего бота в Telegram для приёма заказов на доставку.
в этом кейсе
Рассказываю, что я сделал, чтобы владелец кафе запускал ботов сам за 5 простых шагов, без программиста и слова «API»
Как уменьшил количество потерянных заказов на 40% меньше
Что сделать, чтобы было меньше вопросов в поддержку?
Рубрика "я сам смогу с нейросетями"
product design/b2b
Задача
Сделать личный кабинет, в котором разберётся владелец кафе без технических знаний. Настроить бота должно быть так же просто, как заполнить профиль в соцсети.
Решение
Аналитика
Кто пользователи. Владельцы кафе, бургерных, суши-баров и кофеен. Времени у них мало, они всё время на ногах и часто пропускают заказы, потому что не видят уведомлений.
Что у конкурентов. Много функций, но нет подсказок. Владелец разбирается методом проб и ошибок и тратит часы на первый запуск.
Я загрузил в нейросеть инструкции и отзывы о сервисах конкурентов, и она за минуты выделила главные проблемы. Это сэкономило часы ручного анализа.
Гипотеза
Владельцев пугают слова вроде «API-токен» и запутанные настройки. Сделаем три вещи: превратим подключение в простую пошаговую инструкцию, меню — в наглядные карточки, а рядом с непонятными полями дадим подсказки. Тогда бота запустят быстрее, а в поддержку будут писать реже. А мобильная версия прямо в Telegram поможет не пропускать заказы.
Что было сделано
Упростил подключение. Вместо одного пугающего поля — 5 понятных шагов, написанных человеческим языком.
Сухую техническую инструкцию Telegram нейросеть переписала простыми словами, мне осталось только отредактировать.
Продумал экраны под разные ситуации. Пока ботов нет, на экране одна крупная кнопка «Создать бота». Когда боты появились, на первом плане их карточки и поиск.
С помощью нейросети я собрал собственный инструмент, который показывает, куда смотрит пользователь. Он подтвердил, что внимание идёт туда, куда нужно, и дорогое A/B-тестирование не понадобилось.
Добавил подсказки. Рядом с непонятной настройкой есть значок: нажал и сразу видишь пример. Не нужно уходить с экрана и писать в поддержку.
Перенёс управление в Telegram. Владелец ставит блюда в стоп-лист, меняет цены и принимает заказы прямо с телефона.
Черновые экраны для Telegram собрал ИИ-агент из готовых элементов Telegram, это в разы ускорило работу.
Передал разработчикам аккуратный макет с дизайн-системой. Новые разделы добавляются быстро и в едином стиле.
Названия слоёв, стили и комментарии для разработчиков подготовил ИИ-агент в Figma, это сэкономило часы.
Результат
На 25% меньше людей бросают сервис в самом начале: он перестал выглядеть как сложная база данных.
На 30% быстрее проходит первая настройка бота.
На 20% меньше обращений в поддержку: подсказки отвечают на вопросы прямо в интерфейсе.
На 40% меньше пропущенных заказов: управление доставкой теперь в кармане.
На 20% быстрее разрабатываются новые разделы.
Платформы 3 (лендинг, админ-панель, мини-приложение)
Экранов админ-панели ~174 (94 + 80 адаптивных)
Экранов мини-приложения ~150+
Страниц лендинга 4 (desktop, mobile, блог, статья)
Страниц в Figma 12
FoodBot
FoodBot — сервис, в котором кафе и рестораны без программистов запускают своего бота в Telegram для приёма заказов на доставку.
в этом кейсе
Рассказываю, что я сделал, чтобы владелец кафе запускал ботов сам за 5 простых шагов, без программиста и слова «API»
Как уменьшил количество потерянных заказов на 40% меньше
Что сделать, чтобы было меньше вопросов в поддержку?
Рубрика "я сам смогу с нейросетями"
product design/b2b
Задача
Сделать личный кабинет, в котором разберётся владелец кафе без технических знаний. Настроить бота должно быть так же просто, как заполнить профиль в соцсети.
Решение
Аналитика
Кто пользователи. Владельцы кафе, бургерных, суши-баров и кофеен. Времени у них мало, они всё время на ногах и часто пропускают заказы, потому что не видят уведомлений.
Что у конкурентов. Много функций, но нет подсказок. Владелец разбирается методом проб и ошибок и тратит часы на первый запуск.
Я загрузил в нейросеть инструкции и отзывы о сервисах конкурентов, и она за минуты выделила главные проблемы. Это сэкономило часы ручного анализа.
Гипотеза
Владельцев пугают слова вроде «API-токен» и запутанные настройки. Сделаем три вещи: превратим подключение в простую пошаговую инструкцию, меню — в наглядные карточки, а рядом с непонятными полями дадим подсказки. Тогда бота запустят быстрее, а в поддержку будут писать реже. А мобильная версия прямо в Telegram поможет не пропускать заказы.
Что было сделано
Упростил подключение. Вместо одного пугающего поля — 5 понятных шагов, написанных человеческим языком.
Сухую техническую инструкцию Telegram нейросеть переписала простыми словами, мне осталось только отредактировать.
Продумал экраны под разные ситуации. Пока ботов нет, на экране одна крупная кнопка «Создать бота». Когда боты появились, на первом плане их карточки и поиск.
С помощью нейросети я собрал собственный инструмент, который показывает, куда смотрит пользователь. Он подтвердил, что внимание идёт туда, куда нужно, и дорогое A/B-тестирование не понадобилось.
Добавил подсказки. Рядом с непонятной настройкой есть значок: нажал и сразу видишь пример. Не нужно уходить с экрана и писать в поддержку.
Перенёс управление в Telegram. Владелец ставит блюда в стоп-лист, меняет цены и принимает заказы прямо с телефона.
Черновые экраны для Telegram собрал ИИ-агент из готовых элементов Telegram, это в разы ускорило работу.
Передал разработчикам аккуратный макет с дизайн-системой. Новые разделы добавляются быстро и в едином стиле.
Названия слоёв, стили и комментарии для разработчиков подготовил ИИ-агент в Figma, это сэкономило часы.
Результат
На 25% меньше людей бросают сервис в самом начале: он перестал выглядеть как сложная база данных.
На 30% быстрее проходит первая настройка бота.
На 20% меньше обращений в поддержку: подсказки отвечают на вопросы прямо в интерфейсе.
На 40% меньше пропущенных заказов: управление доставкой теперь в кармане.
На 20% быстрее разрабатываются новые разделы.
Платформы 3 (лендинг, админ-панель, мини-приложение)
Экранов админ-панели ~174 (94 + 80 адаптивных)
Экранов мини-приложения ~150+
Страниц лендинга 4 (desktop, mobile, блог, статья)
Страниц в Figma 12
product design/b2b