Разработка UI kit для TelegramBot с WebApp
Основные функции (кнопки):
1. Оформить заказ - заполнение формы, в которую входят данные товаров
2. Узнать курс - информационный блок со значением курса
3. Калькулятор - расчет конечной стоимости заказа
4. Личный кабинет - история заказов, персональные предложения
5. Справочные центр - ссылки на статьи из телеграф
Подробнее про "Оформить заказ":
Пользователь заполняет данные товаров и доставки -> проверяет корректность данных и нажимает отправить -> заказу присваивается номер -> заявка отправляется администратору -> админ рассчитывает стоимость и отправляет ордер на оплату -> пользователь оплачивает и отправляет чек боту -> администратор подтверждает получение оплаты -> в личном кабинете появилась информация о заказе
Задача:
Сделать UI Kit в Figma (если вы умеете верстать на HTML, то можем еще на HTML сделать сразу) для следующих страниц WebApp:
1. Форма заявки после открытия WebApp с кнопки "оформить заказ" (данные товаров, данные доставки)
2. Страница оплаты в WebApp
3. Страница WebApp 'история заказов' в личном кабинете
4. Детали заказа в WebApp
5. Трекинг заказа
Также необходимо предусмотреть светлую и темную тему
Стиль: максимально приближенно к стилистике самого телеграмма, можете посмотреть как выглядит их эталонный бот с WebApp (@DurgerKingBot)