Platesmiths
platesmiths.co.ukKey Features
What we built
- 01
Custom Plate Builder
A dedicated plate configurator allows customers to enter their registration, choose a plate style, select quantity and size, add optional extras, and see a live preview before ordering.
- 02
Live Plate Preview
An interactive preview displays the customised front and rear plates while customers configure their order, making the selection process more visual and intuitive.
- 03
Product Catalogue
A structured product catalogue was developed for different plate styles.
- 04
Product Customisation
Customers can select plate size, quantity, border options, fitting kits, and additional customisation before adding products to their basket.
Design Approach
How we designed it
- 01
Automotive Visual Style
A bold, modern visual direction was created to reflect the automotive industry and premium nature of Platesmiths' products.
- 02
Product-Focused Design
Large product visuals, clear pricing, product cards, and structured categories keep the different plate styles at the centre of the experience.
- 03
Simple Configuration Flow
The plate builder was structured as a clear step-by-step journey, allowing customers to configure their plate without unnecessary complexity.
Technologies
How we built it
- Frontend
React
The core frontend library used to build interactive components, dynamic sections, and a smooth user experience across the platform.
- Backend
Python
Backend technology supporting product management, order workflows, customer data handling, and scalable business operations.
- Design Tool
Figma
Design and prototyping tool used to create wireframes, interface concepts, product layouts, and a consistent design system before development.