<?xml version="1.0" encoding="utf-8"?>

Two screens i have posted for educations app. here is a brief:

No Courses : when user have just signed up and have not added any courses to their reading list, they see this screen. From this screen, they can add favorite courses to reading list.

No Files : User have to upload study materials when they go through multiple courses. Here user can take action of adding files.

Tools used

Figma

From brief

Topics

Share

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

Reviews

2 reviews


Your empty state designs are functional, visually engaging, and thoughtfully crafted to guide users toward taking meaningful actions. The playful illustrations and clear CTAs make these screens inviting for users.

*Strengths:*

  1. Clear Call-to-Actions: Both "Add Course" and "Upload File" buttons are prominent and actionable, helping users immediately understand their next step.
  2. Visual Appeal: The colorful illustrations add personality and align with the educational theme, creating a friendly and approachable vibe.
  3. Clean Layout: The hierarchy of elements (headline, supporting text, and CTA) is logical and easy to follow.

*Areas for Improvement:*

  1. Messaging Tone: While the copy is clear, it could be more engaging or personalized to inspire users. For example, “Looks like your folder is empty—let’s upload your first file!” could add a more cheerful tone.
  2. Illustration Context: While the current illustrations are appealing, aligning them more directly with the specific actions (e.g., a course catalog for “No Courses” or a file icon for “No Files”) could improve relevance.
  3. Accessibility: Ensure all text has sufficient contrast with the background and that buttons are accessible for users with different abilities.

*Overall Feedback:*

Jivan, you’ve done a fantastic job creating functional and visually engaging empty states. With minor tweaks to the copy and illustrations, these designs could provide an even more user-centric and delightful experience. Keep up the great work!


Hi Jivan, fantastic work on the empty states! 🎨 The illustrations are playful, the CTAs are clear, and the layout is clean—users can immediately see what to do next. A minor suggestion: make the messaging a bit more cheerful or personalized (e.g., “Your reading list is empty—let’s add your first course!”) and align illustrations more closely with the actions. Overall, very engaging and user-friendly! ✅


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