СерверБокс: единый интерфейс закупки GPU-оборудования для ЦОД и ИИ-проектов

Главное о кейсе

Закупка GPU-оборудования требует двух параллельных решений: инженер выбирает совместимые компоненты и мощность под ИИ-задачу, закупщик проверяет P/N, НДС, наличие, сроки и документы. Мы связали эти шаги в один интерфейс: поиск по модели и артикулу, конфигуратор сервера, запрос КП, корзина на согласовании и кабинет компании. Результат этапа — 64 основных макета, адаптивные версии для десктопа и мобильного экрана и шесть кликабельных HTML-сценариев. Это прототип: публичный запуск, работа внешних интеграций и коммерческие показатели пока не подтверждены.

Как проект изменил жизнь пользователей

Пользовательский эффект пока не измерялся: прототип не запущен публично. В спроектированном сценарии инженер видит состав конфигурации и объём видеопамяти до запроса КП; закупщик получает P/N, статус поставки, цену с НДС и без него, а также путь к счёту и согласованию корзины. Эти решения должны сократить переключения между каталогом, перепиской и внутренними документами. Проверку на реальных пользователях и замер времени закупки нужно провести после внедрения.

Бизнес-задача и ее решение

Задача этапа — спроектировать B2B-магазин оборудования для ЦОД и ИИ-проектов, в котором технический выбор не обрывается на карточке товара, а продолжается до КП, согласования заказа и документов. Решение включает каталог и поиск по P/N, конфигуратор GPU-сервера, разные типы покупателей, кабинет с заказами, КП и документами. Подтверждённый результат — готовый локальный HTML-прототип и дизайн-система; изменения в продажах, конверсии и скорости обработки заказов не заявляются.

Крафт (мастерство), реализация, технические детали

Созданы 64 основных макета на шести разделах дизайн-холста и 72 HTML-файла с вариантами экранов и состояний. Шесть страниц содержат рабочие переключатели и элементы управления: корзина, конфигуратор, вход, запрос КП, карточка товара и GPU-сервера. Дизайн-система описывает токены, сетку, типографику, компоненты, состояния и адаптивные правила от 390 до 1440+ px. Визуальный язык строится на холодном светлом фоне, тёмных блоках и лаймовом акценте. Интеграции с каталогом, оплатой, ЭДО и сервисом проверки контрагентов описаны для последующей разработки и в прототипе не работают.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Основная гипотеза: сложная покупка должна сохранять технический контекст при переходе от выбора оборудования к корпоративному согласованию. Поэтому путь был разложен на связанные экраны: поиск по модели или P/N, сравнение, подбор конфигурации, КП, корзина, кабинет и документы. Для передачи в разработку подготовлены кликабельные HTML-страницы, отдельные состояния, скриншоты, токены и правила поведения. Данных о пользовательских интервью, тестах с клиентами и принятии работы заказчиком в предоставленных материалах нет.

Прочая информация о кейсе

4 ноября 2026 года — дата экспорта локального прототипа, а не подтверждённая дата публичного запуска. Папка прототипа включает site/index.html, 64 основных макета, отдельные состояния, десктопные и мобильные скриншоты, дизайн-токены и описание логики. Для жюри требуется доступная онлайн-версия или видеодемонстрация.

Текущая доступность работы

Работа представлена как локальный адаптивный HTML-прототип. Публичный сайт и внешние интеграции не запущены; исходная ссылка file:// доступна только на компьютере автора. Для оценки подготовлены изображения экранов.

Скриншоты