Case study

Instrument Pro: Магазин профессионального инструмента с полным покупательским маршрутом.

Интерактивная витрина интернет-магазина: категории, поиск, фильтры, карточки товара и корзина на иллюстративном каталоге. Оплаты и сбор персональных данных отключены.

Результат986 demo-позиций

Оригинальная Next.js-витрина сохранена с иллюстративным каталогом из 986 demo-позиций.

ТипИнтернет-магазин

Профессиональный инструмент · 2026

ДемоMock session

Каталог, корзина и подтверждение работают с иллюстративными данными; оплаты и сбор ПД отключены.

О клиенте

Контекст.

Instrument Pro - каталог для профессиональной аудитории, которой важно быстро найти инструмент по категории, характеристикам или артикулу и без лишних шагов собрать заказ.

Задача

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

Нужно было перенести существующий frontend в портфолио без зависимости от недоступного backend и при этом сохранить ощущение полноценного интернет-магазина.

Решение

Как подошли.

Мы восстановили оригинальный Next.js frontend с его маршрутами и компонентами, а сетевые сценарии перенаправили в изолированный mock API с иллюстративным каталогом.

Стек

На чем собрано.

Next.js 15React 19Redux ToolkitSwiperMock API

Process

Как подготовили демо.

Пользователь проходит маршрут на иллюстративном каталоге; оплаты отключены, персональные данные не запрашиваются, действия остаются в demo-сессии.

01

Восстановление

Сохранили исходные маршруты, компоненты и визуальную систему витрины.

02

Демо-каталог

Подключили 986 иллюстративных позиций, поиск, категории, фильтры и карточки через mock API.

03

Граница сессии

Корзина и подтверждение работают внутри demo-сессии; оплаты отключены, персональные данные не запрашиваются.

Interactive demo

Откройте проект внутри платформы.

Можно пройти по интерфейсу, проверить ключевые экраны и понять, как проект ощущается вживую, а не только на картинках.

КаталогПоискКарточка товараКорзинаДемо-подтверждение
Интерактивная витрина · mock-сессия Instrument Pro

В демо можно искать позиции, переходить по категориям, открывать карточки и пройти корзину до подтверждения.

Смотреть проект

Next step

Нужен похожий проект?

Пришлите старый сайт, идею или ссылку на референс. Мы разложим задачу на этапы, оценим сроки и предложим первый безопасный шаг.