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 new Build Your Box page and continues through recipient setup, cart review, checkout direction pages, and a Shopify-like thank you page.
- Box builder with a KULA-style product page layout
- Per-recipient shipment customisation for address, card design, message type, and delivery date
- Checkout options branch showing both the custom-checkout and Shopify-checkout directions
- Order confirmation view after the selected path
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
Product choices only: size, flavour, sleeve, and quantity.
2
Recipients & shipments
Each shipment gets its own address, card design, message type, and delivery date.
3
Cart & checkout direction
Customer reviews shipments, then sees the two checkout paths we are comparing.
4
Thank you page
Single order confirmation before operational splitting happens behind the scenes.
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.