CustoBundle - Checkout Flow
The brand design of CustoBundle aims to be friendly and accessible, prioritizing accessibility and simplicity so that everyone can contribute to our cause.
Rather than having a dedicated product page, the landing page of the website allows users to directly contribute. This reduces friction and makes it easier to check out. UI elements have a high contrast, which we use not only for accessibility, but to create a striking brand identity. The call to action buttons throughout the pages are distinct with elevation and size, making it easy to find the next step.
Behind this design also is minimizing distractions as much as possible. Using simple and concise language, we make sure to avoid as much ambiguity as possible. When a user makes an error, the red microcopy text under each affected area makes it clear which part of the checkout process they need to check. The warning banner that appears after a user tries to finish checkout is bold to direct the user attention, but also avoids anxiety by using a muted yellow background.
Reviews
1 review
Absolutely love the concept, awesome work!
Just 1 point hope can help you improve your upcoming work:
- White space - You can totally take advantage of it to create better hierachy (Specially around button)
Hope to see your next project!
Hey Anthony, I am certainly seeing a significant improvement in the way you showcase and handle the design brief.
In brief, the showcase display a interactive wireframe in action, and it's enjoyable to see.
- It's clearly to see that this is product mostly bought with quantity of 1. Because of that, the direct approach of modal dialog makes significant sense.
- The overal wireframe looks visibly clear thanks to the proper selection of typography, color and simple layout
- The real text is used in stead of "Lorem Ipsum". That makes your project very contextual and relevant to users.
Some suggestions that I would like to contribute to the project includes:
- What do you think if we switch the position of "-" and "+" in the money stepper? I think the change would encourage the buyer to donate/ buy the icon pack with better money value for the creator.
- The error banner on the top of the error screen should incorporate more useful information instead of the generic guide for reviewing the info?
- Involving a simple user flow (task flow) for quick scanning through the user's task. But that's just a minor suggestion.
- At the success screen, should we leave a link for download the icon packs for more convenience in case the automatic download does not work?
Thank you and have a nice day, Anthony!
You might also like

Sneak

Heuristic Evaluation - Booking.com

User persona for TikTok

Empathy Map - Revolut
![UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]](https://users-content.uxcel.com/451aa544-1b86-419f-9120-5a6ac83f023f/briefs/universaltaxprofessionals-website-revamp-informational-website-thubmnail-8090-1756604786988.jpeg)
UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]
