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
1 review
Hi Abdullah,
Your app design for the educational platform looks polished and professional. The dark theme combined with clean typography creates a modern and visually appealing interface. The illustrations add a friendly and inviting touch, making the experience feel engaging and approachable for users.
The layout of both screens is intuitive and easy to follow, with clear messaging that effectively communicates the absence of lessons or chats. The use of call-to-action buttons like "Browse Subjects" and "Start New Chat" is well-placed and functional, guiding the user toward the next step.
One suggestion for improvement would be to make the active state in the bottom navigation menu more prominent. Currently, the difference between active and inactive icons is subtle, which might make it less noticeable for some users. Consider using a brighter color highlight, bold text, or even a slight background glow to clearly indicate the selected menu item. This would improve usability and help users orient themselves within the app more efficiently.
Overall, you've done an excellent job balancing aesthetics and functionality. The design is user-friendly and aligns well with the purpose of an educational app. Great work!
You might also like

Rootsy Marketplace Customer Journey Map

Wireframing for Netflix

Trello Color System

Keep the Experience Flowing: Redesigning the WUC App for Usability and Conscious Water Use

Intoducing Rankings Factor to all
