The original Next.js storefront is preserved with an illustrative catalog of 986 demo items.
Case study
Instrument Pro: a professional tool store with a complete customer journey.
The original storefront, preserved without redesign: category navigation, search, product pages and cart on an illustrative catalog. Payments and personal-data collection are disabled.
E-commerce · 2026
Catalog, cart and confirmation use illustrative data; payments and personal-data collection are disabled.
About the client
Context.
Instrument Pro serves a professional audience that needs to find the right tool by category, specification or product code and assemble an order without unnecessary steps.
Problem
What needed to be resolved.
The ready-made project had to be embedded without redesign while keeping production accounts, orders and services completely isolated.
Solution
How we approached it.
We restored the original Next.js frontend with its routes and components, then redirected network scenarios to an isolated mock API with an illustrative catalog.
Stack
What it uses.
Next.js 15React 19Redux ToolkitSwiperMock API
Process
How the demo was prepared.
Visitors explore an illustrative catalog; payments are disabled, personal data is not requested, and actions remain inside the demo session.
Storefront
Preserved the original routes, components and visual system.
Demo catalog
Connected 986 illustrative items, search, categories, filters and product pages through the mock API.
Session boundary
Cart and confirmation work inside the demo session; payments are disabled and personal data is not requested.
Interactive demo
Open the project inside the platform.
Browse categories, search the illustrative catalog, inspect a product page, add items to cart and reach demo confirmation.
SearchCatalogProduct pagesCartDemo confirmation
Interactive storefront · mock session
Instrument Pro
An interactive tool-store journey with illustrative data inside an isolated demo session.
View projectNext step
Need a similar project?
Send an old website, an idea or a link to a reference. We will break down the task into stages, estimate the time frame and suggest a safe first step.