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.

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