The Challenge
Unifying disparate product databases (WordPress & Magento 2) into a single, lightning-fast interface, while ensuring trade show users with varying mobile connectivity have instant access to manuals and never suffer from accidental layout rotations.
The Solution
I built a Next.js headless frontend and a robust AWS Lambda microservice that emails requested PDFs instantly. I implemented a global React 'OrientationGuard' at the layout level to lock landscape mode on tablets (Fitts's Law target optimization), reduced the LCP by 3.3s using resource preloads, and structured search using a 3-step wizard (Hick's Law), creating a secure, highly scalable SAAS resource hub.
Key Features Delivered
- Touch-first design optimized for trade show tablets and interactive kiosks
- Seamless delivery of brochures and spec sheets directly to client inboxes
- Headless CMS architecture allowing marketing teams to update showroom content in real-time
- Absolute visual consistency with a robust, orientation-locked presentation mode
- Instant catalog navigation and sub-second load times on mobile connections
- Unified Control Dashboard for easy synchronization of sales resources
Concept & Process
Interactive Card Grid: Displaying core equipment collections like Automation, Pumps, and Heaters in a touch-first dashboard.
Literature Hub: Dynamic technical literature matched directly with product families and SKUs.
Interactive Slideshow: Presenting smart pool products with premium corporate typography and dark-glowing accents.
Visual Demonstrations: Highlighting Bluetooth features and easy setup steps for pool builders.
Product Storytelling: High-density visuals presenting hardware alongside its digital mobile companion.
Detailed Description
The Hayward Partner Portal V3 is a premium SAAS-style digital catalog and sales companion engineered for high-engagement trade show kiosks and field sales teams. Architected using a unified Next.js monorepo, the platform puts complex technical literature and product catalog assets directly at the user's fingertips.
The entire application was designed strictly around Hick's Law (simplifying search and category selections to reduce decision-making time) and Fitts's Law (engineering large, error-proof touch targets optimized for tablet screens).
By integrating headless WordPress APIs with Magento 2 assets and secure AWS Lambda microservices, the system guarantees instant document retrieval and real-time emailing capabilities, leaving users with a flawless Peak-End Rule impression.