Кейс · PriceDevice
PriceDevice — интернет-магазин техники с ИИ-поиском
Разработали интернет-магазин техники с каталогом, оформлением заказов и ИИ-поиском. Покупатель может описать нужное устройство обычными словами, а команда магазина — управлять товарами, заказами и контентом.
Все экраны
Разработали интернет-магазин техники с каталогом, оформлением заказов и ИИ-поиском. Покупатель может описать нужное устройство обычными словами, а команда магазина — управлять товарами, заказами и контентом.
- Заказчик
- PriceDevice
- В кейсе
- 7 экранов
- Статус
- Реализованные сценарии
01Задача
Помочь покупателю выбрать устройство по своим требованиям и пройти путь до оформления заказа. Для команды магазина объединить управление ассортиментом, остатками, заказами и материалами сайта.
02Решение
Как устроено решение
Создали адаптивную витрину, каталог, карточки устройств, корзину и оформление заказа. Разработали панель управления товарами, категориями, заказами и контентом.
Добавили ИИ-поиск, который принимает запрос обычными словами, поддерживает уточнения и подбирает варианты из каталога.
Разработали модули обмена ассортиментом и остатками, расчёта доставки и обработки платёжных статусов.
- 01 / 07
Главная магазина PriceDevice
Главная магазина PriceDevice
Оригинал снимка ↗ - 02 / 07
Каталог устройств
Каталог устройств
Оригинал снимка ↗ - 03 / 07
Характеристики устройства и выбор способа оплаты
Характеристики устройства и выбор способа оплаты
Оригинал снимка ↗ - 04 / 07
Каталог на телефоне
Каталог на телефоне
Оригинал снимка ↗ - 05 / 07
Пример запроса и подбора устройства
Пример запроса и подбора устройства
Оригинал снимка ↗ - 06 / 07
Оформление заказа с демонстрационными контактами
Оформление заказа
Оригинал снимка ↗ - 07 / 07
Управление товарами
Управление товарами
Оригинал снимка ↗
03Путь клиента
От выбора устройства до заказа
Покупатель открывает каталог, уточняет параметры и изучает характеристики устройства. Разговорный поиск принимает описание задачи обычным текстом, поддерживает уточнения и возвращает карточки товаров. Иллюстрация диалога показывает пример запроса и подбора устройства.
01Каталог
Выбор по категориям и параметрам.
02Карточка устройства
Характеристики, цена и переход в корзину.
03Оформление
Выбранный товар попадает в корзину. Покупатель указывает данные получателя, выбирает получение и доступный способ оплаты. Сервер рассчитывает заказ и хранит его состояние; интеграция оплаты обрабатывает отдельное подтверждение провайдера. Экран оформления не означает, что оплата выполнена.
Все экраны пути
Покупатель открывает каталог, уточняет параметры и изучает характеристики устройства. Разговорный поиск принимает описание задачи обычным текстом, поддерживает уточнения и возвращает карточки товаров. Иллюстрация диалога показывает пример запроса и подбора устройства.
04Подробнее
Выбор устройства с телефона
Адаптивный каталог и пример запроса в разговорном поиске.
- 01 / 02
Каталог на телефоне
Каталог на телефоне
Оригинал снимка ↗ - 02 / 02
Пример запроса и подбора устройства
Пример запроса и подбора устройства
Оригинал снимка ↗
05Подробнее
Управление ассортиментом
Администратор работает с товарами, категориями и заказами. Модули синхронизации получают ассортимент и остатки Яндекс Маркета. Для доставки предусмотрены расчёт и выбор вариантов СДЭК. Модуль новостей объединяет сбор материалов, обработку текста с ИИ и публикацию в разделе новостей.
- 01 / 01
Товары в панели управления
Управление товарами
Оригинал снимка ↗
06Результат
Что получилось
Покупательский интерфейс связан с системой управления магазином. Посетитель может изучить характеристики, воспользоваться обычным или ИИ-поиском и оформить заказ, а команда — работать с товарами и поступившими заказами в панели управления.
Зона ответственности
Проектирование и разработка интерфейсов магазина и панели управления, API, модели каталога и заказов, интеграционных модулей и сценариев ИИ-поиска.
Ограничения демонстрации
Материалы показывают интерфейсы и реализованные сценарии. Банковские, логистические и ИИ-операции не подтверждаются одним изображением интерфейса. Иллюстрация поиска — пример взаимодействия; финансовые показатели и экономический эффект в кейсе не заявляются.
Технологии
- Next.js
- TypeScript
- FastAPI
- PostgreSQL
- pgvector
