Empty State for SkillSpire Learning App
Designing effective empty-state pages for an educational platform is crucial to engaging users and providing helpful context. Empty state pages typically appear when there’s no data or something goes wrong. In an educational platform, these pages can act as guiding points, motivating users to take action and ensuring they feel encouraged to interact with the app. I will explain scenarios and the reasoning behind each screen.
Tools used
From brief
Topics
Share
Reviews
2 reviews
Hello Aamir, I really like the presentation style and the thought process behind each idea! 🙌🏻 That said, there’s still room to improve the UX, UI, and UX copy.
Dashboard
It would be helpful to show how each screen looks with both an empty state and once data is collected. For instance, the dashboard with data should provide users with analytics, but right now, you’re showing a list of courses. From a UX perspective, it might be more intuitive to guide users directly to the "Courses" page after they sign in since that’s likely the main reason they joined the app. This could streamline the user flow and reduce unnecessary clicks.
No Saved Courses
The "Courses" section could benefit from rethinking its purpose. Is it meant to show a list of searchable courses, or should it be renamed to "Saved" or "Bookmarks"? Right now, it’s unclear what users should expect to find there.
Illustrations
The visuals tie in well with the color palette, but some illustrations have more detail than others. I’d suggest making them more consistent in style.
UX Writing
To create a more positive tone, consider improving the copy by removing negative words like “No” and “Haven’t.” This could make the user experience feel more engaging and encouraging.
Overall, try to evaluate whether each section needs an empty state, or if users can jump right into actions like "searching," "quizzing," or "booking" without extra steps.
Great work so far!
/Yuliia
Aamir Mustafa – 🎓 Your empty state designs for SkillSpire are thoughtful and well-structured! I really like how you considered multiple scenarios—from the dashboard to saved courses—and how each screen encourages user action while keeping the tone positive. 💡 The visuals are cohesive, and your attention to guiding users through the learning journey is clear. Including the dashboard and “read articles” flows makes the app feel more complete and functional. Overall, your work is engaging, intuitive, and demonstrates strong UX thinking—fantastic effort! 👏
You might also like
Sojo NFT Marketplace
Heuristic Evaluation of Revolut Mobile App
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
From Idea to Full-Stack Web App
Docto
Fundraising Website
Content Strategy Courses
UX Writing
Common Design Patterns
Reducing User Churn