Из хаоса — в систему: как редизайн киосков самообслуживания ускорил заказ для миллионов гостей Rostic's
В статье рассказываем, как совместно с командой Rostiс’s мы сделали киоски самообслуживания удобнее для миллионов посетителей. Покажем, как шла работа, какие решения помогли ускорить заказ для гостей и как повлияли на ключевые метрики бизнеса.
О нашем подходе
Chulakov — №1 в дизайне по всем рейтингам. Мы создаем цифровые системы с инженерной точностью и ультрасовременной эстетикой. Наша философия — «Дизайн для людей»: функциональные, честные, человечные интерфейсы, которые решают задачи и помогают бизнесу расти.
Почему редизайн киосков был неизбежен
Киоски самообслуживания Rostiс’s обрабатывают в среднем 10 миллионов сессий ежемесячно. Но в старом интерфейсе карточки и элементы дизайна не совпадали, логика местами отсутствовала, а каждое изменение внедрялось вручную — долго и дорого. Путь пользователя работал, но с шероховатостями.
Любое обновление превращалось в квест. Что-то ломалось. Что-то терялось. Что-то дублировалось.
Киоск для гостя — это зона комфорта и возможность сделать заказ без общения с кассиром в шумном ресторане. Малейшее изменение здесь может либо упростить жизнь, либо отпугнуть. Поэтому задача стояла — не ломать привычные сценарии, а сделать путь гостя бесшовным. А еще упорядочить визуал и ускорить внедрение новых фич без «костылей».
Вместе с Rostiс’s сделали комплексный редизайн. За исследование отвечал аналитический центр Chulakov Research. За визуальный стиль и иллюстрации — дизайн-поддержка Очень by Chulakov.
Как мы работали
Важно было не просто перерисовать экраны, а выстроить систему, готовую к дальнейшему развитию. Поэтому проект разделили на три направления:
- Провели UX-аналитику с полноценным исследованием удобства использования интерфейса (usability research). Это помогло найти новые решения для быстрого роста, которые снимут боли гостей.
- Сделали редизайн с акцентом на масштабируемость. Собрали user story mapping — карту всего пути пользователя с приоритетами по фичам: что рисуем на чистовом, что делаем следующим релизом, а что круто, но пока отправляем в бэклог.
- Тестировали решения на реальных посетителях. Редизайн проводили поэтапно, а обновления тестировали на ограниченной выборке ресторанов. Это помогало быстро вносить изменения и по итогу раскатывать проверенные решения на всю сеть.
Что изменилось в интерфейсе для гостей ресторанов
Путь к бонусам стал проще, а конверсия выросла на 45%
В новом интерфейсе мы сделали несколько точек входа в программу лояльности:
- Блюда за баллы в неавторизованной зоне, при нажатии на которые пользователю предлагают зарегистрироваться.
- Рекламный баннер с напоминанием о бонусах.
- Обновленная кнопка авторизации.
Чтобы достичь роста, за месяц мы сделали три релиза. На первом метрика очень упала, и мы поймали себя на том, что были не правы, добавляя яркие блоки с картинками и призывом оставить телефон для баллов. Спойлер: причина — баннерная слепота. Сначала перекрасили красный баннер в серый, убрали вижи с баннера, затем изменили тип кнопки. Счастливый финал — подняли метрику и раскатились на все рестораны.
Лучше всего сработала авторизация на шаге оплаты. Благодаря ей люди начали чаще оставлять свои контакты, чтобы использовать бонусы. Итог → конверсия в авторизацию выросла на 45%.
Карточки блюд стали чище
Карточки мы сделали более наглядными и минималистичными — увеличили фото блюда и оставили только базовые характеристики а все детали убрали в кнопку. Добавили визуальные акценты на дополнительные ингредиенты.
Гостю нужно понимать, что он хочет убрать из блюда — помидор из бургера или лед из колы. Поэтому мы сделали визуальный акцент на добавление и удаление разных ингредиентов — бекона, сыра, лука и других, чтобы гость сразу их видел и понимал, что с ними делать.
Поиск, который вас понимает
Одна из главных болей пользователей киосков самообслуживания — невозможность быстро найти нужное блюдо.
Мы очень хотели решить эту боль посетителей, когда стоя перед экраном, они не могут найти крылышки. Спойлер: они в «Баскете», а что за зверь «Баскет» знают только наши постоянные гости.
Фильтр и поиск, которые скоро появятся в киосках, должны сильно упростить взаимодействие.
Набор — за пару кликов
Самая масштабная часть работы — сборка набора. Упростили ее до предела. Теперь можно:
- Переключаться между всеми блюдами в наборе в удобном для гостя порядке.
- Выбирать из визуальных плиток, а не вертикального списка.
- Видеть весь собранный набор на одном экране без лишнего скролла. Это важно, потому что экраны киосков не самые отзывчивые.
Теперь пользователь может собрать набор буквально в несколько кликов.
Заказ всегда на виду
В ближайшем будущем на этапе выбора блюд появится мини-корзина. Когда гость добавит что-то в заказ, он сразу увидит превью всех выбранных позиций.
Новый дизайн опции «на подносе» или «в пакете»
С помощью иллюстраций мы добавили наглядности опции выбора — «на подносе» или «в пакете». Теперь посетители могут мгновенно считы информацию и быстро решить, в каком виде хотят получить заказ.
В 1,7 раза больше добрых дел
В процесс оплаты органично встроился блок для пожертвований с фотографиями подопечных фонда — подростков, которые остались без семьи или оказались в трудной жизненной ситуации. Так поддержка стала понятнее и ближе.
Что на выходе
- Увеличили вовлеченность в программу лояльности: +45% к авторизации.
- Сделали благотворительность частью привычного сценария — количество пожертвований выросло в 1,7 раза.
- Сократили время заказа за счет проверенных дизайн-решений.
И самое главное — получили миллионы довольных гостей ресторанов Rostiс’s.
Редизайн интерфейса киосков был для нас стратегическим проектом, так как через этот канал проходит почти половина продаж. Мы ставили цель оптимизировать сценарии выбора и оформления заказа, сделать их быстрее и понятнее для гостей, при этом сохранить возможности для апсейла. В результате работы мы получили обновленный интерфейс, который уже помог нам нарастить ряд ключевых метрик: увеличил процент авторизации и положительно повлиял на средний чек, а также упростил навигацию. Процесс взаимодействия был выстроен структурно, с четкими этапами и понятной визуализацией прогресса. Команда гибко реагировала на изменения и предлагала решения, учитывая как пользовательский опыт, так и бизнес‑задачи. Такой подход помог завершить проект в срок при сохранении качества.
Редизайн киосков Rostiс’s — отличный пример того, как улучшение интерфейса напрямую повышает эффективность сервиса: гости тратят меньше времени на заказ и охотнее пользуются программой лояльности, а бизнес получает рост ключевых метрик и дополнительный доход.
Хотим услышать ваше мнение: делитесь в комментариях и ставьте реакции. Этот и другие наши проекты смотрите на сайте Chulakov.