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.

Share your insights — leave a project review and help others grow their skills

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!


3 Claps
Average 3.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>