Checkout & Fulfillment Flow
As Weedcolors expanded its product experience, I designed a new checkout flow to support product reservations and give users a clearer path from cart to fulfillment.
The goal was to make the transaction feel simple and intuitive while accounting for the different information required for pickup versus delivery.
My Role
UX Strategy · Product UX · UI Design · User Flows · Prototyping · Developer Handoff
The Challenge
The existing experience needed a more structured path for users moving from selected products into reservation and fulfillment. The flow needed to clearly distinguish pickup from delivery while collecting the appropriate customer and delivery information without creating unnecessary friction.
The Approach
I mapped the experience as a sequential flow:
Cart → Reservation Details → Pickup or Delivery → Delivery Information → Confirmation
I designed the experience around progressive disclosure — asking for information when it became relevant rather than presenting users with one long form upfront.
The flow also accounts for supporting states, including an empty cart, order summary, delivery details, and confirmation.
What I Designed
Cart and order summary
Reservation/customer information
Pickup vs. delivery selection
Delivery address form
Order confirmation
Empty-cart state
Mobile UI patterns and reusable components
Collaboration & Development
The designs were created in Figma and prepared for development as part of the ongoing Weedcolors app build. I collaborated with the development team around implementation, handoff, and QA, with the flow currently being evaluated through usability testing.
Status
In development / usability testing.
This feature is part of the continued evolution of the Weedcolors mobile experience.
