FIF Header bg 1.1.png

Fixitfaster Branding & Website

 Branding & Visual design 

Project Overview.

With Fixitfaster pivoting and about to start heavily investing in their marketing strategy they needed a brand refresh and re-designed website to stand out in the busy home services space.

My Role.

I led the redesign of Fixitfaster as the sole designer. I was responsible for carrying out all branding, information architecture, wireframing, prototyping, user testing & visual design. I worked closely with the relevant stakeholders & development teams through this project.

Visual Design User Testing Style Guide Wireframing Info Architecture

The Problem.

The key issue was that Fixitfaster had an identity crisis. As you can see from the original style guide below it was a complete swath of colours and text styles that did not compliment one another. There was no clear voice & tone and the copy contained too many insider phrases (i.e. ‘finders’ & ‘fixers’) which new users didn’t understand. There were also numerous UX issues on the original website. Most of these stemmed from Info architecture issues.

Old Style Guide

FIF_Styleguide_old_3.1.jpg

Old Website

FIF_web_old_1.3.jpg

Old App Store Screenshots

New Website.

Home page

FIF Consumer 1.2.png

Business Home page

Business Features page 1

Pricing page

Download page

Other Deliverables.

App Store - Consumer App

App Store - Service Provider App

Marketing Material

Style Guide.

Primary Colours
Primary Colours

Neutrals
Neutrals

Secondary Colours
Secondary Colours

Primary Colours
Primary Colours

1/3
Font Family
Font Family

Typography
Typography

Typography Hierarchy
Typography Hierarchy

Font Family
Font Family

1/3
UI Components 1
UI Components 1

UI Components 2
UI Components 2

UI Components 3
UI Components 3

UI Components 1
UI Components 1

1/3
Icons
Icons

Illustrations
Illustrations

Illustration - Close up
Illustration - Close up

Icons
Icons

1/3