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 Shopify 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
After
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
After
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
After