Discovery prototype overview
KULA gifting demo — customer journey + admin / fulfilment model
Marianne, this combined prototype brings together every artifact we have created so far into one organised, clickable demo. It is here to explain the full concept end-to-end: how the customer would build and place a gifting order, and how your team could later manage fulfilment, card content, delivery rules, and shipment-level previews.
Why this exists: this demo is designed to make the solution direction tangible before implementation. It keeps the customer-facing journey separate from the admin / fulfilment model so each part can be reviewed clearly without losing any of the detail we have already worked through.
Section 1
Customer interface
This branch starts at the Build Your Box page and continues through address & shipping, cart review, and Shopify native checkout through to the thank you page.
- Box builder with KULA-style product page layout
- Recipient address and shipping option per bundle
- Cart review with option to add another box
- Shopify native checkout with cart attributes API passing all builder selections
- Order confirmation page after checkout
Section 2
Admin & fulfilment panel
This branch starts at the admin overview and then shows the operational pages: order splitting concept, greeting card management, delivery-rule configuration, shipment preview, and the QR media destination examples.
- Admin process explanation as the first page in the branch
- Greeting card library with prices, free/paid status, archive state, and linkage
- Delivery-date rules, blackout days, lead time, and cutoff management
- Shipment preview and QR destination demo pages
How it is organised
Customer branch
1
Build Your Box
Choose box size, flavour, sleeve, gift options and delivery date.
2
Address & Shipping
Enter the recipient address and select a shipping option.
3
Cart Review
Review bundles, add another box for a different recipient, or proceed to checkout.
4
Shopify Checkout
Shopify native checkout with all builder selections passed via the cart attributes API.
5
Thank You Page
Order confirmation after checkout.
Admin / fulfilment branch
1
Admin overview
Explains the operational model and links into the supporting admin pages.
2
Card and delivery management
Manage greeting cards, prices, archive state, blackout dates, and cutoff rules.
3
Shipment preview
See the front and back of the card, QR behaviour, and shipment details in one screen.
4
Media destination
Separate demo examples for video-message and audio-message QR destinations.