UI/UX Design • User Research

Saturation Eyewear

E-commerce mobile website research & UI design for an eyewear company
The home screen of the Saturation Sunglasses mobile website, it links to an interactive prototype of the mobile website.

Overview

Introduction

A mobile e-commerce application that focuses on selling sunglasses and goggles to the action-sports crowd.

Users/Audience
  • 17 – 29 year old age group
  • Cost conscience
  • Single
  • With a High School, or college degree
  • All genders
Role/Responsibilities
  • User Experience Designer
    – User Research
    – User Testing
    – Visual Design
Constraints
  • 10 week project timeline
  • Saturation sign-up account only
  • Payment options integration
  • New brand to market

Process

I developed an eCommerce website that focuses on selling affordable sunglasses and goggles to teens and young adults of all genders, who participate in alternative sports, like skateboarding, surfing, snowboarding, BMX, or similar activities.

Define

I started my process by exploring the user by conducting user research to gain insight into their needs. I applied UX methodologies to understand what tasks are needed to accomplish the goal of purchasing a pair of sunglasses through the website. I created wireframes and a prototype for a visual representation of these tasks. And finally, I tested the product to find any gaps in the application and fix any issues that arose.

Create/Design

I sketched and developed wireframes to propose elements for screens and web pages to show how the tasks needed to purchase an item and what steps are needed for the user to accomplish their goal of purchasing merchandise through the website.

User Testing/User Research

I conducted user testing to find design flaws I might otherwise overlook. With user testing, you can gain an understanding into how users interact with your product. And you get invaluable insights into how well the design of your product works.

Results

Several problems arose during the testing of the design. Highlighting the most pressing problem first, with the solutions to that problem listed below:

Problems: Several users were confused with the menu function, they seemed lost when they tried to complete the “Add an item to your cart” task.

Solution: I created a gender-specific headline topics for the main menu categories.  I kept gender-specific buttons lower on the screen to quickly access seasonal category highlights — goggles for winter, sunglasses for other seasons. I created better-organized menus with simplified categories, and subcategories for clarity. I re-configure the navigation by removing the hamburger icon and replacing it with a revised menu design.

For more information

In addition to the problems found above, other user experience concerns arose during user testing. Please access the case study through the button below to learn more.

Drop me a Line

Use this form to send me a comment, or if you would like to request any additional information.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.