Empty State Design

My Design Goals:

Creating a Sense of Achievement & Motivation:

Instead of showing a blank screen, I used an illustration that represents completion—a person writing an A+ grade. This visual reinforces a sense of progress and success.

Guiding the User to Their Next Action:

After finishing the course, users should know what to do next. That’s why I included two CTA buttons:

Start a Next Course (to explore new learning opportunities)
Return (to go back to the main page / Dashboard)

Clarity & Readability in Texts

The heading "Great job! You've finished your course." immediately delivers a positive message. The supporting text encourages the user to take the next step in their learning journey.

Reviews

Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut vestibulum elit pulvinar netus in ante lectus turpis auctor. Nulla purus morbi ad

Great Job, Mehrdad. Really like what you have done. Keep it up 👏

GooD Job Mehrdad

Very good design and use of illustration. Welldone Mehrdad.

Very Well Done keep it up

Great Job Mehrdad. Wish You Bests

Hi Mehrdad, it looks very nice!

Both the illustrating and success message is understandable, clear and engaging.

The only improvement I would have in terms of content, would be to specify more the "return" button. As I myself wasn't sure where would it led me to, 1. return back to the same course I just finished?, 2. return to my courses?, etc.

As you explained in the description should be the homepage/dashboard and I think it would make sense to clarify this in the button label.

(edited)

Mehrdad Sadeghi

Pro

Product Designer 8 reviews

Hi Alexandra, In my opinion, this decision should consider the product's overall design. Personally, I would prefer the Return button to direct users back to the main course page, while the Start New Course button should display the next course, with an option for users to start over if they wish.

1 month ago