Customer Walkthrough
Customer Walkthrough — Lilly Made
For the Lilly Made team and end customers
1. Discover (Homepage)
When you land on Lilly Made, you immediately see:
- What we sell: Personalized marathon artwork / race keepsakes
- Emotional hook: "Your finish line. Forever framed."
- Action: "Design Your Keepsake" or "Browse Race Designs"
Goal: Understand the product in under 5 seconds.
2. Browse Designs
Scroll to Choose Your Design or click Designs in the header.
Six options:
| Design | Best for |
|---|---|
| Boston Classic | Boston Marathon finishers |
| New York Skyline | NYC Marathon |
| Chicago Warmth | Chicago Marathon |
| London Green | London Marathon |
| Berlin Modern | Berlin Marathon |
| Timeless Minimal | Any race / gift flexibility |
Click any card to start ordering with that design pre-selected.
3. Start Your Order
Click Create Your Artwork or Design Your Keepsake.
Step 1 — Design: Confirm or change your race artwork style. Click Continue to Personalize.
4. Personalize
Enter your finish details:
| Field | Required | Example |
|---|---|---|
| Runner Name | Yes | Sarah Mitchell |
| Race Name | Yes | Boston Marathon |
| Finish Time | Yes | 3:42:18 (H:MM:SS) |
| Race Date | Yes | 2024-04-15 |
| Bib Number | No | 12458 |
| Personal Message | No | First marathon. Never give up. |
Click Preview Artwork.
5. Preview & Review
See your artwork preview with all personalization applied. The summary panel lists every field for verification.
- Wrong details? Click Edit Details
- Ready? Click Continue to Checkout
6. Checkout
Select format:
- Fine Art Print — $89 (12×16″)
- Framed Keepsake — $149 (16×20″)
- Gallery Canvas — $199 (24×30″)
Enter shipping: Email, name, address.
Review the order summary sidebar. Click Place Order — Celebrate Your Finish.
7. Confirmation
You'll see an order ID (e.g. LM-M5X2K9) and confirmation message.
Note: MVP captures order intent. Connect Stripe for live payment and email confirmations.
Mobile Experience
The entire flow works on phone:
- Hamburger menu for navigation
- Single-column forms and previews
- Touch-friendly buttons and design cards
Gift Orders
To order for another runner:
- Enter the runner's name and race details in personalization
- Enter your email and shipping address at checkout
- Optional message field for dedication
Questions? See README.md and run-deploy-instructions.md in this package.