Кейс
AutoZorro
Сайт с личным кабинетом для программы лояльности на рынке автозапчастей
Технологии
- Typescript
- Next.js
- shadcn/ui
- Tailwind CSS
- Prisma
- Redis
- Telegram API
AutoZorro начинался как Telegram-бот, где руководители сервисов техобслуживания копили кэшбэк за товары брендов-партнёров. Со временем часть участников потеряла стабильный доступ к Telegram, и программе понадобились собственный сайт и приложение для телефона. Бот продолжает работать рядом с ними.
Из бота на сайт
Главной задачей было сохранить для участника привычный порядок действий: он закупает запчасти у брендов-партнёров, подтверждает отчёты и смотрит, как растёт баланс. В боте это была цепочка сообщений, а на сайте стало несколько экранов, которые одинаково удобно открывать с компьютера и с телефона.
Вход по номеру телефона
Войти в AutoZorro можно по номеру телефона. Участник сам выбирает, куда прислать код: в Telegram, звонком или по SMS. Вход занимает несколько секунд.
Кабинет участника
В кабинете собрано всё, ради чего участник заходит на сайт: баланс по каждому бренду, отчёты о продажах, акции и новости программы. Отсюда же деньги выводятся на карту.
Больше всего времени ушло на логику вывода средств и интеграцию с партнёром, через которого деньги доходят до карты. Сам экран устроен просто: две карточки, по которым сразу видно, сколько денег можно вывести и что происходит с заявкой.
Что за кабинетом
Кабинет держится на нескольких связанных частях. Сайт написан на Next.js и TypeScript, интерфейс собран из компонентов shadcn/ui и оформлен на Tailwind CSS, за данные отвечают Prisma и Redis. Код для входа приходит в Telegram, звонком или по SMS на выбор участника, а деньги доходят до карты через партнёра, который занимается выплатами.
Приложение на экране телефона
Сайт устанавливается на телефон как приложение и присылает уведомления. Иконка AutoZorro появляется на экране телефона рядом с мессенджерами.
Итог
Бот в Telegram работает по-прежнему, а рядом с ним появились сайт и приложение на экране телефона. Участник выбирает то, что удобнее. Число пользователей выросло. От цепочки сообщений программа пришла к полноценному кабинету: баланс по каждому бренду, отчёты о продажах, акции, новости и вывод денег на карту доступны с любого устройства.
Есть похожая задача?
Расскажите о ней, и вместе найдём решение: от идеи и дизайна до запуска и поддержки.
Напишите напрямую