top of page

HITCHHIKE

APP

hitchhike_mockup1.png
hitchhikeappicon_flat.png

THE PROJECT

HitchHike is my solution to the transportation problem people are faced with. I created this with a younger demographic in mind, specifically, college students or young adults without cars to rely on with long-distance travel. 

 

Since ride-sharing apps are not a cost-effective solution for young adults, HitchHike takes a non-profit approach to this by acting as a message board connecting users to each other.

1: Market and user research, personas, and the user journey

2: Napkin sketches and wireflows

3: Prototyping and low-fidelity user testing

4: High-fidelity UI and design systems

5: Interactive prototype and user testing

[Section updates in progress]

PHASE ONE

Anchor 1

USER INTERVIEWS

I gathered four interviews verbally from people in their twenties with long-distance travel issues.

USER PERSONAS

I created three user personas using the interviews I gathered in Phase One. The three personas are fictional people.

hh_personas.png
Anchor 2

PHASE TWO

WIREFLOW SKETCHES

In this step, I mapped out the user flow of my app.

Untitled_Artwork 81.png

LOW-FIDELITY WIREFRAME

In Figma, I wireframed and roughly designed the different pages of my app, following the user flow I sketched out in the previous step. The design is crude in order to focus on the foundational fundamental aspects of my user flows.

Anchor 3

PHASE THREE

INTERACTIVE PROTOTYPE

I prototyped the following three flows on my low-fidelity wireframe: log into the app, create an account, and open a message.

USER TESTING

Next, I wrote user testing questions and recorded their navigation.

[TO BE ADDED]

Anchor 4

PHASE FOUR

BRANDING

My approach to the brand is to keep it youthful, bright, and modern. I opted for an orange and purple color combination and approached a minimal, yet fun, illustrative style. 

I wanted the iconography of HitchHike to feature a thumb to represent how hitchhikers signal to passersby. I finalized a flat style and experimented with a 3D style for the app icon. For the logotype, I altered the typeface and added a purple arrow to unify the branding and to reference the purpose of the app: traveling. I also animated a load-in screen, inspired by Uber.

hitchhike_3dlogo.png
hitchhikeappicon_flat.png
hitchhike_icon_3d.png
o blob shadow-03.png
colorsuit-04.png
carcolored-03.png
colorforest-04.png
color talking-04.png
illustration_bike-05.png
mailillus-06.png
notifcs-06.png

DESIGN SYSTEM

HIGH-FIDELITY USER INTERFACE PROTOTYPE

Anchor 5

PHASE FIVE

USER TESTING

For this phase, I came up with five questions and three users to interview for the general app navigation.

[TO BE UPDATED]

Users:

Questions:

  1. Can you tell me what you think of my icons? Do they make sense?

  2. How did you find the experience of using the app to create a post?

  3. What did you think of the layout of the content?

  4. How was the experience of signing up for an account?

  5. What do you think of the overall design and is there anything that seems missing or out of place?

DATA ANALYSIS & UPDATES

The final step was to analyze my collected data and apply that to an updated version of the flows to another Figma file. [TO BE ADDED]

bottom of page