Responsive Website Redesign
HVAC Comfort
HVAC Comfort understands that your home is a place of refuge where you can spend quality time with family and friends. Through professional, punctual, and cost-effective AC and furnace repair solutions, they treat your home with respect—whether it’s your first service appointment or your most recent tune-up.
Team
Marketing, Content, Engineering & Design
Role
UX/UI Visual Designer
Dates
Nov 2022 (1 month)
HVAC Comfort required a visual brand and website refresh. As the UX/UI Designer joining the team, I contributed to revamping the brand visuals and designed two visual home and landing page mockup directions informed by strategic research. These changes aimed to establish greater relevance for their target audience, setting the stage for a new WordPress website.
My Task.
Deliverables
Hi-Fidelity Mockups
Design Asset Management
Stock Photography
Design Tools
Adobe CC
Figma
Productivity Tools
Google Chat
Process
Grid System
We employed a structured grid system to maintain spatial consistency and ensure organized content presentation across different devices and breakpoints.
Type
Fluid/Stretched
Columns
4 / Auto (Mobile)
12 / Auto (Desktop)
Margin/Gutter
24/16
Colors
The HVAC Comfort brand and website opted for a rejuvenated color palette, characterized by minimalism and reduced saturation, while staying true to the existing brand color.
Typography
A single typeface (PT Sans) ensured a consistent and visually pleasing text style throughout the entire interface. This enhances readability and maintains a polished appearance for users.
Photography & Imagery
Brand image direction for the HVAC Comfort website was guided by demographic research findings. The intentional use of imagery featuring men, families, and diverse representations aimed to enhance relevance and approachability, making the website more relatable for visitors.
Iconography
I crafted a minimal color palette for the WAA brand and website, opting for a subtle, harmonious selection of colors to create a distinctive and aesthetically pleasing visual identity.
Responsive Web
A responsive web redesign solution ensures effortless adaptability across a range of devices, simplifying the development process and providing users with a uniform and consistent experience.
End.
The Figma hi-fidelity mockups were completed and handed off for development in Wordpress. The HVAC website is now live and fully operational in its responsive form, following the implementation of the alternate (option 2) visual direction, as planned.