React + TypeScript
Interactive interface and typed logic for the service website.
Case study · Business Website and e-commerce
MV PNEU
A service website with a connected online store.
Tyre service, wheel alignment, wheels, tyres and related services in Prague.
Quick overview
Project at a glance
- Project type
- Business Website + e-commerce
- What I created
- Service presentationcatalogueaccountbasket
- My role
- Structuredesigndelivery
- Status
- Live project
- System scope
- Service websiteconnected online store
Core idea
Service and shopping do not start in the same place
The public experience must support both quick service booking and considered product selection.
Challenges
Main challenges
- 01
Fast service orientation
Explain services, prices and a verified route to contact.
- 02
Product selection
Keep the catalogue and filters clear even across a broad range.
- 03
Accurate attribution
Separate custom design and adaptation from functions supplied by the commerce platform.
Decision logic
Two entry points.Two decisionlogics.
- 01
Need
I have a specific problem or need.
- 02
Orientation
I need to find the right service quickly.
- 03
Contact
I need to take the next step.
- 01
Selection
I am looking for the right product.
- 02
Filtering
I narrow the offer by parameters.
- 03
Comparison
I compare the available options.
- 04
Purchase
I continue to checkout.
The same brand. A different decision process.
My role
What I designed and delivered
Structure, design and delivery of the service website and connected online store.
Service website
- Information structure and navigation
- Visual and responsive implementation
- Contact and booking
- Language versions
Online store
- Visual adaptation of Shoptet
- Categories, search and filters
- Sign-in, basket and payments
- Operational documents adapted from templates
Technical layer
Technologies
Vite
Development and production builds of the website.
Tailwind CSS
Responsive visual system for the service experience.
Motion
Subtle interface animations and transitions.
Lucide React
Consistent icon set across the service website.
Shoptet
Platform for the product and purchasing experience.
Playwright
Browser checks of key interactions.
Some online-store functions are provided by the selected commerce platform; this case study does not present them as custom development.
The complete outcome
Two distinct user needs. One coherent digital presence.
Do you need to connect a service business with online sales?
Tell me where the customer journey begins and whether it should end with contact, a booking or a purchase.