I: (ОБЗОР)
РОЛЬ
UX/UI Designer
ОПИСАНИЕ
Telegram Mini App для покупки и управления доменами. Перевёл сценарии существующего текстового бота в визуальный интерфейс: от поиска и массовой регистрации до продления и технических настроек.
II: (ЗАДАЧА И МОЯ РОЛЬ)
От текстового бота к Mini App
Сервис уже работал в Telegram. Команда хотела сделать покупку и управление доменами удобнее и привлечь новую аудиторию с помощью полноценного интерфейса.
Основной сценарий был ориентирован на специалистов по закупке трафика и рекламодателей, которым нужно регулярно регистрировать и обслуживать несколько доменов.
Я самостоятельно спроектировал интерфейс по краткому ТЗ: проработал структуру экранов, навигацию, формы и состояния. Логотип и персонаж существовали до моего подключения.
III: (ПОИСК И РЕГИСТРАЦИЯ)
Несколько доменов за один заказ
Пользователь может искать домен по одному имени или вставить список, указав каждый адрес с новой строки. В результатах доступны фильтры по доменным зонам и цене.
Карточки показывают стоимость регистрации и состояние добавления в корзину. Если пользователь возвращается из результатов поиска, собранный заказ остаётся доступен на главном экране.
Оформление разделено на корзину, настройки и оплату. Перед регистрацией можно задать DNS-серверы, A-запись и параметры подключения SSL и Cloudflare.
Настройка необязательна: её можно пропустить и вернуться к ней после покупки. После успешной регистрации пользователь переходит к своим доменам.
Состояние доменов видно в списке
В разделе «Мои домены» я разделил активные, истекающие и заблокированные адреса. Карточки показывают срок действия, подключённые сервисы и автопродление, чтобы основные сведения были доступны без открытия каждого домена.
Для работы с несколькими адресами предусмотрен массовый выбор: их можно продлить, передать или удалить. Удалённые домены попадают в отдельную корзину, откуда их можно восстановить.
От общего состояния к конкретной настройке
Карточка домена объединяет статус, срок действия и быстрые действия. Дополнительные сведения раскрываются по запросу, а редактирование параметров вынесено в отдельные панели.
Пользователь последовательно переходит к нужной задаче: замене NS-серверов, настройке DNS-записей, подключению SSL или управлению Cloudflare. Для редиректов предусмотрен выбор режима с пояснением его назначения.
Стоимость с учетом подписки
Prime объединяет скидку на домены и дополнительные возможности обслуживания. В поиске предусмотрены состояния с обычной ценой и ценой подписчика, а в разделе Prime — условия, пробный доступ и управление подпиской.
В профиле собраны баланс, пополнение, реферальная программа и обращение в поддержку.
VII: (ВИЗУАЛЬНАЯ СИСТЕМА)
Единый интерфейс для разных задач
На основе существующего бренда я разработал оформление приложения: тёмные поверхности, фиолетовые акценты, карточки доменов, формы и панели действий.
Общие компоненты связывают поиск, оформление заказа и технические настройки. Персонаж используется в онбординге и подтверждениях завершённых действий.
Primary Violet
#8D4BFF
#200947
#B68BFF
#FFFFFF
TT Firs Neue
VIII: (РЕЗУЛЬТАТ)
Mini App запущен
Спроектировал интерфейс для работающего сервиса регистрации доменов: поиск и покупку, управление списком, технические настройки, подписку и личный кабинет.
Сценарии текстового бота получили визуальную структуру с карточками, статусами и массовыми действиями.