2019 - 2020

HomeExpert

contractor referral Website, Web + Mobile App   •   UX/UI, Interaction
mtc design mockup

Intro.

HomeExpert is a contractor referral tool that home improvement service professionals can rely on to find the best leads for their businesses. The brand needed a fresh new look, way to draw in customers for contractors, and a way for those contractors to manage their leads. The project consists of these main areas:

  • wireframe icon

    Website Redesign

    HomeExpert was in need of some clear objective-defining and an updated look. My goal in designing was to make the brand feel more real and give a sense of belonging to both types of users, while aesthetically keeping them engaged.

  • wireframe icon

    Web App

    The HomeExpert network of pros is a platform that allows home service providers to manage their jobs, public profile, and much more.

  • wireframe icon

    Mobile App

    In the first release of the Pro mobile app, users have access to a few of the same features to manage their leads and account information as they do on web.

Role.

During my time at Equate Media, I lead the design efforts for the contractor referral website, HomeExpert, working on various projects to reimagine the brand. Here you’ll find details on a few of those projects including the brand’s Website Redesign + Web and Mobile App for Service Providers.

  • wireframe icon

    Design: In creating an all-new look of the brand’s online presence, I added new features and brought it up to date.

  • prototype icon

    Prototype: My efforts in creating a life-like experience was essential to expressing the intended site flow.

  • design system icon

    Style Guide: I created an organized Design System to adhere to keeping all elements and styles consistent.

Website Redesign

Web + Mobile App

Key Views

  • Home

    Here we needed to capture user’s attention and display HomeExpert as a reliable source for vetted professionals and quality home owner leads.

  • Service Pro Landing

    This is the main landing page for Service Pros to learn about and gain exclusive access to the network of HomeExpert pros and its lead generating tools.

  • Start Project

    A landing page was created to give home owners a few different ways of jumping right into the process for starting a home improvement project.

  • Directory

    Once a homeowner has searched within the Find a Pro page, they’ll get a list of HomeExpert professionals and more details about their searched service.

  • Cost Guides

    As a way of gaining quality leads, we created a section for homeowners to get estimated cost ranges for their intended project based on specified details.

  • Pro App Landing

    We created a landing page for Service Pros to learn about and download the new mobile app that allows them to manage their leads on iOS and Android.

Designing

The business objective for design was to feel friendly and approachable yet reliable. My design thinking for the website was to make it clean, clear, and concise. I kept most of the original color scheme limiting it to only a few primary and secondary colors. While I kept the same font as well, I used different weights and colors to express hierarchy.



I created subtle graphics, icons, and added photos where necessary to add a touch of warmth and approachability. Intentional and defined sections were laid out as well as clear wayfinding in the forms of a breadcrumb bar and simple navigation.

  • Mockups
    HomeExpert Design 1
    Views of HomeExpert Home page
  • HomeExpert Design 2
    Several HomeExpert Service Pro screens
  • HomeExpert Design 3
    HomeExpert Directory and Cost Guide pages
  • Mobile
    HomeExpert Design Mobile
    Collage of HomeExpert Mobile website screens
  • Style Guide
  • HomeExpert Design System 1
    HomeExpert logo, type, grid, icons, and buttons
  • HomeExpert Design System 2
    HomeExpert forms, alerts, tooltips, calendar, and pricing table
next projectnext arrowBlack Panther