Freelance Project

Website Design

One of my freelance project to redesign a website for a HVAC business

mockup
OVERVIEW

R & T Services provides heating and air conditioning services throughout the Billings area. They wanted to update their website and increase conversions for their services.

I was the web designer on this project and was tasked with creating wireframes, mockups, and building the website with Divi.

My Role:
Web Design, Web Development, Visual design & Testing

Duration:
Dec 2019 - March 2020

Tools:
Adobe XD, Photoshop, Illustrator, Divi

THE WEBSITE

The client wanted to update their current website to look more modern and appealing to their target audience. I had a lot of creative freedom in visual rebranding of the website.

oldsite
Home Page
oldsite3
About Page Page
oldsite2
Gallery Page
oldsite4
HVAC Services Page
CLIENT BRIEF
Project Overview

R & T develops one-of-a-kind creations to fit the unique needs of quality living room renovations. Our pride and integrity show in our works excellence. Our creations are 100% unique. No two customers leave with the same cookie cutter product that competitors try to force on them.

Functionality Wishlist
  • Needs a “Pay Your Bill” and “Financing” button on the right side of the navigation menu.
  • Awards, certifications, Carrier Logo (required) section near footer (same on all pages)
  • Coupons and hours front and center
  • Request appointment button above the fold.
Target Audience

35-60 years old, Top 50% income, and home owners. Looking for financially stable target group that can afford our services and parts.

Communication Strategy
  • Increase HVAC awareness for sales and service, Fireplace - increase store traffic
  • 10% Increase in sales vs LY in both divions
  • Use colors within the logo
  • People-based. This is to emphasize emotion and family health, most HVAC sites focus on the products and people doing the work. We should focus on the people buying and using benefits.
USER PERSONA
Understanding the User

35-60 years old, Top 50% income, and home owners. Looking for financially stable target group that can afford our services and parts. Needed a website that would draw in people in this target audience.

persona
INSPIRATION

I found inspiration and did comparative analysis from other HVAC serviced websites.

inspire1
inspire2
inspire4
inspire5
WIREFRAMES
Low-fidelity Mockups

I started out sketching various my ideas for the layouts with pen and paper for the pages I needed. Then I made low fidelity wireframes in Adobe XD to send to client for feedback and iteration.

home
About Us Page
about
About Us Page
blog
About Us Page
child
About Us Page
service
About Us Page
services
About Us Page
contact
About Us Page
gallery
About Us Page
VISUAL DESIGN
High-fidelity Mockup

I used AdobeXD to produce the high-fidelity mockups where I added the visual colors, typography, and images to send to client for feedback.

newhome
Home
newabout
About Us
newparent
Blog Parent
newblog
Blog Child
newservices
Services Parent
newchild
Services Child
newcontact
Contact Page
newgallery
Gallery Page
STYLEGUIDE
Colors

The colors I chose were from the orignal logo design and were approved by the client.

colors
Typography

I selected only two fonts that were legible and could look appealing to their selected audience.

text
THE WEBSITE

Click here to view the live website that I built with Divi.

mockupnew
REFLECTION
Lessons learned

This was one of the first projects that I designed as a freelancer. The process was very streamlined and I learned how to build a website with Divi.

MORE PROJECTS
aiga
AIGA Showcase
sunpass
Sunpass App
ohealth
Orlando Health Portal