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.

Reviews

Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut vestibulum elit pulvinar netus in ante lectus turpis auctor. Nulla purus morbi adipiscing quisque in sodales aliquet. Ultricies a elit quis metus. Aliquet cras pretium platea lacinia mi et orci volutpat vulputate. Bibendum massa fusce...
3
Claps
Average 3.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
Create your very own Empty State Design for Education App project and get mentor feedback.
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>