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

Starbucks UI Design

Tools used

Figma

Topics

Share

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

Reviews

1 review


Hey Gyananand,

Well done on your design! You’re off to a nice start, and I love that you’re experimenting—that's key to establishing a unique look and feel. Just remember, experimentation should always be tested and validated with real user data.

That said, I don’t think your work is getting the justice it deserves. Featuring the design in only one low-resolution mockup makes it difficult for viewers to fully appreciate it. Adding more high-quality visuals and providing context—such as details about the product, your design process, and key decisions—would make it easier for others to understand and learn from your work.

A Few Points to Elevate the Design:

  • Navigation Bar: The design is cool, but the contrast may make it difficult to see. Also, ensure there’s equal negative space around each nav item and that they’re vertically centered for better balance.
  • Shopping Cart & Arrow Interaction: I assume these elements relate to an interaction with the main icon, but it’s not entirely clear. Either a prototype or a description would help provide context.
  • Product Page Usability: If the first screen is a product page, I’m struggling to interpret it. Always consider user mental models—how users expect a page to look and function. Going against conventions can introduce usability issues.
  • Search Bar Positioning: It’s too close to the Dynamic Island—adding more space would improve usability. The input hint text should be vertically centered, and the icons could be better proportioned, as they currently feel a bit large.
  • Shopping Bag Page: The second page looks cool, but I’m unsure how it functions—would love to learn more!

You’re off to a nice start, and with some refinements, this could be even better. Looking forward to seeing how it evolves.


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