TTX
Designing the first-ever digital experience for North America’s leading innovator in aftermarket auto parts.
How did I help:
Market Research | UX Design | Website Design | UI Design
Role
Lead UX/UI Designer
Team
1 Account Director, 1 Product Supervisor, 1 Lead UX/UI Designer,1 Developer
Timeline
12 weeks
The Client
As North America’s leader in auto parts innovation, Mevotech is dedicated to delivering high-quality engineered products. With the launch of TTX—a new line of high-performance brake pads featuring five unique formulations—Mevotech aims to establish the brand as a superior offering. However, without a website or consumer guidance, technicians lack the resources to learn about the formulations or select the right product for their needs.
The Challenge
With 5 custom brake formulations, how will technicians know which product is right for them?
The Solution
A human-centric digital solution that effectively communicates the product offering and streamlines the decision-making process, allowing customers to find the correct product.
How might we help technicians understand the unique brake formulations and guide them to the correct product?
Competitive Analysis
Given the budget and timeframe for developing a new product, I approached research by conducting a competitive analysis. This provided insights into existing solutions in the market and helped us identify opportunities to differentiate our offering and create unique value.
Key Opportunities
1. Content & messaging
By leveraging premium content, we can use strategic visual storytelling to strengthen the brand narrative.
2. Communication
We can emphasize clear communication of the product and brand through intuitive, delightful interactions.
3. More human-centric
Providing personalized product recommendations would set the brand apart and deliver a distinct advantage over competitors.
Information Architecture
Next, I put together a sitemap to outline the navigation and list all pages showing hierarchy and structure.
Wireframes
Guided by research insights, I designed the website's initial framework, integrating visuals, metrics, and product-specific components to address our key opportunities.
UI Design
The TTX website is just one component of the overall brand launch. The website's design had to seamlessly align with the campaign's art direction while remaining web-friendly and accessible.
I collaborated with the Product Supervisor and Creative Director to develop fonts, colour palettes, and visual assets, designing a cohesive and impactful digital experience.
Streamlined Product Selection
A key focus of the brand launch was delivering personalized product recommendations. With products tailored to specific vehicle classes and usage, we prioritized simplifying the selection process.
The tool was designed to work seamlessly across web, mobile, and trade show kiosks. After several iterations, we developed a highly visual, three-step process to streamline the user experience.
Intuitive Components
Building on the key opportunity of clear communication, I designed an interactive component to help users explore and learn more about the product.
The Result
After 12 weeks of collaboration, we successfully launched the new TTX website experience. The visual strategy and website set the foundation for TTX to establish a strong presence and stand out as a market leader.
