School Ride Mockup

School Ride

A carpool app for parents of school-aged children.

View Prototype

Overview

School Ride is a carpool app for parents. Users can create and/or join local carpools that will get their kids to and from school.

Role

Lead Designer

Responsibilities

I handled all aspects of the design process from beginning to end, as the singular designer working on this project.

Overview

School Ride is a carpool app for parents. Users can create and/or join local carpools that will get their kids to and from school.

Role

Lead Designer

Responsibilities

I handled all aspects of the design process from beginning to end, as the singular designer working on this project.


Goal

The focus of this project was to provide users with a convenient way to get their kids to school that works for their schedule. The app needed to be flexible and easy to use so that parents can join carpools without a hassle.
The number one priority was the safety of the children. The app must make the users feel that it is secure and trustworthy, and live up to those expectations.


research

Competitive Audit

Research began by look into apps other carpool apps that shared the same target users as my app. By reading the reviews of those apps I learned which demographics would need to be represented in my personas, as well as what other app’s were lacking.

From this I created three personas to represent each user’s situation/demographic.

User personas.

Pain Points

My research also revealed these pain points in the competitor’s apps.

Other apps...

All of these pain points would be addressed in my final prototype.

design process

Paper Wireframes

Homepage A
Homepage B
Homepage C
Homepage D

User Flow

My initial user flow for creating a new carpool. The final app does not include the ability to search a school before getting to the create carpool form.

User Flow for creating a carpool.

Low Fidelity

Lo-Fi homepage.
Lo-Fi user profile.
Lo-Fi carpool page.
Lo-Fi create carpool form.

While the final homepage will be heavily iterated on, the core idea is the same. However, the other pages remain true to their final designs.


Design Iterations

Homepage no.1
First iteration
Homepage no.2
Second iteration
Homepage no.3
Final iteration

First Iteration

Issues:

  • cards are too small
  • homepage feels crowded
  • designs are bland

Second Iteration

Changes:

  • cards are bigger
  • easier to read
  • more personality

Issues:

  • too repetitive
  • top bar needs work

Final Iteration

Changes

  • cards have customization
  • improved top bar
  • colors are balanced

First Iteration

Issues:

  • cards are too small
  • homepage feels crowded
  • designs are bland

Second Iteration

Changes:

  • cards are bigger
  • easier to read
  • more personality

Issues:

  • too repetitive
  • top bar needs work

Final Iteration

Changes

  • cards have customization
  • improved top bar
  • colors are balanced

Carpool no.1
First iteration
Carpool no.2
Second iteration
Carpool no.3
Final iteration

First Iteration

Issues:

  • colors are flat and bland
  • layout needs work

Second Iteration

Changes:

  • matches the homepage customization
  • added hashtags
  • improved layout

Issues:

  • information is crowded

Final Iteration

Changes

  • "Join Carpool" moved to the top
  • profile is in its own section
  • information is bigger and better spaced

First Iteration

Issues:

  • colors are flat and bland
  • layout needs work

Second Iteration

Changes:

  • matches the homepage customization
  • added hashtags
  • improved layout

Issues:

  • information is crowded

Final Iteration

Changes

  • "Join Carpool" moved to the top
  • profile is in its own section
  • information is bigger and better spaced

Breakthrough

A major breakthrough point for me was designing the card customization. I was struggling with feelings of insecurity with my designs. I felt that they were too bland and amateur.

I came up with many designs for the card’s, and not all made the cut. I altered the color palettes for clarity and consistency several times until I felt it would be interesting but not distracting from the information. The addition of these cards took the Homepage from dull to vibrant.

This is the final component set, with 7 color choices, and 5 patterns:

Card customization.

Final Prototype

Final prototype mockup.

The final result was a comprehensive carpool app that allowed users to create or join carpools, and communicate with drivers or passengers through an in-app messaging system.
Safety features:

  1. sensitive information like addresses, or phone numbers are hidden unless the user has approved for you to view it
  2. in app messaging system allows parents to coordinate meet ups with drivers and passengers

Carpools can be viewed on the homepage, and results can be refined by schedule, school, or individual child. Users manage their carpools in one place with ease, making leaving carpools or deleting carpools simple. Top bar allows users to reach the notification center, messages, profile, create a carpool, or return to home from anywhere in the app.
Notification center tells drivers or passengers of any changes to carpools, as well as new messages, and information access requests.


View Prototype

final reflection

This was my first design project ever. I learned everything about figma and design from creating this app. It taught me the whole design process, begin to end. It also gave me confidence and experience with designing, which is priceless.
It was deeply satisfying to see the final product after all my hard work. I really enjoyed brainstorming all the possibilities and needs of my users, and then getting to bring my ideas into reality. My app got bigger and more thorough as I went along and it was a lot of fun.
What I learned:

  1. How to establish trust with users
  2. Ways to pretect information with design features
  3. How to fit a lot of information into a small space
  4. All the steps of the design process, from beginning to end
  5. Most importantly, how to use Figma!
Thank you for reading my case study!

return to portfolio →

×