Overview

The task of this project was to develop an easy to follow user flow for users to pick out computer hardware from start to finish. The product must be easy to use people of all skill levels can use it.

The Challenge

Individuals who are less experienced with PC hardware need a way to easily pick parts without the fear of parts being incompatible. This will help reduce anxiety among users because they won’t have any self-doubt and won’t have to spend a large amount of time researching.
Roles:
Product Designer
• Created sitemaps, user flows, mid and high fidelity wireframes
• Developed visual style guide
Researcher
• Conducted user interviews
• Conducted user surveys
• A/B testing
• Competitor analysis

Research

The first step of the project was to research the need for this product. Based on my results, I found that many people are unaware of how to both assemble a computer and choose proper hardware. From my surveys and interviews, I was able to establish some user pain points.
55% of people from my
findings show that they
can’t confidently assemble a PC.
90% of people from my
findings show that having an
app would be beneficial in
their PC building process.
45% of people from my
findings show that they have
never built their own computers.

How it influenced my design

By minimizing the design with a more straight-forward, step by step process, it will allow all types of users ranging from beginner to advanced to easily customize their own computer.

Personas

Allison Jones
“I want a powerful computer for my post-production work
but I don’t know the first thing about computers.”

Pain Points:
• Doesn’t know how to research for parts.
• Doesn’t know how to assemble a PC.
• Feeling overwhelmed with all the PC terms.

Jerry Smith
“I’m confident enough to assemble a computer, but I don’t know
where to begin when it comes to researching for the parts.”

Pain Points:
• Doesn’t know how to research for parts.

User flow

Wireframes

Visual design

Moodboard
Typography
The main typeface used in BUILT is Gills Sans. This typeface was chosen to give a more modern look since Sans Serifs are associated with the younger generation.
The next typeface used in BUILT is Eurostile.  This typeface has a more “tech” look to it when used in all caps.
Color Palette
The main color used in this app is a dark blue, which is used to give a futuristic look and feel. The yellow, red/pink, and green are used as accent colors to help strengthen the vibe.

Choose between
pre-built computers

Learn about hardware

Customize your own PC

Key takeaway

Many people do not fully understand how to research for computer hardware and how to research for compatible parts. BUILT will help users choose between parts that work together, this can help reduce stress and give the user a more friendly experience.