## ОБЩАЯ КОНЦЕПЦИЯ
Маркетплейс для цифровых товаров с возможностью кастомизации витрин для каждого продавца.
## ТИПЫ ТОВАРОВ
- Игровая валюта
- Telegram звезды
- Пополнение Steam
- Пополнение других игровых сервисов, игр
- Цифровые товары
## ЦЕЛЕВАЯ АУДИТОРИЯ
- Покупатели: геймеры, подписчики блогеров/стримеров
- Продавцы: ограниченный круг (игровые блогеры, стримеры)
## СТРУКТУРА САЙТА
### 1. СТРАНИЦА МАРКЕТПЛЕЙСА
**Назначение:** Официальная витрина площадки с продажей от имени маркетплейса
**Элементы:**
- Шапка с логотипом и навигацией
- Каталог категорий направлений, игр, сервисов
- Каталог направлений в категориях (например у игры, сервиса может быть разные товары)
- Страница с промоакциями
- Страница с новостями
- Страница с настройками (уведомление о новостях)
- Карточки товаров (изображение, название, цена,старая цена, цена бонуса, кнопка покупки)
- Информация о маркетплейсе
- Футер с контактами, соцсетями, пользовательским соглашением
- Поиск по товарам, категориям, направлениям
- Быстрая покупка (выбор товара, выбор способа оплаты, выбор способа доставки, ввод данных, оплата, получение товара)
- Модальные окна с информацией о товаре, оплата, доставка, получение товара
**UX требования:**
- Интуитивная навигация
- Быстрый доступ к популярным играм сервисам
- Адаптивный дизайн (десктоп, планшет, мобильные) – предпочтение в первую очередь будет запускаться в веб апликейшен в телеграме
### 2. ВИТРИНЫ БЛОГЕРОВ (ПАРТНЁРСКИЕ МАГАЗИНЫ)
**Назначение:** Персонализированные магазины для каждого блогера/стримера
**Ключевые особенности:**
- Полная визуальная независимость от страницы маркетплейса
- Брендинг блогера (цвета, логотип, стиль)
- Сохранение функционала маркетплейса
**Обязательные элементы:**
- Логотип маректплейса не зависит от шаблона блогера
- Персонализированная шапка (аватар/лого блогера, имя)
- Каталог товаров блогера (как и на странице маркетплейса)
- Страница с промоакциями
- Информация о блогере
- Контакты/соцсети блогера
## СИСТЕМА ШАБЛОНОВ
### ТРЕБОВАНИЯ К ШАБЛОНАМ
Необходимо разработать **минимум 3-5 шаблонов** для витрин блогеров:
**Шаблон 1: "Минимализм"**
- Чистый дизайн
- Акцент на товары
**Шаблон 2: "Геймерский"**
- Динамичный, яркий стиль
- Игровые элементы (иконки, паттерны)
- Анимированые элементы, фоновые эффекты
### СИСТЕМА КАСТОМИЗАЦИИ ШАБЛОНОВ
**Настраиваемые параметры:**
1. **Цветовая схема:**
– Основной цвет (primary)
– Дополнительный цвет (secondary)
– Цвет акцентов
– Фоновые изображения, анимации, эффекты
– Цвет текста
– Шрифты
2. **Брендинг:**
– Логотип/аватар
– Баннер/обложка
– Название магазина
## UX/UI ТРЕБОВАНИЯ
### ОБЩИЕ ПРИНЦИПЫ
- **Понятность:** Пользователь должен сразу понимать, как купить товар
- **Скорость:** Минимум кликов до покупки (идеал: 2-3 клика)
- **Доверие:** Четкая информация о доставке, гарантиях, безопасности
- **Визуальная иерархия:** Главное выделено, второстепенное не отвлекает
### НАВИГАЦИЯ
- Хлебные крошки (для маркетплейса)
- Понятные категории
- Быстрый поиск
- Фильтры (цена, игра, тип товара)
### КАРТОЧКА ТОВАРА
- Крупное изображение
- Название и краткое описание
- Цена (явно выделена)
- Наличие/статус
- Кнопка "Купить" (контрастная, заметная)
- Дополнительная информация (как получить, сроки)
### ПРОЦЕСС ПОКУПКИ
1. Выбор товара
2. Переход на страницу оформления заказа
3. Оформление заказа (ввод данных, выбор оплаты, выбор способа доставки)
4. Оплата
5. Получение товара
### АДАПТИВНОСТЬ
**Приоритет:** mobile-first подход
### ПРОИЗВОДИТЕЛЬНОСТЬ
- векторные изображения, анимации, эффекты
## ТЕХНИЧЕСКИЕ АСПЕКТЫ ДЛЯ ДИЗАЙНЕРА
### ДИЗАЙН-СИСТЕМА
Необходимо создать:
- UI Kit с компонентами (кнопки, формы, карточки)
- Прототип
- Типографику (заголовки, текст, акценты)
- Цветовую палитру для каждого шаблона
- Иконки, фоновые изображения, анимации, эффекты
- Прототип (кликабельный макет)
### ФОРМАТЫ ПЕРЕДАЧИ
- Figma
- Экспортированные ассеты (PNG, SVG)
- Спецификация цветов, шрифтов, отступов
- Прототип (кликабельный макет)
### СОСТОЯНИЯ ЭЛЕМЕНТОВ
Для всех интерактивных элементов нужны состояния:
- Default (обычное)
- Hover (наведение)
- Active (нажатие)
- Disabled (неактивное)
- Error (ошибка, для форм)
## РЕФЕРЕНСЫ И ВДОХНОВЕНИЕ
Обсудим с потанциальным исполнителем
- Наш текущий проект (открыть веб приложение в телеграм боте: @ReflectUC_bot)
Элементы дизайна, анимации.