We recently worked with a classic car parts retailer (SJ Sports Cars) to modernise their outdated parts catalog by transforming static schematics into fully interactive, e-commerce-integrated diagrams. The goal was to simplify the process for customers looking to identify and purchase parts, ultimately improving their shopping experience.
Digitizing the Classic Car Parts Manuals
Our first step was to scan the original classic car parts manuals. Using high-resolution scanning (300-600 DPI), we captured every schematic in detail, ensuring that all part numbers were clear and legible. Each page was saved as a high-quality image file (PNG or JPEG) and named systematically for easy access. In some cases, we used image editing software to enhance contrast and remove imperfections, ensuring the best possible clarity for online use.
Making Schematics Interactive
With the scanned schematics as our foundation, we transformed them into an interactive experience by implementing clickable hotspots. These hotspots allow users to click on a part number within the schematic and be directed to the corresponding product page. Using our advanced tools, we mapped each part number to its respective location in the schematic and assigned a unique URL that linked directly to the retailer’s product database.
Seamless Integration with the Parts Database
To ensure each hotspot linked accurately, we collaborated with the retailer to build a structured database of part numbers, descriptions, and prices. This integration allowed for seamless navigation, making it easier for customers to find exactly what they needed without searching through a lengthy catalog. Each hotspot provided a direct path to the corresponding product page, eliminating confusion and reducing the time required to locate parts.
Implementing E-Commerce Functionality
To further enhance the user experience, we integrated the schematics with an e-commerce shopping basket. Since the retailer’s website bespoke created by us, we ensured each part number linked directly to a product page with an “Add to Basket” option. This feature enabled customers to purchase parts directly from the schematic, streamlining the buying process and reducing friction in the user journey.
Optimising for Usability and Engagement
We designed the interactive schematics to be visually engaging and easy to navigate. Key features included:
- A user-friendly interface that allowed seamless interaction with clickable parts.
- A direct purchasing pathway that connected each part to the bespoke e-Commerce-powered shopping system.
By prioritizing clarity and ease of use, we created a solution that not only modernized the catalog but also made it significantly more intuitive for customers.
Testing and Ongoing Maintenance
Before launching, we conducted extensive testing to ensure a flawless user experience. Each hotspot was rigorously checked to confirm that it linked to the correct product page. We also tested the shopping basket functionality across different devices to ensure smooth operation on desktops, tablets, and mobile phones.
To maintain accuracy, we provided the retailer with a framework for updating their parts database as inventory and pricing changed. This ensured that their interactive schematics remained reliable and up-to-date.
Results: A Modernized, User-Friendly Shopping Experience
The transformation of static schematics into an interactive shopping tool resulted in a streamlined purchasing process for customers. Instead of manually searching through part numbers, they could now visually identify the part they needed, click on it, and be taken directly to the product page.
This modernization improved user engagement, reduced search time, and increased online sales. By integrating interactivity and e-commerce functionality, we helped the retailer offer a seamless and efficient shopping experience—bringing a classic car parts catalog into the digital age.