top of page
Cover

Intro

My Role

Web Designer

Year

2021

Azio is a design-focused keyboard brand that creates premium workspace essentials.

To reflect their minimalist, design-focused philosophy, I redesigned their website with a brand-coherent style guide and updated their visual design to a modern, sleek aesthetic.

Problem

1. Brand consistency and visual coherency in the website design

2. Lack of mobile-friendly format when majority of audience are mobile users

Process

1

Discover

Audit and analyze the existing user experience.

2

Define

Develop ideas for improved user journey and consistency.

3

Design

Iterate and tweak design with feedback from team.

How can we create a user experience on the website that is consistent with the brand and builds trust?

Brand Reputation

The first impression of visitors to the website is the homepage so I added a full-screen banner for more impact.

 

Trust badges underneath the main banner build consumer trust in the brand and adding in an "About" section gives a stronger statement of the history and mission of the brand.

Before

Old-Website-Homepage

After

New-Website-Homepage

Visual Hierarchy

Decreasing the space on the borders and increasing the negative space between sections adds more focus on the subject.

The main focus are the feature images, sections second, and descriptions last. I organized the cluttered text into clickable tabs.

Before

Old-Website-Product

After

New-Website-Product

Compatible Mobile-Version

Looking at the website traffic, most of the consumers are mobile users however Azio's website was not optimized for mobile-format so I created a user-friendly mobile experience.

Before

Old-Mobile-Homepage
Old-Mobile-Homepage

After

New-Mobile-Homepage
bottom of page