Mobile Onboarding Brief

I’m back for another brief! This one is from Briefbox’s Quick UI Challenges, and the goal is to create an onboarding experience for a mobile app.

Choosing the App

We can choose whichever app we want to create onboarding screen layouts for, so there is quite a bit of freedom here.

I’ll make layouts for my own app idea. Since I want to go with something that matters to me, an education app seems like a good choice.

Screen Design

My audience is young adults (high school and college students). The app’s purpose is to help students plan their lives after graduation, starting from higher education and careers to finances. I think I’ll call it FuturePlan.

First, I start with the logo and fonts. Since the app is for students, I choose a modern-looking type like Karla.

For colors, blue gives off a modern feel, so I decide to go with a monochromatic palette (https://coolors.co/03045e-023e8a-0077b6-0096c7-00b4d8-48cae4-90e0ef-ade8f4-caf0f8). (I end up using just two colors, though.)

For each screen, I want to place an illustration under the logo, followed by some text. I find illustrations from Vektor.pro, then start putting each screen together.

The rest is mostly experimentation. I play around with colors, images, and text to achieve the feel I want for the onboarding.

Default image
Catherine Chen
Inspire and be inspired.
Articles: 34

Leave a Reply