23 AGGIEX OEM

A clean and visually memorable website for Thewconverts LLC

Comment

THEWCONVERTS website

Inspiration

The inspiration for THEWCONVERTS came from a problem I faced as a truck owner and builder. Many enthusiasts with base-spec or single-cab trucks want high-trim features that manufacturers don’t offer.

Existing options were either expensive new trucks or generic aftermarket parts that lacked proper fit and factory appearance. I saw a need for a trusted source offering genuine OEM components with verified, plug-and-play fitment. THEWCONVERTS makes premium upgrades accessible so even a base model can feel like a top-tier build.

How I Built It

I wanted a digital experience that matched the premium quality of the trucks.

  • Core: Built with React 18 and Vite for a fast, modern frontend.
  • Navigation: Used React Router for a seamless SPA experience across pages.
  • Design: Implemented Vanilla CSS with modern layouts (Bento grids, editorial heroes) and a dark, high-end aesthetic using custom variables, vibrant accents, and glassmorphism.
  • Animation: Added ScrollReveal and custom CSS transitions for smooth micro-animations that reflect the precision of our builds.
  • Data-Driven: Structured a JSON-based product system to manage categories (interior, tech, kits) and enable easy scaling.

What I Learned

This project taught me how to translate hands-on automotive expertise into a digital experience that builds trust. I improved my ability to:

  • Build responsive layouts without heavy UI frameworks
  • Create a consistent, premium design system
  • Manage e-commerce logic (filtering, badges, categories) in a performance-focused React setup

Challenges I Faced

  • High-End Balance: Making the site feel premium without losing critical technical detail. Solved with editorial layouts that combine visuals and clear specs.
  • Interactive UI: Developing complex animations and synchronized layouts while maintaining performance across devices.
  • Fitment Verification: Designing a clear system for fitment tags so users (2015–2025 models) can quickly find exact matches.

Built With

Share this project:

Updates