Empty State - Education App
For the empty state page, my primary focus was on selecting illustrations that visually communicate the context and message of the empty state effectively. I explored various resources and found fitting illustrations on Storyset, which aligned well with the overall tone and purpose of the page.
In addition to visual elements, I designed the navigation bar and status bar to ensure consistency with the rest of the app's UI. I also paid close attention to the color scheme, choosing colors that complement both the illustrations and the overall design aesthetic, while maintaining accessibility and visual balance.
Tools used
From brief
Topics
Share
Reviews
9 reviews
Shivani — ✨ Your empty state design feels clean, balanced, and visually inviting! The illustrations and color palette create a friendly, approachable mood that works well for an education app. 🎨 To take it further, adding a clear CTA (like “Start exploring courses”) would give users a next step and make the experience feel more purposeful. Also, keeping consistency in small details (like “Wishlist” vs. “WishList”) will polish the overall flow. Great work — you’re definitely on the right track! 🚀
Great job! I really liked the illustrations and the color scheme — everything feels visually balanced and the overall aesthetic is super pleasing.
It could be helpful to add a call-to-action (CTA) that encourages users to do something, like explore courses. That way, the empty space feels more purposeful and engaging. The empty state on the wishlist screen does this nicely by giving users a clear next step — something similar would work well across the board.
And something else from a UX Writer's perspective:
- Try skipping periods at the end of short phrases or labels — it helps keep the UI looking clean and tidy.
- Noticed both “Wishlist” and “WishList” on the same screen — it’s a good idea to pick one version and stick with it for consistency.
... it's an empty state but the illustrations just add to that visual execution.
Only thing, I would recommend is to consider the target audience of the product, It's an education app, keeping the congruency would have been a more relevant choice as these feel like their tied to moving, transport ... rather than education
💅
A clean and welcoming design that guides users with clarity. The friendly tone and visuals work really well—adding a touch of color variation could enhance focus even more. Nicely done!
Hello Shivani,
Your empty state design for the education app is thoughtfully executed. The visual clarity, balanced composition, and attention to illustration tone create a welcoming and polished feel. The use of Storyset illustrations is a great touch and complements the purpose of the screen effectively.
One point that might be worth considering is the heading contrast on the dark-themed version — it appears slightly muted and may benefit from higher contrast to improve readability and meet accessibility standards (e.g., WCAG guidelines). Slightly adjusting the brightness or weight of the text could make a noticeable difference.
Overall, excellent work on creating a visually consistent and user-friendly design!
Excellent work! The illustrations and color scheme are highly commendable—everything appears visually harmonious, and the overall aesthetic is exceptionally appealing.
"Clean and thoughtful empty state design! Love how both light and dark modes are handled consistently. The illustrations and copy make the experience feel intuitive and user-friendly. Great job capturing usability with style!"
Try to improve these:
1. Add a call-to-action
2. Use more engaging microcopy
3. Enhance visual hierarchy
4. Illustration consistency
5. Add a touch of personality
Beautiful work
Great job on thoughtfully selecting illustrations that effectively communicate the context! Using Storyset was a good resource find. Consistency in the navigation bar, status bar, and color scheme ensures a cohesive design. Accessibility considerations are also appreciated.
You might also like
Sojo NFT Marketplace
From Idea to Full-Stack Web App
Docto
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
Fundraising Website
NEWFASHON™ - Landing page
Content Strategy Courses
UX Writing
Common Design Patterns
Reducing User Churn