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

I designed a responsive desktop checkout page for Sneak, a modern sneaker e-commerce platform. The design focuses on reducing cart abandonment by making the experience streamlined, trustworthy, and visually appealing to style-conscious users. The flow follows a familiar 3-step process: Shipping, Payment, and Review & Confirm, which supports user predictability and builds trust through progressive disclosure.

I designed this checkout page using Lovable, guided by a UX prompt that focused on reducing cart abandonment.

To start, I defined the target users as Gen Z sneaker enthusiasts and identified their key goals: a fast, frictionless, and aesthetically satisfying checkout experience. The design prioritizes clarity, trust, and ease of use, with elements like a sticky cart summary, progress indicator, and contextual microcopy to support conversion.

As I’m still mastering Lovable, the layout card appears a bit stretched due to a rendering issue — I’m currently working on a fix and will upload a refined version shortly.

Tools used

Lovable
Figma

From brief

Topics

Share

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

Reviews

1 review


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!


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