BORD
-
Overview
While working as a UX intern, I was walked though the process of creating a prototype for an app from start to finish. I took charge of my own project and produced work for every step of the way until I had a final, clickable prototype.
-
Role
I worked solo on this project with assistance from my mentor at the internship. I created the ideas, wireframes, components, and prototype with his guidance along the way.
-
Timeframe
My internship lasted five months. During this time I learned all about user experience design while developing this project as I went along.
Research
Key findings
Target Market: Young people ages 16-25, use their phones for everything, finds activities to do on social media.
I conducted user research to find:
1. Amount of free time
2. Types of activities preferred
3. Values when looking for something to do
4. Sources of inspiration when looking for something to do
Information architecture
After doing research to confirm the concept of the project, I moved on to map out the app in Illustrator. I created this information architecture map to have a visual representation of the basic screens I would need to develop next.
Some of my research on other site’s breadcrumb use
Flowcharts
Next, I created flowcharts to map the user flows during a variety of journeys. This helped me understand how the user would get from point A to B in order to make that experience pain free and elegant.
Wireframing
After mapping flows, I wireframed the app. I created shells of each page without any branding or colors to best set the layout and experience. I used Sketch to create these wireframes and InVision to connect them.
A few wireframes
Branding
Before making final screens, I came up with my branding and color palette. I chose Futura as the main font for its youthful and fun personality. I chose these icons for their clean and easily identifiable look. The bring and airy colors represent the youthful and outgoing vibe of BORD. The color palette if bold and has lots of contrast that helps make the app more inclusive and accessible.
Final screens & prototype
Below are some final screens created with Sketch and InVision. Please check out the link below to explore my clickable prototype!
