Empty State Design

Overview

The empty states are designed to engage users and provide clear guidance when no content is available in specific sections of the app.

Screens Designed

Courses: This screen displays when a user has not yet enrolled in any courses. The design includes:

• A friendly illustration reinforcing the theme of learning and exploration.
• Encouraging messaging to prompt users to explore available courses.
• A call-to-action (CTA) button to navigate directly to course discovery.

Wishlist: This screen appears when the wishlist is empty. It features:

• An engaging illustration to make the screen feel lively and positive.
• A motivating message to inspire users to add courses.
• A CTA to browse and select courses to add to their wishlist

Choice of Color

I chose purple and yellow for my design because they create a vibrant and engaging contrast. Purple represents creativity and wisdom, fostering a sense of focus, while yellow adds energy and optimism, making the app feel welcoming and motivating.

And for sure my  color choices meet WCAG standards for contrast and readability.

Typography

I selected Montserrat: a modern, clean sans-serif font that works perfectly for education apps. Its geometric design ensures excellent readability, making it easy for users to engage with content.