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 Доработали детали и передали разработке

Собрали дизайн-пакет, проверили взаимодействия и завершили проект за три недели, подготовив команду к быстрому старту разработки