ENVATOSTOCKBOT
ENVATOSTOCKBOT
Дизайн мини-приложения в Telegram для скачивания файлов с Envato: логика, UI-kit и лаконичный интерфейс
Что требовалось бизнесу?
Бизнесу нужно было создать простого Telegram-бота для скачивания файлов с Envato: пользователь вставляет ссылку и получает файл за несколько секунд, а оплата подписки и разовых загрузок остаётся понятной. Интерфейс требовалось сократить до минимума шагов, убрать лишние действия и подготовить дизайн с UI-kit, чтобы разработчики могли быстро собрать рабочий продукт.
Решение, которое мы реализовали
Мини-приложение в Telegram (дизайн)
Разработали структуру экранов, рабочие сценарии и каркас продукта, чтобы сервис был понятным и удобным для использования прямо в Telegram
Продуманная логика скачиваний
Оформили сценарии вставки ссылки, проверки доступа и получения файла, чтобы процесс занимал минимум действий и оставался предсказуемым
Система тарифов и оплат
Проработали UX выбора плана, разовых загрузок и обновления подписки, чтобы путь от выбора тарифа до оплаты был чётким и не перегруженным
Реферальная программа
Настроили интерфейсы приглашений и отображения статистики друзей, чтобы пользователи могли делиться сервисом и получать бонусы без лишних шагов
Полный UI-kit для разработчиков
Собрали компоненты, стилевую систему и состояния элементов, чтобы разработчики могли быстрее собрать рабочую версию мини-приложения
Чистый, лаконичный визуал
Сделали дизайн, который не отвлекает от задач и остаётся комфортным для ежедневного использования, сохраняя аккуратную и лёгкую визуальную структуру
Как мы работали над проектом
01
Разобрались в задаче и сценариях скачивания
Изучили рынок, посмотрели аналоги и собрали требования, чтобы сократить путь пользователя и убрать лишние действия в интерфейсе
02
Сложили логику мини-приложения
Прописали UX: загрузка файла, покупка тарифа, просмотр остатков, рефералка, язык и профиль, чтобы структура оставалась простой и понятной
03
Построили структуру экранов и состояния
Проработали user flow, ошибки, загрузки и переходы между экранами, чтобы сервис работал последовательно и не создавал лишних разветвлений
04
Оформили визуальную систему
Создали UI-kit: типографика, кнопки, карточки, поля ввода и стили пустых состояний, чтобы дизайн оставался единым и удобным для разработки
05
Нарисовали финальные макеты в Figma
Подготовили адаптации под разные сценарии, проверили читаемость и ритм интерфейса на мобильных разрешениях и согласовали визуальные решения
06
Доработали детали и передали разработке
Собрали дизайн-пакет, проверили взаимодействия и завершили проект за три недели, подготовив команду к быстрому старту разработки
Инструменты
- React
- TypeScript
- PostgreSQL