# 2025-07-21

## Tiangge Marketing & Brand Assets #product #marketing #design

**Requester:** (Discord session)

### Logo Finalized
- **Selected:** `logo-simple-v1.png` — map pin with curved scalloped awning
- Represents discovery (pin) + Filipino tiangge culture (awning)
- Generated via nano-banana-pro skill after multiple iterations
- Fixed distortion by cropping whitespace → final 543x543 square
- Generated all favicon sizes: 16, 32, 48, 64, 180, 192, 512px
- Location: `/home/aria/products/tiangge/assets/brand/`

### Downloads Page Created
- URL: https://tiangge.dev.apps.symph.co/downloads
- Contains: PRD, GTM Strategy, Target Market docs, Brand Assets section
- Docs copied to `/home/aria/products/tiangge/apps/main/public/docs/`

### Organizer Pitch Deck
- Created HTML slideshow (14KB, 7 slides) for fullscreen viewing
- URL: https://tiangge.dev.apps.symph.co/docs/organizer-pitch-deck.html
- Source data: `/home/aria/products/tiangge/discovery/pitch-deck.json`
- Designed for approaching bazaar organizers to list events

### Marketing Strategy Decision
- Recommended **Community-Led Growth (CLG)** over B2B or marketplace approaches
- Aligns with Filipino community behavior patterns
- Lowest CAC, fastest path to PMF validation
- Key tactics: FB groups, micro-influencers, UGC campaigns

### Brand Colors (for reference)
- Deep Sage: `#465940`
- Terracotta: `#C07B5A`
- Soft Peach: `#E8A598`

### Next Actions (for product owner)
1. Set up social media accounts (@tiangge.ph on Instagram, TikTok, Facebook)
2. Join recommended FB groups, build credibility before promoting
3. Execute Week 1 content calendar
4. Partner with 3-5 micro-influencers for UGC
5. Use pitch deck when approaching bazaar organizers

---

## Tiangge Pitch Deck Refinements (Jhai Feedback) #product #marketing

### Major Changes Applied
- **Horizontal navigation** — left/right arrows instead of vertical scroll
- **No emojis** — all replaced with inline Lucide SVG icons (reliability)
- **WOW intro slide** — confetti explosion animation on "Introducing Tiangge"
- **Steps animation** — slides reveal one-by-one on click (hidden first)
- **App screenshot** added to features slide (side-by-side layout)
- **Removed "leading" claim** — too early to claim market leadership
- **Pricing matches website exactly:**
  - Starter: Free (1 bazaar, 20 merchants)
  - Professional: ₱1,499/mo (3 bazaars, 100 merchants)
  - Enterprise: ₱4,999/mo (unlimited)

### PDF Generation
- Tool: Puppeteer + ImageMagick (`convert`)
- Script: `/tmp/pdf-gen/generate-pdf.js`
- Output: 2.9MB, 9 pages
- PDF URL: https://tiangge.dev.apps.symph.co/docs/organizer-pitch-deck.pdf

### Slide 3 Mockup (In Progress)
- Replacing Tiangge logo with organizer portal UI mockup
- Approach: inline SVG/HTML dashboard visuals (sidebar, stats cards, charts)
- Reference: OrganizerDashboardMockup component pattern from for-organizers page

### Technical Notes
- App port: 3005
- Server restart required after adding static files to public folder
- Brand highlight images: `/brand/highlight-markets.png`, `highlight-finds.png`, `highlight-tips.png`

---

## Tiangge Pitch Deck v2 — Artistic Overhaul #product #marketing #design

### Structure Change: 13 Slides Total
Split single "Problems" slide into 4 separate immersive challenge slides:
1. Title
2. Challenge: Disappearing Content ("The Void")
3. Challenge: Overwhelming Management ("The Chaos")
4. Challenge: Lack of Data Visibility ("Flying Blind")
5. Challenge: Starting Over ("The Reset")
6. Introducing Tiangge (WOW with confetti)
7. Dashboard screenshot
8. Merchant Management screenshot
9. Analytics screenshot
10. Benefits
11. How It Works (3 steps)
12. Pricing
13. CTA

### Pain Point Animations (CSS-only)
Created unique animated visuals for each challenge slide (right column):
- **Void**: Posts fade in/out infinitely, representing disappearing content
- **Chaos**: Scattered elements drift around, representing overwhelming tasks
- **Blind**: Question marks pulse in fog, representing no data visibility
- **Reset**: Circular arrow spins, representing starting over each event

### Layout Changes
- **Two-column flex layout** for challenge slides (text left, animation right)
- **Centered content** on all slides (not left-skewed)
- **Slide labels increased** to 18px bold for readability
- **Screenshots at 90% width** with enhanced shadows/borders

### Tone Change
Rewrote challenge copy to be **empathetic**, not accusatory:
- Before: "Your events are invisible..."
- After: "You post on Instagram. You share in Facebook groups. You add to event listings. But a week later? Gone. Lost in the algorithm."

Acknowledges organizer efforts, validates frustrations, positions Tiangge as ally not critic.

### Theme
- Dark background with purple/violet accent (#8b5cf6)
- Gradient overlays for visual depth
- Sans-serif typography (system fonts)

### Pending
- Final review from Jhai
- PDF regeneration with all 13 slides
