Overview

Chicago ISFFA needed to redesign their website because it was extremely outdated and difficult to navigate. Their website was going to be their primary way of signing up for membership and a way to receive donations online. It would also act as a portal for their archive of photos.

The Challenge

The biggest challenges that I faced during this project was learning how to properly set up the payment and forms system. The client wanted to use this website as a way for people to sign up for membership and to set up donations, so it was crucial that these were done correctly.
Roles:
Web Designer
• Created sitemaps, mid and high fidelity wireframes
Web Developer
• Developed the website through WordPress//Divi

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.