Create your account

Already have an account? Login here

Note: By joining, you will receive periodic emails from Coursetro. You can unsubscribe from these emails.

Create account

Design an App Onboarding Screen

Posted Jun 21, 2017

Ended 2017-07-04
5 entries (5 users)
Prize Guaranteed

Challenge Description

I recently released a 35 minute tutorial on creating an onboarding process with Ionic, so I figured it would be fun to create a design challenge that tasked you with handling just the design of a single onboarding screen for a fictional app.

Design Requirements

  • This onboarding screen will be based on an app that's for rating alcoholic beverages.
  • Do not create or show a logo or app name.

  • The slide title: "Find the best alcohol"
  • The slide description: "Users like you rate the alcohol they're drinking. This makes it easy to find the good stuff."
  • The slide title and description must be present on your slide.
  • You must include some unique illustration or element in your slide that illustrates the idea of finding alcohol.
  • Submit your 1 entry by: July 7, 2017


Submit with Good Design Principles in Mind

The whole purpose of these challenges is to get better at design. In this case, it's UI design. There are a few design fundamentals that you should consider when designing UI's:

  • Use good white space. This means giving your elements room to breathe.
  • Use good color. This means using colors that are relevant to the subject and colors that compliment each other. Color can quickly clutter a design, so it's usually a good idea to limit your UI layout colors.
  • Use good contrast. If people can't see important UI elements, or have a hard time seeing them because there's not enough contrast, then your UI is ineffective.
  • Use visual hierarchy. Some elements are more important than others. Size, position, and color all help establish visual hierarchy.
  • Use simplicity. Avoid overusing effects like drop shadows, glows, outlines & strokes, etc.. Keep things simple.

 

Good luck!

Prizes


Inspiration

Winning Entry

Manajit Pal
82%
Simplicity
Relevancy
Uniqueness
Versatility
Color / Contrast
Questions? Learn about ratings


Entries

David StanĨík
82%
Simplicity
Relevancy
Uniqueness
Versatility
Color / Contrast
Questions? Learn about ratings
Instructor's comments

Good stuff. I've left my comments on the video review.



Hey Garry! Thanks for another awesome challenge, it was a whole lot of fun making it. Hope you like my entry, representing beer, with bubbles inside. I strike for clearance and simplicity. Now, tell me my mistakes, so I can do better next time! thanks!

Antonio Alvarez
56%
Simplicity
Relevancy
Uniqueness
Versatility
Color / Contrast
Questions? Learn about ratings
Instructor's comments

Thanks for your submission. Watch my video review for my critique.



tim cuthbert
72%
Simplicity
Relevancy
Uniqueness
Versatility
Color / Contrast
Questions? Learn about ratings
Instructor's comments

Thanks! Check my video review for my critique.



Roberto Moreno
54%
Simplicity
Relevancy
Uniqueness
Versatility
Color / Contrast
Questions? Learn about ratings
Instructor's comments

Thanks. Check my video review for my critique.



This XD file is what I came up the second I saw this challenge, hope you like it and if you want some interactive wireframe this is the link https://xd.adobe.com/view/2c829cbe-66f4-4b4f-878e-63427e693550

Login or create an account