IWAE Website Redesign

Institution
ingram’s water & air

Year
2025

Role: Lead UI/UX & Web Designer (Sole Designer)
Timeline: Late 2025 – May 2026 (3 months design phase, 5 months QA/Launch execution)
Scope: End-to-End E-Commerce Redesign, Figma Wireframing & Prototyping, Design Systems, Dev Handoff, QA/QC, Post-Launch Bug Resolution
Tools: Figma, Jira, clickup, Web Developer Tools

IWAE E-Commerce Platform Redesign

IWAE’s legacy e-commerce platform felt stuck in 2010—cluttered navigation, outdated visual hierarchy, poor mobile responsiveness, and accessibility gaps that degraded the buying experience for HVAC customers.

The goal was to build a modern, high-converting, fully accessible e-commerce experience from the ground up, scaling seamlessly across desktop, tablet, and mobile devices to reflect modern web standards in 2026.

view the live iwae site [here]

Ingrams Water and Air Equipment Website Pre-2026

view the original design on the wayback machine [here]

Project Leadership

*

Project Leadership *

As the sole designer on this project, I owned the entire product design life cycle:

Research & UX Strategy: Mapped user flows for complex HVAC equipment purchasing, structuring simplified navigation and product filtering.
Figma Architecture & Systems: Created high-fidelity, interactive prototypes and wireframes, establishing design tokens, typography scales, and UI component libraries.
Cross-Functional Developer Leadership: Partnered directly with engineering teams starting in January 2026 to guide front-end implementation, negotiate technical constraints, and maintain design integrity.
Rigorous QA/QC & Launch Execution: Led testing across browsers and break-points, identifying layout regressions, accessibility compliance issues, and logic bugs through May 2026 launch.

Key Metrics & Impact

//

Key Metrics & Impact //

Increased Total Revenue: E-commerce redesign modernized the buying journey for high-ticket HVAC inventory, directly driving an increase in completed transactions and online revenue post-launch.
100% WCAG Accessibility Alignment: Overhauled color contrast, typography hierarchies, touch targets, and focus states to deliver a fully compliant, accessible user experience.
0-Downtime Design Migration: Successfully led front-end QA/QC testing across developer staging builds to ensure a bug-free production rollout in May 2026.
Core Web Vitals in the Green: Shifted site performance metrics out of red/yellow penalty zones into optimal green thresholds across Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS).
Preserved Domain Authority: Executed a seamless URL structure and site migration that maintained existing backlink equity with zero loss in Domain Rank (DR) or Domain Authority (DA).