Обсудить задачу

КЕЙС

Telegram Mini App

Три магазина на одном продуктовом шаблоне: украшения, сумки из бусин и авторские игрушки. Каталог, карточка товара, корзина и оформление заказа адаптированы под нишу и формат Telegram Mini App.

React · TypeScript · FastAPI · PostgreSQL

Что нужно было решить

Показать, как микро-магазин может принимать заказы внутри Telegram без отдельного интернет-магазина: через каталог, карточку товара, корзину и оформление заказа.

Как устроено решение

Витрина построена как Telegram Mini App с React и TypeScript, серверной частью на FastAPI и PostgreSQL. Каталог и визуальная тема адаптируются под нишу, а уведомления о заказах обрабатываются отдельно от пользовательского интерфейса.

Что подтверждает кейс

Одна продуктовая схема показана в трех разных витринах: украшения, сумки из бусин и авторские игрушки. На экранах ниже видны реальные состояния каталога, товара, корзины и оформления.

Главная Yasmina с категориями и сумочкой из бусин
Yasmina — главная
Карточка сумочки Fuchsia Marshmallow в приложении Yasmina
Yasmina — товар
Корзина Yasmina с выбранной сумочкой и формой заказа
Yasmina — корзина

ПУТЬ ПОКУПАТЕЛЯ

Каталог, товар, заказ — не выходя из Telegram

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

Главная Mariosa Jewelry с категориями украшений и карточкой серег
Mariosa — главная
Карточка аметистового сотуара Mariosa Jewelry с фотографией и описанием
Mariosa — товар
Корзина Mariosa Jewelry с составом заявки и формой контакта
Mariosa — корзина

ТА ЖЕ СХЕМА, ДРУГАЯ НИША

Украшения: тот же путь, своя витрина

Каталог украшений, карточка сотуара и корзина с формой заявки — та же структура, другой ассортимент и оформление.

Главная Zayac с авторской игрушкой и сценариями заказа
Zayac — главная
Каталог Zayac с базовыми и индивидуальными моделями игрушек
Zayac — каталог
Карточка белой базовой модели Zayac с параметрами и ценой
Zayac — товар

ТА ЖЕ СХЕМА, ТРЕТЬЯ НИША

Авторские игрушки: каталог с вариантами

Каталог отличает базовые и индивидуальные модели, карточка товара показывает конкретный вариант и его цену.

Обсудить задачу