Overview
MotorStar USA needed a WordPress website to present its range of motor oils, transmission fluids, lubricants, and car-care products. The visual design was supplied in Figma. Our role was to turn those designs into a working custom theme, with product information and page content that the client could maintain in WordPress.
The Challenge
The build needed to carry the supplied design through to the browser: a dark colour scheme, prominent product imagery, promotional sliders, and layouts for desktop and mobile. It also needed a practical way to manage a growing product catalogue, including categories, specifications, and differences between similarly named products.
Our Solution
- Custom theme development from Figma: Coded the homepage and supporting templates for About Us, Contact Us, distributors, news, product categories, and product listings.
- Editable page content: Integrated Advanced Custom Fields so the client could update the main page text and imagery through WordPress, with controls for selected sliders and background videos.
- A structured product catalogue: Moved products into the WordPress post system rather than maintaining separate files for every product. Added editable product details and custom fields for specifications, typical properties, and distinctions such as synthetic blend versus full synthetic.
- Product discovery: Connected category browsing, navigation, and individual product information so visitors could explore the range by product type.
- Enquiry forms and responsive behaviour: Integrated Contact Form 7 for contact and distributor enquiries, and refined mobile navigation, sliders, and page layouts during the build.
The Result
The supplied Figma designs became a custom WordPress website with an editable product catalogue and dedicated routes for customer and distributor enquiries. The client could maintain product details and key page content in the CMS, while the theme controlled their presentation.
Visit MotorStar USA, or use the Demo tab to explore the website here.