NS


Sk8 Lover Project

Shop | UX Research | UX Design | Visual Prototype | 2022


Project Overview

It's very difficult to find a unique design on skateboards and shops only offer standard colors.

To understand the user and create a product of them, I defined some responsibilites. Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

The Product

Design an efficient flow to order custom skateboards online.

Project Duration

May 2022 to June 2022

The Goal

A friendly site that the user can create their own skateboard design.

My Role

UX designer covered the design process from beginning to end on my own.

User Research: Summary

I conducted interviews and created empathy maps to understand the users I'm designing for and their needs. A primary group identified through research was that users want a unique design to their skateboards because is part of their lives and stickers doesn't provide what they want to convey.

The user group confirmed that is frustrating not to be able to personalize something that is so essential in everyday life, they use it to go to school, work, parks, friend's houses, etc and “everyone use the typical black skateboard or designs that don't represent me”.

User Research: Pain Points

Accessibility

It's frustrating that are no platforms to design a complete skateboard, from model to wheels.

Time

It's stressful and overwhelmed search several stores to make a skateboard by you own.

Experience

Online skateboards shopping websites don’t provide an engaging browser experience.

Problem statement:

Rodrigo is a young student who needs a platform to design his own skateboard because it's important to feel identified with it.

imagen persona

User Journey Map

Goal: Create a personalized skateboard design in a short time.

 Imagen Journey Map

Site Map

Difficulty with website navigation was a pain point for users, so I used that knowledge to create a sitemap after design the journey map.

My goal here is to make strategic information architecture decisions that improve overall website navigation. The structure I chose was designed to make things simple and easy.

Site Map

Low Fidelity Prototype

I sketch my paper wireframes, worrying that had different screen size variations. Then I moving from paper to digital wireframes made it easy to understand how the redesign could help user points and improve the user experience. The next step was to create the Sk8 Lover low fidelity prototype. At this point, I had receive feedback for my peers about things like placement of buttons and page organization. I made sure to listen to their feedback, and implemented several suggestions.

Site Map

Usability Study: Parameters

Let's explore the parameters that shape this insightful investigation

Study Type

Unmoderated usability study

Location

Chile, remote

Participants

7 participants

Length

30-60 minutes

Usability Study: Findings

Personalize: Once at the check out screen, users didn’t have a way to edit quantity of items in the cart.

Stressful: It's stressful and overwhelmed search several stores to make a skateboard by you own.


Based on the insights from the usability study and all the feedback, I made changes to improve the final product through mockups. I included considerations for additional screen sizes in my mockups based on my earlier wireframes. Because users shop from a variety of devices, I felt it was important to optimize the browsing experience for a range of device sizes, such as mobile and tablet so users have the smoothest experience possible.

High Fidelity Prototype

My high fidelity prototype followed the same user flow as the low prototype, and included the design changes made after the usability study, as well as several changes suggested by my peers.

Accessibility considerations

I used headings with different sized text for clear visual hierarchy.

I used clear colors to users that have visual problems.

I designed the site with alt text available on each page for smooth screen reader access.

Takeaways

Impact: Skateboards users share that was very easy to navigate in a friendly website, that has clear images and a visual hierarchical.

Personalize: I learned that include personalized things has a huge impact on the user experience. The most important takeaway for me is to always focus on the real needs of the user when coming up with design ideas and solutions.

Let's connect

Thank you for your time reviewing my work on the Sk8 lover! If you'd like to see the full presentation or contact me, please click here