re:Kassa — бесплатная онлайн-касса для малого и среднего бизнеса Казахстана: предприниматель пробивает чеки, ведёт смену и смотрит отчёты прямо в телефоне или на компьютере. В 2024 году у сервиса было больше 700 тысяч пользователей и около 35% рынка онлайн-касс страны (Digital Business); тогда он входил в Freedom Holding.
Касса — инструмент на каждую покупку: продавец открывает её при очереди, часто одной рукой. Поэтому каждый лишний шаг в продаже заметен сразу.
Задача
Обновить UI/UX приложения для телефона и компьютера: упростить ключевые сценарии, сделать интерфейс современнее и единообразнее и заложить основу для дальнейшего развития продукта.
Подход: Jobs to be Done
Редизайн строился не от экранов, а от задач, ради которых предприниматель открывает кассу: пробить продажу, открыть и закрыть смену, посмотреть отчёт, настроить чек и принтер. Так интерфейс подстраивался под реальные потребности и ожидания пользователей, а не под внутреннее устройство продукта.
Как шла работа
- Процесс «как есть» (As Is). Разобраны текущие сценарии и найдены проблемные точки. На их основе — процесс «как будет» (To Be): меньше шагов и понятнее связи между экранами.
- Продукт и пользователи. Процессы и потребности целевого сегмента, CX продукта в целом и user flow ключевых сценариев.
- Прототипы — от low-fi к hi-fi. Сначала логика и последовательность экранов, затем детали.
- Дизайн-система и UI-кит. Общие правила и компоненты: экраны выглядят единообразно, а новые функции собираются быстрее.
- Чистовой дизайн — для мобильной и десктопной версий.
Что вошло в новый интерфейс
- Первое знакомство — онбординг, вход и регистрация кассы по шагам.
- Главный экран — состояние кассы и смены: что нужно сделать прямо сейчас.
- Продажа — два сценария, со всеми состояниями и подсказками.
- Смена и X-отчёт.
- Настройки — кассы, чек, принтер, прайс-лист, пользователи, профиль и сторонние приложения.
- Сервисы для бизнеса внутри кассы — например, Freedom Box и Freedom Credit.
Все экраны собраны на одной дизайн-системе: палитра, типографика и компоненты общие для телефона и компьютера.
Результат
re:Kassa получила обновлённый интерфейс для телефона и компьютера и дизайн-систему, на которой строятся новые экраны. Это не только новое оформление: основные сценарии кассы стали короче и понятнее, а у продукта появилась прочная основа для развития.
