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
Smartwatch Design for Messenger App
Practice your interaction design skills and design experience optimized for smartwatches.
Project
Bridge: UI/UX Rebrand of a Blockchain SCM Product
A UI/UX overhaul project of Bridge, a blockchain-based enterprise supply chain management web app originally called BSCM. This short case st
Project
Pulse Music App - Light/Dark Mode
This project presents a mobile music streaming interface designed in both light and dark modes. The visual direction combines Japandi minima
Project
Monetization Strategy
This project evaluates two monetization models (freemium and paid) for a new mobile point-and-click adventure game. It compares their streng
Project
Designing A Better Co-Working Experience Through CJM
Project ContextThis project focuses on improving the experience of individuals using co-working spaces. The objective is to identify key pai
Project
Design a Settings Page for Mobile
Showcase your information architecture and content strategy skills by crafting a settings page for mobile.
Interaction Design Courses
Course
UX Design Foundations
Learn UX design fundamentals and principles that create better products. Build foundational knowledge in design concepts, visual fundamentals, and workflows.
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.