Checkout

Hi Yasmin,

Great work on your project! It's an ambitious effort that requires a deep understanding of e-commerce customers, their pain points, and aligning those with business goals and vision. You're tackling a lot, and it's impressive to see.

After reviewing it, one thing that stood out to me was the small text size. For better readability and accessibility, I recommend a body text size of at least 16px (or 1rem). On pages with shorter content, you might even consider slightly larger sizes, like 18px or 1.125rem. This adjustment is particularly important in e-commerce, where clear and legible text can greatly enhance the user experience.

Another area to consider is contrast and hierarchy. Think about how content is structured: where sections begin and end, and how users are guided through the page. Spacing and negative space are helpful tools here, but you can also experiment with stronger color contrasts. Personally, I lean towards WCAG's recommendations—at least a 7:1 contrast ratio for normal text and 4.5:1 for larger text. This ensures your design remains accessible and user-friendly.

On the Figma side, your screens are presented nicely, but there’s room for clarity in the way states are organized. When mixing screen types, such as default and empty states, it might be more effective to group them by type or annotate them clearly for developers. Consistent presentation across your file makes handoffs smoother and avoids confusion.

Lastly, I'd encourage you to leverage Figma components more. Components can help maintain consistency and make scaling and revising your designs much easier. Once you start using them extensively, you'll notice how much more streamlined and manageable your workflow becomes.

You’ve done great so far, Yasmin—keep it up!

Wishing you the best as you refine and finalize your work.