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

I created two empty state screens.

Screen #1: An empty state for when I user views saved courses and there are none saved yet. The user is notified that there is nothing saved and guided to the orange CTA button so they can browse courses and start learning.

Screen #2: An empty state screen for when users try to search for a course. The user is informed that no matches were found and is advised to either search something else or browse courses.

Tools used

Figma

From brief

Share

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

Reviews

2 reviews


Nice job on these empty state screens 👏 Both flows are clear and easy to follow, and the playful illustrations make the experience feel more friendly instead of empty. A small improvement could be refining the microcopy so it feels a bit more encouraging, but overall this is a solid and thoughtful execution — keep building on it 🚀✨


Great work on this Marissa, the content is clear and easy to understand. I like that you added these fun illustrations for both screens to give the empty state some more character.


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