Оставить заявку

RAZRYAD STORE

UI/UX дизайн Telegram web-app для магазина кроссовок RAZRYAD STORE: мобильный интерфейс с каталогом, карточкой товара, корзиной и сценариями оформления заказа внутри мессенджера.

Перейти на сайт

RAZRYAD STORE — главный экран

Задача

Спроектировать UI для Telegram Mini App магазина кроссовок: удобный каталог, быстрый выбор размера и оформление заказа в мобильном формате мессенджера.

Клиент

RAZRYAD STORE — магазин кроссовок, которому нужен был нативный для Telegram интерфейс с акцентом на визуальную подачу товаров и скорость покупки.

О проекте

Проработали главную, каталог, карточку товара, корзину и ключевые состояния web-app. Макеты и UI-kit в Figma с учётом ограничений Telegram Mini Apps.

Этапы работ и сроки

01

Исследование Mini Apps

Анализ Telegram web-app магазинов, ограничения Mini Apps и сценарии покупки кроссовок: каталог, размер, корзина, оформление заказа.

3–5 дней

02

Прототип магазина в Telegram

Wireframes главной, каталога и карточки товара RAZRYAD STORE. Нативный для мессенджера интерфейс и визуальная подача пар.

5–7 дней

03

UI-kit Telegram web-app

Финальные экраны и состояния в Figma: корзина, оформление, ошибки. Компоненты с учётом гайдлайнов Telegram Mini Apps.

1–2 недели

04

Правки и сдача макетов

Доработки по обратной связи и передача UI-kit со спецификациями для разработки web-app магазина кроссовок.

3–5 дней

Общая длительность разработки3–4 недели

RAZRYAD STORE — фрагмент интерфейса