The HVAC Service - Heating & Cooling Services
B2C
Services
Web
2021
Product team
• Product Manager • Marketing Manager • Team Lead • 2x Full stack developer • Backend developer • 2x UI/UX Designers • 2x SEO Specialists
Activities
• Research • Branding • Marketing materials • Visual Design • Prototyping • UI & UX Design • Consulting • Testing
Tools I used:
• Figma • FigJam • Google Suite • After Effects
The HVAC Service - Heating & Cooling Services
B2C
Services
Web
2021
Product team
• Product Manager • Marketing Manager • Team Lead • 2x Full stack developer • Backend developer • 2x UI/UX Designers • 2x SEO Specialists
Activities
• Research • Branding • Marketing materials • Visual Design • Prototyping • UI & UX Design • Consulting • Testing
Tools I used:
• Figma • FigJam • Google Suite • After Effects
The HVAC Service - Heating & Cooling Services
B2C
Services
Web
2021
Product team
• Product Manager • Marketing Manager • Team Lead • 2x Full stack developer • Backend developer • 2x UI/UX Designers • 2x SEO Specialists
Activities
• Research • Branding • Marketing materials • Visual Design • Prototyping • UI & UX Design • Consulting • Testing
Tools I used:
• Figma • FigJam • Google Suite • After Effects
//
OVERVIEW
HVAC Brand Platform
We designed a modern website and cohesive brand identity for The HVAC Service, focusing on clarity, credibility, and seamless booking
//
OVERVIEW
HVAC Brand Platform
We designed a modern website and cohesive brand identity for The HVAC Service, focusing on clarity, credibility, and seamless booking
//
OVERVIEW
HVAC Brand Platform
We designed a modern website and cohesive brand identity for The HVAC Service, focusing on clarity, credibility, and seamless booking
//
CHALLENGES
Build User Confidence
The brand had strong technical expertise but a weak digital presence. We had to design a system that balances warmth and professionalism — presenting complex HVAC services in a simple
//
CHALLENGES
Build User Confidence
The brand had strong technical expertise but a weak digital presence. We had to design a system that balances warmth and professionalism — presenting complex HVAC services in a simple
//
CHALLENGES
Build User Confidence
The brand had strong technical expertise but a weak digital presence. We had to design a system that balances warmth and professionalism — presenting complex HVAC services in a simple
//
USER PERSONA
Property Owners
Homeowners looking for dependable heating, cooling, or air-quality solutions, often after experiencing urgent breakdowns or seasonal discomfort. They value trust, clear pricing, and quick service
//
USER PERSONA
Property Owners
Homeowners looking for dependable heating, cooling, or air-quality solutions, often after experiencing urgent breakdowns or seasonal discomfort. They value trust, clear pricing, and quick service
//
USER PERSONA
Property Owners
Homeowners looking for dependable heating, cooling, or air-quality solutions, often after experiencing urgent breakdowns or seasonal discomfort. They value trust, clear pricing, and quick service
Target Audience
Middle-income homeowners aged 28–60 seeking comfort and energy efficiency
Pain point
Middle-income homeowners aged 28–60 seeking comfort and energy efficiency
Personal goals
Compare solutions easily, book confidently, and feel assured in their choice
Target Audience
Middle-income homeowners aged 28–60 seeking comfort and energy efficiency
Pain point
Middle-income homeowners aged 28–60 seeking comfort and energy efficiency
Personal goals
Compare solutions easily, book confidently, and feel assured in their choice
Target Audience
Middle-income homeowners aged 28–60 seeking comfort and energy efficiency
Pain point
Middle-income homeowners aged 28–60 seeking comfort and energy efficiency
Personal goals
Compare solutions easily, book confidently, and feel assured in their choice
//
RESEARCH & INSIGHTS
Heatmap Validation
We combined heatmap analysis, A/B testing, and UX journey mapping to uncover friction points in the service flow. The research revealed how trust signals, clarity, and visual warmth directly affected conversion
//
RESEARCH & INSIGHTS
Heatmap Validation
We combined heatmap analysis, A/B testing, and UX journey mapping to uncover friction points in the service flow. The research revealed how trust signals, clarity, and visual warmth directly affected conversion
//
RESEARCH & INSIGHTS
Heatmap Validation
We combined heatmap analysis, A/B testing, and UX journey mapping to uncover friction points in the service flow. The research revealed how trust signals, clarity, and visual warmth directly affected conversion
//
DELIVERABLES
Core Features
I ran competitor analyses of runner games, created rapid prototyping of gesture-based controls, and evaluated device performance across multiple specs — all to validate design decisions.
//
DELIVERABLES
Core Features
I ran competitor analyses of runner games, created rapid prototyping of gesture-based controls, and evaluated device performance across multiple specs — all to validate design decisions.
//
DELIVERABLES
Core Features
I ran competitor analyses of runner games, created rapid prototyping of gesture-based controls, and evaluated device performance across multiple specs — all to validate design decisions.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 8.847 22.638 L 4.713 26.776 L 10.228 32.292 L 32.292 10.225 L 26.777 4.712 L 22.636 8.847 L 25.396 11.604 L 22.636 14.366 L 19.879 11.606 L 17.121 14.366 L 19.879 17.124 L 17.121 19.882 L 14.363 17.124 L 11.603 19.882 L 14.363 22.64 L 11.603 25.399 L 8.847 22.636 Z M 28.156 0.573 L 36.429 8.847 C 36.795 9.212 37 9.708 37 10.225 C 37 10.743 36.795 11.239 36.429 11.604 L 11.605 36.429 C 11.239 36.795 10.743 37 10.226 37 C 9.709 37 9.213 36.795 8.847 36.429 L 0.574 28.155 C 0.208 27.79 0.003 27.294 0.003 26.776 C 0.003 26.259 0.208 25.763 0.574 25.398 L 25.398 0.573 C 25.764 0.207 26.26 0.002 26.777 0.002 C 27.294 0.002 27.79 0.207 28.156 0.573 Z M 22.636 30.911 L 25.396 28.153 L 29.769 32.528 L 32.526 32.528 L 32.526 29.77 L 28.154 25.396 L 30.912 22.638 L 36.055 27.779 L 36.055 36.054 L 27.781 36.054 L 22.638 30.911 Z M 6.09 14.362 L 0.572 8.847 C 0.391 8.665 0.247 8.45 0.149 8.214 C 0.051 7.977 0 7.723 0 7.467 C 0 7.21 0.051 6.957 0.149 6.72 C 0.247 6.483 0.391 6.268 0.572 6.087 L 6.09 0.571 C 6.455 0.205 6.951 0 7.468 0 C 7.986 0 8.482 0.205 8.847 0.571 L 14.367 6.087 L 11.605 8.847 L 7.468 4.708 L 4.711 7.468 L 8.847 11.602 Z" fill="rgb(255, 255, 255)" height="37px" id="H4UxJLXTe" transform="translate(1.5 1.5)" width="37px"/></svg>)
Website Design
A conversion-optimized, responsive layout system tailored to service workflows
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 16.258 20.032 C 16.258 19.872 16.128 19.742 15.968 19.742 L 3.774 19.742 C 3.614 19.742 3.484 19.872 3.484 20.032 L 3.484 32.226 C 3.484 32.386 3.614 32.516 3.774 32.516 L 15.968 32.516 C 16.128 32.516 16.258 32.386 16.258 32.226 Z M 32.516 20.032 C 32.516 19.872 32.386 19.742 32.226 19.742 L 28.161 19.742 C 28.001 19.742 27.871 19.872 27.871 20.032 L 27.871 32.226 C 27.871 32.386 28.001 32.516 28.161 32.516 L 32.226 32.516 C 32.386 32.516 32.516 32.386 32.516 32.226 Z M 32.516 3.774 C 32.516 3.614 32.386 3.484 32.226 3.484 L 3.774 3.484 C 3.614 3.484 3.484 3.614 3.484 3.774 L 3.484 7.839 C 3.484 7.999 3.614 8.129 3.774 8.129 L 32.226 8.129 C 32.386 8.129 32.516 7.999 32.516 7.839 Z M 19.742 32.226 C 19.742 34.31 18.052 36 15.968 36 L 3.774 36 C 1.69 36 0 34.31 0 32.226 L 0 20.032 C 0 17.948 1.69 16.258 3.774 16.258 L 15.968 16.258 C 18.052 16.258 19.742 17.948 19.742 20.032 Z M 36 32.226 C 36 34.31 34.31 36 32.226 36 L 28.161 36 C 26.077 36 24.387 34.31 24.387 32.226 L 24.387 20.032 C 24.387 17.948 26.077 16.258 28.161 16.258 L 32.226 16.258 C 34.31 16.258 36 17.948 36 20.032 Z M 36 7.839 C 36 9.923 34.31 11.613 32.226 11.613 L 3.774 11.613 C 1.69 11.613 0 9.923 0 7.839 L 0 3.774 C 0 1.69 1.69 0 3.774 0 L 32.226 0 C 34.31 0 36 1.69 36 3.774 Z" fill="rgb(255, 255, 255)" height="35.99999943124392px" id="ASZ9MmQH8" transform="translate(2 2)" width="36px"/></svg>)
Visual System
Unified color palette, iconography, and typography for consistent brand presence
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 10.849 7.025 C 13.239 7.268 15.103 9.285 15.103 11.738 L 15.103 12.006 C 16.525 12.191 17.711 13.12 18.258 14.393 C 19.799 14.467 21.109 15.413 21.709 16.75 C 23.839 16.839 25.539 18.59 25.539 20.742 L 25.539 26.348 C 25.539 29.063 24.502 31.676 22.64 33.652 C 20.628 35.789 17.822 37 14.886 37 L 13.138 37 C 10.343 37 7.764 35.496 6.389 33.062 L 0.644 22.9 C -0.429 21.001 -0.141 18.623 1.355 17.035 C 2.508 15.812 4.108 15.319 5.627 15.518 L 5.627 11.738 C 5.627 9.121 7.748 7 10.365 7 Z M 10.365 10 C 9.405 10 8.627 10.778 8.627 11.738 L 8.627 21.553 L 8.617 21.602 C 8.586 21.693 8.472 21.732 8.392 21.678 L 8.355 21.643 L 6.56 19.258 C 5.822 18.279 4.38 18.2 3.539 19.092 C 2.944 19.723 2.829 20.669 3.256 21.424 L 9 31.586 C 9.79 32.984 11.23 33.883 12.818 33.99 L 13.138 34 L 14.886 34 C 16.863 34 18.759 33.235 20.179 31.875 L 20.457 31.596 C 21.794 30.176 22.539 28.298 22.539 26.348 L 22.539 20.742 C 22.539 20.19 22.091 19.742 21.539 19.742 L 19.06 19.742 L 19.06 18.385 C 19.06 17.901 18.717 17.497 18.261 17.404 L 18.06 17.385 L 15.582 17.385 L 15.582 15.969 C 15.582 15.417 15.134 14.969 14.582 14.969 L 12.103 14.969 L 12.103 11.738 C 12.103 10.778 11.325 10 10.365 10 Z M 9.811 0 C 15.229 0 19.621 4.392 19.621 9.811 C 19.621 10.691 19.503 11.544 19.285 12.355 C 18.849 12.239 18.392 12.171 17.92 12.164 C 17.485 11.797 16.994 11.494 16.461 11.27 C 16.564 10.799 16.621 10.312 16.621 9.811 C 16.621 6.049 13.572 3 9.811 3 C 6.049 3 3 6.049 3 9.811 C 3 10.433 3.086 11.035 3.242 11.607 L 3.242 13.238 C 2.45 13.362 1.673 13.625 0.953 14.033 C 0.342 12.754 0 11.322 0 9.811 C 0 4.392 4.392 0 9.811 0 Z" fill="rgb(255, 255, 255)" height="37px" id="etyd27ATs" transform="translate(7 1)" width="25.538860364132518px"/></svg>)
Booking Flow
Streamlined multi-step process with real-time form validation and progress tracking
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 12 21.333 L 12 8 L 2.667 8 L 2.667 21.333 Z M 12 5.333 L 12 1.333 C 12 0.98 12.14 0.641 12.39 0.391 C 12.641 0.14 12.98 0 13.333 0 L 25.333 0 C 25.687 0 26.026 0.14 26.276 0.391 C 26.526 0.641 26.667 0.98 26.667 1.333 L 26.667 22.667 C 26.667 23.02 26.526 23.359 26.276 23.61 C 26.026 23.86 25.687 24 25.333 24 L 1.333 24 C 0.98 24 0.641 23.86 0.391 23.61 C 0.14 23.359 0 23.02 0 22.667 L 0 6.667 C 0 6.313 0.14 5.974 0.391 5.724 C 0.641 5.474 0.98 5.333 1.333 5.333 Z M 14.667 2.667 L 14.667 21.333 L 24 21.333 L 24 2.667 Z M 4 17.333 L 10.667 17.333 L 10.667 20 L 4 20 Z M 16 17.333 L 22.667 17.333 L 22.667 20 L 16 20 Z M 16 13.333 L 22.667 13.333 L 22.667 16 L 16 16 Z M 16 9.333 L 22.667 9.333 L 22.667 12 L 16 12 Z M 4 13.333 L 10.667 13.333 L 10.667 16 L 4 16 Z" fill="rgb(255, 255, 255)" height="24px" id="EfSqtFdR7" transform="translate(6.5 8)" width="26.666700000000002px"/></svg>)
Service Explorer
Interactive comparison tool for features, pricing, and service types
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M 2.667 2.667 L 2.667 24 L 18.667 24 L 18.667 2.667 Z M 1.333 0 L 20 0 C 20.354 0 20.693 0.14 20.943 0.391 C 21.193 0.641 21.333 0.98 21.333 1.333 L 21.333 25.333 C 21.333 25.687 21.193 26.026 20.943 26.276 C 20.693 26.526 20.354 26.667 20 26.667 L 1.333 26.667 C 0.98 26.667 0.641 26.526 0.391 26.276 C 0.14 26.026 0 25.687 0 25.333 L 0 1.333 C 0 0.98 0.14 0.641 0.391 0.391 C 0.641 0.14 0.98 0 1.333 0 Z M 10.667 20 C 11.02 20 11.359 20.14 11.609 20.391 C 11.859 20.641 12 20.98 12 21.333 C 12 21.687 11.859 22.026 11.609 22.276 C 11.359 22.526 11.02 22.667 10.667 22.667 C 10.313 22.667 9.974 22.526 9.724 22.276 C 9.474 22.026 9.333 21.687 9.333 21.333 C 9.333 20.98 9.474 20.641 9.724 20.391 C 9.974 20.14 10.313 20 10.667 20 Z" fill="rgb(255, 255, 255)" height="26.66664px" id="jDZieYxsM" transform="translate(9.5 6.5)" width="21.333299999999998px"/></svg>)
Mobile Design
Adaptive UI ensuring seamless experiences across phones and tablets
Website Design
A conversion-optimized, responsive layout system tailored to service workflows
Visual System
Unified color palette, iconography, and typography for consistent brand presence
Booking Flow
Streamlined multi-step process with real-time form validation and progress tracking
Service Explorer
Interactive comparison tool for features, pricing, and service types
Mobile Design
Adaptive UI ensuring seamless experiences across phones and tablets
Website Design
A conversion-optimized, responsive layout system tailored to service workflows
Visual System
Unified color palette, iconography, and typography for consistent brand presence
Booking Flow
Streamlined multi-step process with real-time form validation and progress tracking
Service Explorer
Interactive comparison tool for features, pricing, and service types
Mobile Design
Adaptive UI ensuring seamless experiences across phones and tablets
//
SOLUTION
Warm, Trust-First Design
A clear, approachable web experience that helps users find the right solution and take action quickly — turning browsing into engagement
//
SOLUTION
Warm, Trust-First Design
A clear, approachable web experience that helps users find the right solution and take action quickly — turning browsing into engagement
//
SOLUTION
Warm, Trust-First Design
A clear, approachable web experience that helps users find the right solution and take action quickly — turning browsing into engagement
