Empty State Page - After finishing a course

Great job, Hanan, this looks clean. I love the purple.

One thing I would note is that the graphic does seem to take a lot of the focus, particularly on the desktop version. You might consider playing with the size or opacity to still make it a key part of the design, but to help the user stay focused on that primary action you want them to take next.

I would also say your CTA could be stronger and call them to a specific action rather than just essentially rewording what you have in the copy beneath the heading.

For the mobile screen, try using a larger touch target for the CTA and potentially upping the font size to make it draw the user in a bit more.

Finishing a course is a meaningful moment—one that deserves recognition, calm, and clarity. Hanan’s empty state design captures that spirit well with a soft purple palette and minimal layout that doesn’t overwhelm the user.

What’s Working:

• Emotionally aligned tone – It feels gentle and reflective, which is exactly right for a post-course experience.
• Clean and uncluttered layout – Good use of space helps the user breathe and absorb the moment.
• Visual consistency – The design feels intentional and polished, likely cohesive with the broader UI.

Where It Can Go Further:

• Missing a clear next step – A CTA like “Start your next course” or “Share your progress” could keep the momentum going.
• Could use a personal touch – Even a line like “You completed [Course Name]—well done!” would go a long way toward making the user feel seen.
• Personal note on the background – Personally, I wonder if a more minimal white background might enhance the clarity and contrast. That’s just my taste—but it could make the experience feel even lighter and more open.

Final Thought:

This design offers a thoughtful pause at the end of a journey. With just a little more guidance and personalization, it could become a moment users truly remember.

Well done, Hanan!

The content and the idea are clear and to the point, I would suggest consider naming this "What's Next Page" instead of "Empty State Page" and If possible adding recommendations based on student's level, interests or anything else that's personalized to him, would be make this page more useful and personalized.

Looking forward to seeing your next project.

This empty state screen for course completion is well thought out and visually engaging. The use of purple feels deliberate and consistent—communicating a sense of celebration without overwhelming the user. Purple works especially well here because it blends creativity and calmness, which suits the tone of a learning platform. The gradient background adds depth and elegance, making the foreground content feel more prominent without being too flashy.

The visual hierarchy is strong. The headline “Congratulations Alex on completing your course!” immediately catches attention, especially with the name “Alex” bolded. It makes the moment feel personal. The subtext does a good job encouraging the user to continue their journey, acting as a natural bridge to the next action. The primary CTA “Find New Courses!” is centered and visually clear, thanks to the bright button treatment that contrasts well against the dark background. It draws the eye and feels inviting to click.

The illustration adds warmth and humanity to the experience. Featuring a group of characters celebrating together is a nice touch—it reinforces the feeling of shared accomplishment and community. What’s especially good is how the illustration stays consistent between desktop and mobile. It scales down without losing detail or alignment, which shows attention to responsive behavior. You also managed to preserve whitespace, giving each element breathing room, even on the narrower mobile layout.

There are still areas where this could be pushed further. For instance, the secondary links—“Review your Certification” and “Share your Achievement”—are functional but feel slightly understated. Their size and weight make them easy to miss, especially on mobile. You might explore using subtle icons next to each label or spacing them apart more to improve their visibility. Another enhancement could be a visual confirmation line right after the headline. Something like “You’ve successfully completed [Course Name]” could add closure to the journey and reinforce the sense of accomplishment.

On the interaction side, the CTA could be more action-focused. “Find New Courses!” is good, but something like “Start Your Next Challenge” or “Keep Learning” might better capture the motivational tone. You could also consider a small celebratory micro-animation—like confetti or a soft glow around the button—to give a moment of delight. It doesn't have to be too much, just enough to acknowledge the achievement subtly.

Finally, from an accessibility angle, double-check the contrast ratios for the purple text against the dark background, especially in smaller text like the subtext and secondary links. It looks readable here, but for lower vision users, even small tweaks in brightness or contrast can make a difference.

Overall, this design delivers a clear, rewarding, and visually satisfying user moment. You’ve taken the right steps with layout, color, and tone—just a few refinements in microcopy, interaction, and accessibility would bring it even closer to perfection.

Great job, Hanan! The purple color gives a calm and nice feel. Smart idea to design this moment.

Maybe just add a clear next step, like a button or small icon, to guide the user.

Nice and clean work!