Sneak

Really nice work on this, Martina! 👏

I love that you’re experimenting with Lovable and tackling such a classic UX challenge like checkout flows — it’s a great exercise, and the overall structure (shipping → payment → review & confirm) feels predictable and trustworthy, which is exactly what users need at this stage. The sticky cart summary, progress indicator, and contextual microcopy are all strong choices.

That said, I think there are a few areas that could be refined for smoother UX:

Order summary: on desktop it feels a bit squashed, and there’s currently no way to remove items. Adding a delete option would give users more control.

Navigation: there’s no back button to exit checkout, which might make some users feel trapped in the flow.

Promo code field: it doesn’t respond to focus, input, or validation states (and Enter doesn’t trigger anything). Adding clear interaction feedback here would build trust.

Review & confirm step:

• The order summary appears twice (main column and right rail). I’d remove one so there’s a single source of truth... either keep a condensed summary in the right rail (totals, promo, etc) or present the full recap in the main column and collapse/omit the right rail. This reduces cognitive load and avoids scanning back and forth.
• “Add more” plus icon button: lock or hide it on Review & Confirm to avoid duplication/last-minute detours.

Colour contrast (just some examples):

• The orange (#EE692E) fails WCAG contrast on normal text over white (e.g. progress flow).
• The green (#43C441) fails on text and icons over light backgrounds. Tweaking shades slightly could preserve the vibrant look while ensuring accessibility.

This is a solid foundation with thoughtful intent, just needs a bit of UX polishing to align functionality, accessibility, and consistency. Love the bright visual energy you’re bringing into this project, keep going with these builds! 🚀

The items in the order summary are a bit squashed on desktop tho 😅 works well on mobile. Other than that, super cool that you built this with Loveable!

Great work!

I agree with the feedback you've gotten so far.

What I would add is better spacing between input field and the label, because in focus state the orange color almost "touches" the label.

If you would keep the current design & flow, I would most likely apply better Law Of Proximity together with some sort of seperator / horizontal lines. But I would most likely divide up 1. Contact information, 2. Shipping, 3. Payment, 4. Review & confirm.

I would most likely also try to add a "quick payment" flow with Google Pay and Apple Pay, where the user most likely don't need to fill out all the information posted in the forms.

---

What I'm about to say here isn't feedback nor critic against you or the project; but the tool. The code is horrifically bad, unsafe, and is not facilitating any type of security nor accessibility.

---

Keep up with the great work!