Empty State Design for Education App

I decided to design empty states for a course app with a minimalist approach. For the illustrations, I picked free vector illustrations from Figma. I also used icons from the Uxcel collection to keep things clean and straightforward.

Screen #1: 

This screen appears in the Courses section when users haven't started any courses yet. By addressing them by name, I aim to add a personal touch and build a connection.

The text acknowledges that the user hasn’t begun any courses and invites them to start their journey with the 'Explore Courses' button, encouraging them to discover the available features and start learning.

Screen #2:

Users will see this screen in the Achievements section if they haven’t earned any badges yet. It acknowledges that the user hasn’t unlocked any achievements and motivates them to get involved with the app’s courses to start earning badges.

The 'Explore Courses' button will take them back to the Courses section, where they can continue making progress and start collecting badges.