Empty State - School Education App

I created empty states for a school app that helps students browse lessons for different subjects and chat with their peers. For the visuals, I used Freepik illustrations, modifying them to match the purpose of each screen and to fit seamlessly with the app’s educational theme. To enhance accessibility, I designed both light and dark mode versions for each screen.

Screen #1: Lessons Tab (Math Lessons)

This screen is shown when there are no available Math lessons. The main text explains the situation clearly, and the CTA encourages users to browse other subjects.

Screen #2: Chat Tab

This screen appears when users have no active conversations. The content informs users of the empty state and provides a CTA to start a new chat with others.

The designs focus on simplicity, clarity, and maintaining a consistent visual style to engage users and guide them effectively.