Add wireframe screen prototypes to specification

This commit is contained in:
Ruslan Bakiev
2026-05-01 16:20:19 +07:00
parent e050fd55a5
commit 98ae168a93
17 changed files with 957 additions and 16 deletions

View File

@@ -94,6 +94,8 @@
- остатки и доступные варианты отображаются в наглядном виде
- пользователь понимает ограничения выбора и возможность кастомизации
Ниже приведены низкодетализированные wireframe-прототипы. Они отражают текущую структуру экранов по действующей frontend-реализации и используются как визуальная фиксация состава страниц, ключевых блоков и пользовательских действий.
## 5.4 Клиентские экранные формы
### 5.4.1 Главная страница клиента
@@ -112,7 +114,7 @@
- блок бонусной информации при наличии подключенного бонусного контура
- индикатор статуса заполненности профиля клиента
Схематичный прототип:
Wireframe-прототип:
![Прототип главной страницы клиента](/prototypes/dashboard.svg)
@@ -131,7 +133,7 @@
- карточка каждого товарного направления с изображением и наименованием
- переход в карточку выбранного товарного направления
Схематичный прототип:
Wireframe-прототип:
![Прототип каталога продукции](/prototypes/catalog-grid.svg)
@@ -159,7 +161,7 @@
- `/products/[slug]`
Схематичный прототип:
Wireframe-прототип:
![Прототип карточки товара](/prototypes/product-card.svg)
@@ -198,7 +200,7 @@
- выбранный адрес доставки
- итоговая сводка по количеству позиций
Схематичный прототип:
Wireframe-прототип:
![Прототип корзины](/prototypes/cart.svg)
@@ -211,7 +213,7 @@
- просмотр стоимости и условий поставки после публикации
- просмотр истории изменений
Схематичный прототип:
Wireframe-прототип:
![Прототип карточки заявки или заказа](/prototypes/client-order.svg)
@@ -240,6 +242,10 @@
- ссылка на самостоятельную заявку на подключение
- блок пояснения по дальнейшему сценарию доступа
Wireframe-прототип:
![Прототип страницы логина и подключения](/prototypes/login.svg)
### 5.4.7 Список заказов
Назначение страницы:
@@ -275,7 +281,7 @@
- форма подачи заявки на использование либо вывод бонусов
- правила бонусной программы
Схематичный прототип:
Wireframe-прототип:
![Прототип бонусного кабинета](/prototypes/bonus-cabinet.svg)
@@ -295,6 +301,10 @@
- индикаторы активности и количества заказов
- действие приглашения нового клиента
Wireframe-прототип:
![Прототип списка клиентов](/prototypes/client-list.svg)
### 5.5.2 Карточка клиента
Назначение страницы:
@@ -311,6 +321,10 @@
- список бонусных операций
- связанные рефералы
Wireframe-прототип:
![Прототип карточки клиента](/prototypes/client-card.svg)
### 5.5.3 Карточка обработки заявки
Назначение страницы:
@@ -320,7 +334,7 @@
- публикация условий клиенту
- перевод заявки в работу либо отмена
Схематичный прототип:
Wireframe-прототип:
![Прототип карточки обработки заявки](/prototypes/manager-order.svg)
@@ -342,7 +356,7 @@
- фильтрация по статусам
- переход к обработке конкретного заказа
Схематичный прототип:
Wireframe-прототип:
![Прототип списка заказов менеджера](/prototypes/manager-orders.svg)
@@ -363,6 +377,10 @@
- списки стандартных параметров
- единое действие сохранения настроек
Wireframe-прототип:
![Прототип настроек каталога](/prototypes/catalog-settings.svg)
### 5.5.6 Настройки синхронизации и уведомлений
Назначение страницы:
@@ -377,6 +395,10 @@
- статусы последних синхронизаций
- диагностическая информация по обмену
Wireframe-прототип:
![Прототип настроек синхронизации](/prototypes/sync-settings.svg)
## 5.6 Дополнительные профильные и сервисные страницы
Помимо основных клиентских и менеджерских экранов, текущая реализация содержит дополнительные экранные формы:
@@ -393,3 +415,9 @@
- создание реферальной связи
- создание бонусной транзакции
- проверка заявки на вывод бонусов
Прототипы служебных и дополнительных экранов:
![Прототип профиля клиента](/prototypes/profile.svg)
![Прототип бонусной системы менеджера](/prototypes/bonus-manager.svg)