Quality Air Filters

Identity  •  Visual Design  •  UI Design  •  UX Design

BRIEF

Give QualityAirFilters a refreshing new look to attract a younger target audience and keep up with competitors. Create a comprehensive brand identity across various social platforms and further develop the voice through animation 

Created at Tilted Chair Creative

Client - Quality Air Filters
Art Director & UI Designer - Annie Lin
Motion Graphics - GreatJob!

BECAUSE SOMEONE'S GOTTA REMIND YOU

Let's be honest–air filters aren't exactly the most interesting thing to sell to someone, much less convince them that they need a subscription service for it. QualityAirFilters is completely aware of that and they don't beat around the bush. With a fresh, frank new approach amongst the fluff-filled marketing of their competitors, QAF aims to win their customers over with 100% honesty. Oh and let's not forget about the free shipping too.

 

IDENTITY

In order to reach a younger target audience and stand out from their competitors, QAF adopted a vivid new look as well as a colorful personality.

Iconography helps to convey information quickly and makes their brand seem more approachable rather than a strict business transaction. 

 

SOCIAL MEDIA PRESENCE

Facebook cover photos update every few weeks to show the progression of a dirty filter, reminding their audience that filters must be replaced.

ANIMATED INTRODUCTION

STREAMLINING THE USER EXPERIENCE

QAF's old checkout process was clunky, unforgiving, and oversaturated with unnecessary content. I worked closely with the client to determine what could be cut from the checkout and how best to direct them through the steps. We highlighted important features such as their lower average cost per filter in order to convey the value of the product as well as installing a callout on the final step to direct them to more savings.

Varying checkout flows direct the user to unique screens depending on the number and type of items in the buyer's cart.

 
Checkout screens

Checkout screens

TAILORING FOR A MOBILE EXPERIENCE

With the arrival of a younger target market, the mobile experience was designed to convey information quickly and reduce loss of conversion. Certain pages gained touch features such as swiping through content rather than scrolling.