Checkout menu - Learning about prototyping
I am very happy that i got to finish this project, finally played around with some variables, variants and prototypes!
I played around with some more muted colors, for a more healthy oriented app, that mainly focuses on more mature colors, not bright ones. I chose Dark Spring Green as my main color, as it flowed nicely with the background color, and some more muted accent colors, like Indigo Dye, and in some spots, Powder Blue.
Reviews
2 reviews
Hi Norbert! Great start and nice presentation with the prototype! For the next iteration you can consider such improvements:
- Right-align prices and fees: Aligning them with the total improves readability and creates a cleaner visual structure.
- ‘Minus’ button for Grilled Veggies is disabled: Why can’t the user remove the item? If intentional, it needs a clear explanation.
- Coupon label and discount text need better accessibility: The label is too small and lacks contrast, as does the 15% discount message. Both should meet accessibility standards.
- Auto-apply coupon: Once a valid code is entered, it could apply automatically—no need for an extra click.
- Fix ‘Next Step’ and ‘Confirm and Pay’ CTAs: Keeping them visible at all times improves usability, especially on mobile.
- Remove ‘Back’ button on confirmation screen: It’s unnecessary and could cause confusion after a completed action.
Keep up with great work!
Yuliia
hi, I'd be grateful if you took the time to you review either or both of my case studies:
https://app.uxcel.com/showcase/study-abroad-counselling-student-and-counsellor-experience-141
https://app.uxcel.com/showcase/improving-student-experience-in-juno-campus-216
Perfect
9 Claps
Average 4.5 by 2 people
You might also like

Project
Fundraising Website
The fundraising website is a dynamic platform designed to support individuals, communities, and organizations in their efforts to raise fund

Project
NEWFASHON™ - Landing page
Content— The customer can pick the main categories of clothing right upon arrival on the landing page. He can also choose between the main c

Project
Mobile onboarding flow
Interaction Design Rationale for virtual interview mobile app Value Proposition and PersonalizationCore Message: "Welcome to Personalized In

Project
MamaFlow
The idea behind MamaFlow started from a simple insight: new mothers need support, but rarely have the time or hands free to seek it. The ear

Project
FOURm - Landing Page for High-Conversion Fitness Startup
FOURm - Case StudyA sustainable strength training platform for people tired of the yo-yo fitness cycle Landing Page UI/UX & Copywriting for

Project
Fresh Baladi | Real-Time Bakery Alerts App | UI UX Case Study
Thank you for taking the time to explore Fresh Baladi Your feedback and insights are highly valuable - whether about design , user experien
Interaction Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.