HOUSECALL PRO

Software company for home service professionals

Role: Creative director (research, UX/UI design, branding, website, events, advertising material, editorial)

Led a team of 8 people (2 designer, 1 art director, 2 content writers and 2 videographers) and worked closely with a development team of 4 people.

—————

Overview 

Housecall Pro is a cloud-based field service management app for service professionals to automate workflows and streamline technician dispatch. This solution includes a native mobile app and complementary web portal and serves a wide range of industries, such as carpet cleaning, window cleaning, plumbing, electrical, HVAC, and more.

As the team and the amount of products offered on the platform grew it became increasing important to create a system that was visually consistent and allowed the customer to consume the information easily. 

identity-design-mockup-01-scene-01_2.jpg
workspace-mockup-01.jpg

Problem: 

After sitting through a number of sale demos and feedback sessions with the customer, it was evident that Housecall pro needed a new design language across the web, marketing and product that spoke to their customer and provided a more consistent and intuitive experience. 

Goals:

Design Goals: Appealing, intuitive design that resinated with the customer.

Business Goals: bring more leads and make the process more efficient. 

Early feedback from customer: 

“I’m not sure if the product is for me”

“I rather talk to someone”

“It doesn’t look genuine” 

Solution:

  1. Rebrand the company’s visual language and communication.

  2. Strategies communication distribution and find solutions to reach the customer where they are.

  3. Design a system to maintain consistency across all platforms.

Challenges: 

  1. Alignment: Making sure that the leadership team understood the needs and requirements of the customer, establishing goals and what are the necessary steps to take

  2. Hiring: This wasn’t a one person job and the first step was to build a design team

  3. Work priority: Prioritizing the work that helped moved the business forward while simultaneously implementing a new language and system. We wanted to make sure that as we were developing and implementing a new language that we aren’t hindering the work needed for the business to run and/or expand.

  4. Agile work system: It was important to have a flexible work flow and to have the end user involved in the process of the redesign so we can get quick feedback and pivot if we need to.

Discovery:

GENERAL RESEARCH

  • Unprecedented territory

  • Lack of data

  • Very little research

  • Community not given much importance

GETTING TO KNOW THE USER

  • Proud of their craft

  • Hard working / Patriotic

  • Not tech savvy

  • Blunt and straightforward

  • Loved their trucks

  • Super busy

  • Competitive

  • Want recognition, sense of community

OPPORTUNITIES

  • Establish a new category in the industry

  • Valued authenticity

  • Use trucks for marketing

  • Social gatherings

  • Gamification

  • Use the customer to tell the brand story

  • Give them the spotlight

  • Looking for ways to save time on the business end

 

Values:

Brand values:

Authentic

Bold

Down to earth

Concise

Powerful

Uplifting


Design principles: 

Intuitive . Consistent . Straightforward

Elements of design

Grid system: 

Every measurement was spaced based on increments of 8. 


Colors: 

Brand Guide_web-02.jpg

Typeface:

Brand Guide_web-04.jpg

Icons:

Brand Guide_web-03.jpg

Buttons: 

Tone and voice:

Brand Guide_web-06.jpg

Photography and videography:

Brand Guide_web-07.jpg

Illustrations:

Implementation:

Internal:

The components were initially collected and saved in a sketch master file, we also created a web link so the information was readily available to other users in the company. The efficiency and productivity of creating and iterating designs increased by 600% after setting up this system along side an agile workflow.

External: 

We saw an heighten influx of our current and new customer inquiring about the product and referring it to other people. 

Seeing the success of launching our new brand, it got picked up by our competitors.

Ab testing: 

A big part of determining whether the design was effective and met our goal was to AB test it. One example is the navigation bar we tried a few different versions before finalizing the current flow of information.

 

Overall look:

web-mockup-V2-front.jpg
web-mockup-V1-front.jpg
W6.jpg
web-mockup-V3-front.jpg
Screen+Shot+2019-11-25+at+2.36.04+PM.png
1.jpg
x.jpg
Screen%2BShot%2B2019-11-11%2Bat%2B11.14.47%2BAM.jpg
Screen+Shot+2019-11-11+at+11.14.07+AM.png
Screen+Shot+2019-11-22+at+5.58.10+PM.png
Screen+Shot+2019-11-22+at+5.57.42+PM.png
Camo-Creative-Free-patch-mockup.jpg
Superpro-final.jpg
Free-cap-mockup-MockupHero.jpg