Empty State Design for Unacademy (Education App)

Branding, Visuals, Colors, Typography :

I chose to design empty states for a famous Indian learning platform named Unacademy. I used their brand colors blue and green in my visuals. For illustrations, I found free vector graphics from unDraw and changed colors according to Unacademy's brand color palette. I have used icons from a free figma plugin named Framework7 iOS icons by iconducks. I have used Poppins typeface as I have designed for iOS screens.

I have designed 3 empty state screens for Unacademy iOS app, first one for broken internet connection, second one for no enrolled classes and last one for missing content after searching.

# Screen 1 : This screen is meant for broken internet connection. whenever there will be network issue, this screen will alert users about their lost internet connection. The primary text alerts the main issue, secondary text gives them suggestions about their action like checking internet connection and after that the CTA button "Try again" is placed for taking action.

# Screen 2 : This screen is meant for letting users know about their "enrolled classes". In "Enrollments" tab, if their is no enrolled classes, primary text gives users a positive approach that they're ready to learn, secondary texts suggests about their action to explore and enroll to new classes and after that a CTA button "Browse classes" is placed to take actions. Beneath the CTA button, I have showed the "Most popular classes" sections so that users get aware of trending popular fields to learn about.

# Screen 3 : This screen is meant for letting users know about any missing content they were looking for. In "Explore" tab, if any user looks for any particular content but that content is unavailable, in that case this primary text will acknowledge the fact about unavailable course, secondary text will suggest users about checking out similar courses related to user's search history and the placed CTA button "View similar courses" will encourage users to take action. Beneath the CTA button, I have showed "Students also search" so that users don't get frustrated after not finding the course they were looking for and can check out what others are searching.