Empty State Design

Hi Virginie,

Great job on your submission!

I love that you included both dark and light modes—your use of purples in dark mode is particularly striking. The personalisation elements add a nice touch, and while I’m no expert in microcopy, I really enjoy what you’ve done on the homepage.

• Homepage: The illustration aligns well with your colour scheme, but given its level of detail, a slight simplification and size increase might improve clarity (just make sure both are kept uniformed in size).

• Typography: Consider breaking the subtitle after "courses" for better readability, and increasing the title size to strengthen typographic hierarchy.

• Bottom Navigation Bar: It could benefit from more negative space as it feels close to the home indicator. The active state might not need the underline since the color change and solid state are already effective. Also, check the dark mode home screen, as the indicator's position differs from other screens.

• Top Bar: The bottom stroke works well in light mode but is harder to see in dark mode—lightening it slightly could help.

• Back Icon: Its placement on the root page feels a bit out of place; adjusting it might improve the look.

• Bookmark Page Title: The "Oops..." in the title feels like something went wrong, which may not be the intended message. It might work better without it, and it doesn’t need to be on its own line.

I hope these insights are helpful! Keep up the fantastic work—you're on a great track. 😊

__________________________________

Updated Notes:

Hey Virginie!

Seeing designers take feedback well and refine their work always puts the biggest smile on my face!

The navigation bar looks so much better—the shadow is spot on, the back button placement feels more optimal, and the top bar stroke is much improved. The larger illustration size also makes it easier to interpret.

I've raised my rating to 4/5—it’s no doubt looking better! For me, it’s the small, well-refined details that truly make an interface beautiful.

A Few Final Tweaks for a 5/5:

• Button Sizing: Personal preference, but I enjoy buttons with more inside padding. Slightly larger buttons can feel better to tap.

• Empty States: Ensure they follow a uniform structure—if using two lines in one title, apply the same across all empty states.

• Subtitle Line Breaks: I’d suggest breaking the subtitle text a bit sooner so that the two lines are closer in lengthrather than one being significantly longer. This improves balance and readability, making the text easier to scan. Applying this consistently across screens will help maintain a polished look.

• Illustration Quality: It looks slightly pixelated. Using SVGs ensures maximum quality. Also, in dark mode, consider making dark lines white for better visibility.

You've done an amazing job, and your ability to take feedback, learn, and apply it is a sign of a truly great designer. Keep up the fantastic work!