jamey/simpleshop_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add sample content plan

Browse Source
This commit is contained in:
Jamey Greenwood 2026-01-03 00:23:01 +00:00
parent 37653e5e7a
commit 1bb8888d7c
1 changed files with 293 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

293
SAMPLE_CONTENT_PLAN.md Normal file
View File

@ -0,0 +1,293 @@
# Plan: POD Sample Content Refresh - "Curated Mix" Approach
## Goal
Replace the current mixed sample data with a POD-focused "curated mix" that:
1. Covers all types of POD sellers (art prints, apparel, homewares, accessories)
2. Uses nature/natural as the primary vibe but includes variety
3. Shows different "artist styles" to demonstrate theme versatility
4. Uses realistic product mockups generated via Printify
## Design Concept
**Shop Identity:** "Wildprint Studio"
- Primary vibe: Nature/organic/botanical
- Secondary styles: Bold/graphic, minimalist geometric (to show versatility)
- UK-focused (prices in £, UK shipping references)
### Categories (5 POD-relevant)
1. **Art Prints** - Wall art, posters, framed prints
2. **Apparel** - T-shirts, hoodies, tote bags
3. **Homewares** - Mugs, cushions, blankets
4. **Stationery** - Notebooks, cards, calendars
5. **Accessories** - Phone cases, laptop sleeves
### Products (16 total, varied styles)
**Nature Style (10 products):**
- Mountain Sunrise Art Print
- Wildflower Meadow Tote Bag
- Fern Leaf Mug
- Ocean Waves Cushion
- Autumn Leaves Notebook
- Forest Silhouette T-Shirt
- Night Sky Throw Blanket
- Monstera Leaf Phone Case
- Botanical Illustration Art Print (NEW)
- Forest Light Hoodie (NEW)
**Minimalist/Geometric Style (3 products):**
- Geometric Abstract Art Print
- Abstract Shapes Notebook
- Blue Waves Laptop Sleeve (NEW)
**Bold/Graphic Style (3 products):**
- Tropical Leaves Poster
- Mountain Peaks Print
- Sunset Gradient Tote Bag (NEW)
---
## Artwork for Printify Mockups (VERIFIED URLs)
### Art Prints (to render on: Premium Matte Poster)
| Design Name | Unsplash URL | Description |
|-------------|--------------|-------------|
| Mountain Sunrise | https://unsplash.com/photos/mountain-range-under-golden-hour-UweNcthlmDc | Mountain range at golden hour by Alice Donovan Rouse |
| Ocean Waves | https://unsplash.com/photos/the-sun-is-setting-over-the-ocean-with-waves-XRhUTUVuXAE | Sunset over ocean waves |
| Wildflower Meadow | https://unsplash.com/photos/a-field-of-flowers-with-a-mountain-in-the-background-6hPfsDGtBgI | Field of flowers with mountain backdrop |
| Geometric Abstract | https://unsplash.com/photos/abstract-geometric-shapes-form-a-minimalist-pattern--6GvTDpkkPU | Abstract geometric shapes by Pawel Czerwinski |
### Apparel (to render on: Unisex T-Shirt, Tote Bag)
| Design Name | Unsplash URL | Product Type | Description |
|-------------|--------------|--------------|-------------|
| Forest Silhouette | https://unsplash.com/photos/silhouette-photography-of-trees-EhvMzMRO4_o | T-Shirt | Trees silhouette at dawn |
| Wildflower Meadow | (same as above) | Tote Bag | Field of flowers |
### Homewares (to render on: Mug, Cushion, Blanket)
| Design Name | Unsplash URL | Product Type | Description |
|-------------|--------------|--------------|-------------|
| Fern Leaf | https://unsplash.com/photos/close-up-of-vibrant-green-fern-leaves-in-soft-light-bYiJojtkHnc | Mug | Vibrant green fern by Aaron Burden |
| Ocean Waves | (same as above) | Cushion | Ocean sunset |
| Night Sky | https://unsplash.com/photos/milky-way-and-stars-in-a-dark-night-sky-oQR1B87HsNs | Blanket | Milky way stars by Tobias Rademacher |
### Stationery (to render on: Hardcover Journal/Notebook)
| Design Name | Unsplash URL | Description |
|-------------|--------------|-------------|
| Autumn Leaves | https://unsplash.com/photos/selective-focus-photography-of-orange-leaves-Aa3ALtIxEGY | Orange autumn leaves by Aaron Burden |
| Monstera Leaf | https://unsplash.com/photos/green-monstera-leaves-with-water-droplets-hETU8_b2IM0 | Monstera with water droplets |
### Accessories (to render on: Phone Case, Laptop Sleeve)
| Design Name | Unsplash URL | Description |
|-------------|--------------|-------------|
| Monstera Leaf | (same as above) | Tropical monstera |
| Blue Waves | https://unsplash.com/photos/blue-waves-form-a-soft-abstract-gradient-dYksH3vHorc | Blue abstract gradient waves |
### Additional Artwork for 16 Products
| Design Name | Unsplash URL | Description |
|-------------|--------------|-------------|
| Botanical Illustration | https://unsplash.com/photos/a-drawing-of-a-plant-with-roots-and-flowers-FNtNIDQWUZY | Vintage botanical drawing |
| Forest Light | https://unsplash.com/photos/sunlight-filters-through-a-peaceful-forest-clearing-FwVkxITt8Bg | Sunlight through forest clearing |
| Sunset Gradient | https://unsplash.com/photos/the-sun-is-setting-over-the-ocean-with-waves-XRhUTUVuXAE | (reuse Ocean Waves for gradient effect) |
### About Page Image (NOT a product - just for about page)
| Design Name | Unsplash URL | Description |
|-------------|--------------|-------------|
| Forest Clearing | https://unsplash.com/photos/sunlight-filters-through-a-peaceful-forest-clearing-FwVkxITt8Bg | Peaceful forest with sunlight (no road) |
| OR White Flowers Golden Hour | https://unsplash.com/photos/auXdimpx7K8 | White flowers in field at golden hour |
---
## Printify Product Mapping (for mockup generation) - 16 PRODUCTS
| Product Name | Printify Product | Artwork to Use |
|--------------|------------------|----------------|
| Mountain Sunrise Art Print | Premium Matte Poster (A3/A4) | Mountain Sunrise |
| Ocean Waves Art Print | Premium Matte Poster | Ocean Waves |
| Wildflower Meadow Art Print | Premium Matte Poster | Wildflower Meadow |
| Geometric Abstract Art Print | Premium Matte Poster | Geometric Abstract |
| Botanical Illustration Print | Premium Matte Poster | Botanical Illustration |
| Forest Silhouette T-Shirt | Bella+Canvas 3001 Unisex Tee | Forest Silhouette |
| Forest Light Hoodie | Gildan 18500 Heavy Blend Hoodie | Forest Light |
| Wildflower Meadow Tote Bag | Cotton Canvas Tote | Wildflower Meadow |
| Sunset Gradient Tote Bag | Cotton Canvas Tote | Ocean Waves (cropped) |
| Fern Leaf Mug | White Glossy Mug 11oz | Fern Leaf |
| Ocean Waves Cushion | Spun Polyester Pillow | Ocean Waves |
| Night Sky Blanket | Sherpa Fleece Blanket | Night Sky |
| Autumn Leaves Notebook | Hardcover Journal | Autumn Leaves |
| Monstera Leaf Notebook | Hardcover Journal | Monstera Leaf |
| Monstera Leaf Phone Case | iPhone Tough Case | Monstera Leaf |
| Blue Waves Laptop Sleeve | Laptop Sleeve | Blue Waves |
---
## Files to Update
### 1. Core Data Source
**File:** `lib/simpleshop_theme/theme/preview_data.ex`
Changes:
- Replace `mock_products/0` with 12 new POD products
- Update `mock_categories/0` with 5 POD categories
- Update `mock_cart_items/0` to reference new products
- Update `cart_drawer_items/0` with new product names
- Update `mock_testimonials/0` with POD-relevant reviews
### 2. Preview Page Templates
**File:** `lib/simpleshop_theme_web/live/theme_live/preview_pages/home.html.heex`
- Update hero title/subtitle to be inclusive of all POD types
- Update about section text (make it generic to all creators, not botanical-specific)
**File:** `lib/simpleshop_theme_web/live/theme_live/preview_pages/about.html.heex`
- Rewrite entire narrative for generic POD creator
- Keep UK focus but remove Yorkshire/botanical specifics
- Update sustainability/process sections
**File:** `lib/simpleshop_theme_web/live/theme_live/preview_pages/pdp.html.heex`
- Update review examples (make them product-agnostic)
- Keep structure, just refresh content
**File:** `lib/simpleshop_theme_web/live/theme_live/preview_pages/contact.html.heex`
- Minor updates to timings if needed
- Keep generic email placeholder
### 3. Shared Components
**File:** `lib/simpleshop_theme_web/live/theme_live/preview_pages.ex`
- Update newsletter CTA: "Join the studio" -> more generic
- Update search hints from "fern, roses, botanical" to relevant terms
### 4. Static Demo File
**File:** `priv/static/demo.html`
- **SKIP** - Leave as-is (legacy reference file)
---
## Image Strategy
Use Unsplash for realistic POD product photography:
- Art prints: framed prints on walls, print mockups
- Apparel: t-shirts, tote bags worn/styled
- Homewares: mugs, cushions in lifestyle settings
- Nature-themed but showing actual products
Example Unsplash search terms:
- "framed art print wall"
- "t-shirt flat lay"
- "ceramic mug coffee"
- "cushion sofa"
- "tote bag canvas"
---
## Content Examples
### Hero Section (home page)
**Before:** "Nature-inspired art prints"
**After:** "Original designs, printed on demand"
Subtitle: "From art prints to apparel - unique products created by independent artists and delivered straight to your door."
### About Section (home page preview)
**Before:** "Made with care in Yorkshire"
**After:** "Made with passion, printed with care"
Text: "Every design starts with an idea. We work with quality print partners to bring those ideas to life on premium products - from gallery-quality art prints to everyday essentials."
### About Page (full)
Generic creative studio narrative:
- Passion for design
- Quality print partners
- Sustainable practices
- UK-based small business
### Testimonials
POD-relevant reviews:
- "The print quality is amazing - colours are exactly as shown"
- "My new favourite mug! Great packaging too"
- "The tote bag is so sturdy, I use it every day"
- etc.
---
## Implementation Order
1. **preview_data.ex** - Core data (products, categories, cart, testimonials)
2. **home.html.heex** - Hero and about preview section
3. **about.html.heex** - Full about page narrative
4. **pdp.html.heex** - Product page reviews
5. **preview_pages.ex** - Shared components (newsletter, search hints)
6. **contact.html.heex** - Minor updates if needed
7. **demo.html** - Align static demo with new content
---
## Workflow
### Phase 1: Mockup Generation (Manual - You)
1. Download high-res versions of each artwork from Unsplash (use the download button)
2. Create free Printify account (if not already done)
3. For each product in the mapping table:
- Create the product in Printify
- Upload the artwork
- Position/scale appropriately
- Download the mockup image
4. Share mockup image URLs or files with me
### Phase 2: Code Updates (Me)
Once mockup images are available:
1. Update `preview_data.ex` with new products, categories, testimonials
2. Update preview page templates (home, about, pdp, etc.)
3. Update shared components (footer, announcement bar, search hints)
4. Test all preview pages work correctly
### Phase 3: About Page Image
We also need an "about" page image (currently picsum.photos/seed/studio). Options:
- A creative workspace photo from Unsplash
- A hands-at-work photo (packing orders, etc.)
- Leave as placeholder for now
---
## Final Decisions
1. **Shop name** - "Wildprint Studio"
2. **Product count** - 16 products
3. **About page image** - Forest Clearing: https://unsplash.com/photos/sunlight-filters-through-a-peaceful-forest-clearing-FwVkxITt8Bg
4. **About page narrative** - Humble, British, personal tone. Single person who takes lovely nature photos and prints them on products.
## About Page Content Direction
**Tone:** Personal, humble, British, warm
**Example narrative:**
> I'm [Name], a nature photographer based in the UK. What started as weekend walks with my camera has grown into something I never expected – a little shop where I can share my favourite captures with others.
>
> Every design in this shop comes from my own photography. Whether it's early morning mist over the hills, autumn leaves in the local woods, or the quiet beauty of wildflower meadows, I'm drawn to the peaceful moments that nature offers.
>
> I work with quality print partners to bring these images to life on products you can actually use and enjoy – from art prints for your walls to mugs for your morning tea.
>
> Thank you for visiting. It means a lot that you're here.
**Key themes:**
- Personal photography journey
- UK-based
- Nature and peaceful moments
- Quality print partners (POD)
- Gratitude for customers
---
## Validation
After implementation:
- Browse all preview pages in theme editor
- Verify images load correctly
- Check content makes sense for "any POD seller"
- Ensure prices/currency consistent (£)
- Test that theme presets still work with new content
- Verify mockup images display at correct sizes