Prince Mentor - Empty States
I've created two empty state screens. One in Dark mode and one in light mode. These two screens are based on an educational course app. The color scheme is based on the inspiration of the app Coursera.
Screen one is the empty state of the profile screen where they can see their completed courses. However, in the empty state, it displays that this is the screen where the completed courses will be shown & a button guides them to click to the course page.
Screen two is the empty state of the learn section of the app where the user's enrolled courses would be displayed. The empty state notifies a user they are not enrolled in any courses and displays the button where they can find courses.
Reviews
4 reviews
A good set of empty states with a CTA on which the user can act on. I would only recommend working a bit more on visual hierarchy, for example by making the title slightly bigger.
The empty states are visually clean, but there’s an opportunity to refine the copy for better clarity and avoid redundancy. For example, on the “Completion is around the corner” screen, the current messaging — “Your completed courses and certificates will be here” — feels repetitive after the headline. You could improve the message by focusing on progress: something like “Track your progress and showcase your achievements here” makes it more goal-oriented, while maintaining motivation. Design-wise, the illustration and call-to-action are great, but consider slightly reducing the vertical spacing between the CTA and the text for a more balanced layout.
Really good work. The illustrations are appropriate and the design helps the user to start a course. I would suggest improving the text hierarchy by better differentiating the title from the body copy. I would also modify the microcopy to avoid using similar words. Try to use short titles while describing what the user can do in the body.
The UI is clean and professional, complemented by engaging imagery. However, the title could be shortened, and the description copy refined for improved clarity. Overall, great work.
You might also like
Ithnain Management System
Jeel app website wireframes
ALT.Studio Color System
2 PAY
Design Workshop Plan
Visit Sri Lanka Mobile App
Content Strategy Courses
UX Writing
Common Design Patterns
Reducing User Churn