Website UI Revamp for Air Control Products

Context

The client’s website needed a modern, user-friendly redesign to improve navigation, highlight solutions, and better reflect their industry leadership in HVAC systems. My role was to deliver a clean, professional UI aligned with their brand identity while optimizing for usability and clarity.

Details
Time Frame:

2025

Role:

Product Designer 

Involvement:

High Fidelity Wireframing, User interface design 

Challenge

The existing website:

  • Looked outdated, with inconsistent visuals.
  • Overloaded users with dense information, making it hard to find products and solutions quickly.
  • Lacked strong calls-to-action (CTAs) and visual hierarchy.
  • Didn’t reflect the technical expertise and premium positioning of the company.

Process & Approach

a. Research & Benchmarking
  • Reviewed competitor HVAC websites to identify strengths and common pain points.
  • Gathered feedback from client stakeholders about customer journeys.
b. Wireframing & Layout
  • Created low-fidelity wireframes focusing on simplifying navigation (Products, Resources, Company, Request).
  • Prioritized hero sections with bold messaging + CTA button (“Explore Products”).
c. Visual Design in Figma
  • Introduced a clean, modern grid layout with clear separation between sections.
  • Incorporated large product imagery to immediately showcase solutions.
  • Designed cards for product categories with icons, titles, and links for quick scanning.
  • Enhanced readability with strong typography and whitespace.

Final Design

Key Features:
  • Hero Section: Modern, high-resolution visuals with a bold headline and CTA.
  • Product Category Grid: Easy-to-browse, card-style layout for HVAC solutions.
  • Project Showcase: Visual storytelling with case studies and service highlights.
  • Brand Partnerships: Trusted manufacturer logos to build authority.
  • Community & Testimonials: Social proof to reinforce reliability.
  • Footer: Streamlined quick links and contact info across locations.

Outcome & Impact

  • Improved UX: Information is easier to scan, reducing time-to-product-discovery.
  • Professional Branding: Modern UI reflects industry authority.
  • Engagement: Stronger CTAs drive users to explore products and request support.
  • Recruiter Angle: Demonstrates ability to transform a legacy B2B website into a clean, usable interface.