UI DESIGN FOR MAGNAFLOW WEBSITE

During MagnaFlow’s website redesign, I was brought in to collaborate with their external web development agency to skin the entire site with a bold, performance-driven visual identity that aligned with the brand’s “Gold Blooded” campaign. Using an existing wireframe, I developed the overall look and feel of the site - applying the black-and-gold color palette, strong typography, and rich visuals that had become synonymous with the MagnaFlow brand.

One of the key initiatives within this project was the launch of MagnaFlow’s new motorcycle exhaust line. I designed a dedicated landing page and accompanying product experience that showcased the new line with high-impact motorcycle photography, which I also retouched for clarity and visual drama. The product pages were built to guide users through a smooth and engaging shopping experience - featuring dropdown menus, detailed spec tabs, and an intuitive layout that balanced technical information with visual storytelling.

Beyond the motorcycle line, I created mockups for nearly every major page of the site - including category landing pages, search results, community engagement areas, and the full product catalog. The designs were clean, user-friendly, and consistent with MagnaFlow’s brand personality. The final implementation successfully supported the launch of both the new website and the motorcycle product line - enhancing the customer experience, strengthening brand identity, and driving product interest across the board.

Tap any design to view it larger.