Оригинальная бело-оранжевая e-commerce система сохранена как автономный кликабельный frontend.
Case study
Instrument Pro: Магазин профессионального инструмента с полным покупательским маршрутом.
Оригинальный frontend магазина восстановлен без редизайна: каталог, поиск, карточки товаров, корзина и оформление работают на безопасных демо-данных.
Профессиональный инструмент · 2026
Рабочие экраны открываются внутри сайта без боевого backend.
О клиенте
Контекст.
Instrument Pro - каталог для профессиональной аудитории, которой важно быстро найти инструмент по категории, характеристикам или артикулу и без лишних шагов собрать заказ.
Задача
Что нужно было решить.
Перенести готовый проект в портфолио один в один: без редизайна, зависимости от боевого backend, пользовательских аккаунтов и реальных заказов.
Решение
Как подошли.
Восстановили исходный Next.js frontend со всеми маршрутами и компонентами, а серверные запросы подключили к изолированному mock API с публичным каталогом.
Стек
На чем собрано.
Next.js 15React 19Redux ToolkitSwiperMock API
Process
Как подготовили демо.
Демо должно быть безопасным, но ощущаться как настоящий проект: пользователь кликает интерфейс, а мы не раскрываем боевые данные.
Восстановление
Из restore-kit извлекли исходный frontend и оригинальные визуальные материалы без секретов и серверных данных.
Демо-каталог
Подключили 986 товаров, категории, поиск, фильтры и подробные карточки к безопасному mock API.
Покупательский путь
Корзина, количества и подтверждение заказа работают в изолированной демо-сессии и ничего не отправляют наружу.
Interactive demo
Откройте проект внутри платформы.
Можно пройти по интерфейсу, проверить ключевые экраны и понять, как проект ощущается вживую, а не только на картинках.
КаталогПоискКарточка товараКорзинаDemo checkout
Original storefront frontend
Instrument Pro
В демо можно искать товары, переходить по категориям, открывать карточки и пройти корзину до подтверждения заказа.
Смотреть проектNext step
Нужен похожий проект?
Пришлите старый сайт, идею или ссылку на референс. Мы разложим задачу на этапы, оценим сроки и предложим первый безопасный шаг.