# App Store Asset Requirements for BaoLife

Complete guide to creating all required visual assets for your App Store listing.

---

## Table of Contents

1. [App Icon](#app-icon)
2. [Screenshots](#screenshots)
3. [App Preview Video](#app-preview-video)
4. [Marketing Assets](#marketing-assets)
5. [Tools & Resources](#tools--resources)

---

## App Icon

### Required Specifications

**App Store (Required):**
- **Size:** 1024 x 1024 pixels
- **Format:** PNG or JPEG
- **Color Space:** RGB
- **Layers:** Flattened (no transparency)
- **Compression:** No compression or minimal
- **Corner Radius:** None (Apple adds automatically)

**Critical Requirements:**
- ❌ **NO alpha channel** (transparency)
- ❌ **NO rounded corners** (Apple applies)
- ✅ **Square image**
- ✅ **High resolution**
- ✅ **Recognizable at small sizes**

### Design Guidelines

**Best Practices:**

1. **Simple & Memorable:**
   - Avoid complex details
   - Use bold shapes
   - Clear at all sizes
   - Instantly recognizable

2. **Brand Identity:**
   - Reflects app purpose (life simulation)
   - Consistent with app design
   - Unique from competitors
   - Memorable color scheme

3. **Test at Multiple Sizes:**
   - 20x20 pt (small notifications)
   - 40x40 pt (settings, spotlight)
   - 60x60 pt (notifications)
   - 180x180 pt (home screen)

### Icon Design Ideas for BaoLife

**Concept 1: Character Silhouette**
- Simple human silhouette
- Multiple ages/stages shown
- Gradient background
- Life journey theme

**Concept 2: Heart + Timeline**
- Heart shape (relationships)
- Timeline running through it
- Life stages represented
- Emotional connection

**Concept 3: Tree of Life**
- Stylized tree
- Growth metaphor
- Seasons represented
- Natural, organic feel

**Concept 4: Character Face**
- Friendly character illustration
- SVG style matching app
- Welcoming expression
- Immediate character connection

**Concept 5: Minimalist "B"**
- Stylized "B" for BaoLife
- Integrated life symbols
- Modern, clean design
- Professional appearance

### Color Palette Suggestions

**Option 1: Warm & Inviting**
- Primary: #FF6B6B (Coral)
- Secondary: #4ECDC4 (Turquoise)
- Background: #FFE66D (Soft Yellow)

**Option 2: Professional & Trustworthy**
- Primary: #007AFF (iOS Blue)
- Secondary: #34C759 (iOS Green)
- Background: #FFFFFF (White)

**Option 3: Vibrant & Energetic**
- Primary: #FF3B30 (Red)
- Secondary: #FF9500 (Orange)
- Background: #FFD60A (Yellow)

**Option 4: Calm & Serene**
- Primary: #5856D6 (Purple)
- Secondary: #AF52DE (Pink)
- Background: Gradient

### Creating Your Icon

**Using Design Tools:**

1. **Figma (Free):**
   - Create 1024x1024 frame
   - Design icon
   - Export as PNG (2x for quality)
   - Remove alpha channel

2. **Sketch:**
   - Create 1024x1024 artboard
   - Design icon
   - Export as PNG
   - Flatten layers

3. **Photoshop:**
   - New document: 1024x1024
   - Design icon
   - Flatten image (no layers)
   - Save as PNG
   - Remove alpha: Image > Mode > RGB Color

4. **Illustrator:**
   - Create 1024x1024 artboard
   - Design icon (vectors)
   - Export as PNG
   - Rasterize at 1024x1024

5. **Canva (Simple):**
   - Custom size: 1024x1024
   - Use templates or design from scratch
   - Download as PNG

**Hiring a Designer:**

**Where to Find:**
- Fiverr ($20-$100)
- Upwork ($50-$500)
- 99designs (contest: $299+)
- Dribbble (hire pros)

**Brief Template:**
```
Project: iOS App Icon for Life Simulator Game

App Name: BaoLife
Tagline: Live a lifetime in your pocket

Requirements:
- 1024x1024 PNG
- No alpha channel
- Simple, memorable design
- Reflects life simulation theme
- Stands out in App Store

Style Preferences:
- [Modern/Playful/Minimalist/Illustrative]
- [Color preferences]
- [Icon concepts you like]

Deliverables:
- 1024x1024 PNG (App Store)
- Source file (PSD/AI/Sketch)
- Multiple size variations (optional)

Budget: $___
Deadline: ___
```

### Icon Testing

**Checklist:**

1. **Visual Test:**
   - [ ] Clear at 40x40 pixels
   - [ ] Recognizable at 20x20 pixels
   - [ ] No fine details lost at small size
   - [ ] Colors distinct and vibrant
   - [ ] Stands out in App Store

2. **Technical Test:**
   - [ ] Exactly 1024x1024 pixels
   - [ ] PNG or JPEG format
   - [ ] No alpha channel
   - [ ] RGB color space
   - [ ] File size <1 MB

3. **Context Test:**
   - [ ] Place among competitor icons
   - [ ] View on different backgrounds
   - [ ] Test in App Store search results
   - [ ] Show to others for feedback

**Test Upload:**
- Upload to App Store Connect early
- View in context on device
- Make adjustments if needed

---

## Screenshots

### Required Sizes

Apple requires screenshots for these display sizes:

**iPhone (Required):**

1. **6.7" Display** (iPhone 15 Pro Max, 14 Pro Max)
   - Resolution: 1290 x 2796 pixels
   - Aspect ratio: 19.5:9

2. **6.5" Display** (iPhone 11 Pro Max, XS Max)
   - Resolution: 1242 x 2688 pixels
   - Aspect ratio: 19.5:9

3. **5.5" Display** (iPhone 8 Plus, 7 Plus, 6s Plus)
   - Resolution: 1242 x 2208 pixels
   - Aspect ratio: 16:9

**iPad (Optional but Recommended):**

4. **12.9" Display** (iPad Pro 12.9")
   - Resolution: 2048 x 2732 pixels

5. **11" Display** (iPad Pro 11")
   - Resolution: 1668 x 2388 pixels

### Screenshot Count

- **Minimum:** 1 screenshot per required size
- **Maximum:** 10 screenshots per size
- **Recommended:** 5-7 screenshots per size

### Screenshot Guidelines

**Apple's Requirements:**

- ✅ Actual app screenshots (not mockups)
- ✅ Same language as metadata
- ✅ Show actual functionality
- ❌ No misleading content
- ❌ No mockup devices (unless as template)
- ❌ No testimonials or reviews

**Best Practices:**

1. **First Screenshot is Critical:**
   - Most impactful feature
   - Visible without scrolling
   - Drives downloads
   - Clear value proposition

2. **Tell a Story:**
   - Flow from feature to feature
   - Show progression
   - Build excitement
   - End with call to action

3. **Use Captions:**
   - Short, compelling text
   - Highlight key benefits
   - Make screenshots scannable
   - Large, readable font

4. **Professional Design:**
   - Consistent style
   - On-brand colors
   - Clean layouts
   - High quality

### Screenshot Content Strategy

**For BaoLife (5 Screenshots):**

#### Screenshot 1: Character Creation
**Focus:** Customization & Personality

**What to Show:**
- Character customization screen
- Multiple appearance options visible
- Clear, inviting interface

**Caption:**
```
"CREATE YOUR UNIQUE CHARACTER
Customize appearance, personality, and start your journey"
```

**Design Notes:**
- Highlight customization options
- Show diverse character options
- Bright, welcoming colors

#### Screenshot 2: AI Conversations
**Focus:** Relationship & AI Technology

**What to Show:**
- Conversation with NPC
- Natural dialogue
- Character portraits
- Affinity indicator

**Caption:**
```
"NATURAL AI CONVERSATIONS
Build meaningful relationships with lifelike characters"
```

**Design Notes:**
- Show engaging conversation
- Highlight AI technology
- Demonstrate personality

#### Screenshot 3: Life Progression
**Focus:** Gameplay & Features

**What to Show:**
- Main game screen
- Time, energy, money visible
- Activities available
- Current life stage

**Caption:**
```
"LIVE A FULL LIFETIME
Experience childhood, career, relationships, and more"
```

**Design Notes:**
- Show variety of options
- Demonstrate depth
- Convey simulation aspect

#### Screenshot 4: Activities & Career
**Focus:** Variety & Progression

**What to Show:**
- Activity selection screen
- Multiple career/activity options
- Progress indicators
- Achievements

**Caption:**
```
"PURSUE YOUR PASSIONS
Choose from 50+ activities, careers, and hobbies"
```

**Design Notes:**
- Show variety
- Highlight progression
- Demonstrate depth

#### Screenshot 5: Relationships & Dating
**Focus:** Emotional Connection

**What to Show:**
- Relationship screen
- Multiple characters
- Affinity levels
- Dating options

**Caption:**
```
"BUILD LASTING RELATIONSHIPS
Find love, make friends, start a family"
```

**Design Notes:**
- Show emotional aspect
- Demonstrate variety
- Highlight depth

### Creating Screenshots

#### Method 1: iPhone Simulator

**Steps:**

1. **Open Xcode**
2. **Select Simulator:**
   - iPhone 15 Pro Max (6.7")
   - iPhone 11 Pro Max (6.5")
   - iPhone 8 Plus (5.5")
3. **Run App**
4. **Navigate to Screen:**
   - Set up desired content
   - Position elements
5. **Take Screenshot:**
   - Cmd + S (saves to Desktop)
   - Or: File > New Screen Shot
6. **Repeat for All Sizes**

**Advantages:**
- Free
- Exact dimensions
- Easy to retake

**Disadvantages:**
- Basic (just app)
- No device frame
- No captions

#### Method 2: Device Frame + Design Tool

**Process:**

1. **Capture Screenshots:**
   - Use simulator (Cmd + S)
   - Or real device

2. **Import to Design Tool:**
   - Figma, Sketch, Photoshop, Canva

3. **Add Device Frame:**
   - Use mockup templates
   - Optional but looks professional

4. **Add Captions:**
   - Large, bold text
   - Compelling copy
   - Readable font

5. **Add Background:**
   - Brand colors
   - Gradient
   - Consistent style

6. **Export:**
   - Exact dimensions required
   - PNG format
   - High quality

**Design Template Structure:**

```
┌─────────────────────────┐
│    [Caption Text]       │
│                         │
│  ┌─────────────────┐   │
│  │                 │   │
│  │  App Screenshot │   │
│  │                 │   │
│  │                 │   │
│  └─────────────────┘   │
│                         │
│  [Optional Subtext]     │
└─────────────────────────┘
```

#### Method 3: Screenshot Design Services

**Tools:**

1. **Screenshot Creator Apps:**
   - App Store Screenshot (iOS app)
   - Screenshot Designer
   - Previewed (Mac app)

2. **Online Tools:**
   - Placeit.net
   - Mockuphone.com
   - Screenshots.pro

3. **Hire Designer:**
   - Fiverr ($20-$100)
   - Upwork ($50-$300)
   - 99designs

**Template Services:**
- Provide PSD/Sketch templates
- Just insert screenshots
- Professional results
- Faster than designing from scratch

### Screenshot Specifications

**Technical Requirements:**

| Device | Width | Height | Format | File Size |
|--------|-------|--------|--------|-----------|
| 6.7" | 1290 | 2796 | PNG/JPEG | <5 MB |
| 6.5" | 1242 | 2688 | PNG/JPEG | <5 MB |
| 5.5" | 1242 | 2208 | PNG/JPEG | <5 MB |

**Quality:**
- 72 DPI minimum
- RGB color space
- No text in image that's <12pt in app

### Screenshot Checklist

**Before Upload:**

- [ ] All required sizes created
- [ ] 5-7 screenshots per size
- [ ] Best screenshot first
- [ ] Story flows logically
- [ ] Captions clear and compelling
- [ ] No typos in text
- [ ] High resolution, sharp
- [ ] Accurate representation of app
- [ ] Consistent design style
- [ ] Professional appearance

**Quality Check:**
- [ ] View at actual size
- [ ] Readable text
- [ ] Colors vibrant
- [ ] No pixelation
- [ ] Proper aspect ratio

---

## App Preview Video

### Overview

**What is App Preview?**
- Short video of your app (15-30 seconds)
- Shows app in action
- Appears before screenshots
- Optional but highly effective
- Increases conversions by 20-30%

**Benefits:**
- Demonstrates app better than static images
- Engages users immediately
- Shows fluid animations
- Conveys app feel
- Professional presentation

### Specifications

**Technical Requirements:**

| Device | Resolution | Aspect Ratio | Duration |
|--------|------------|--------------|----------|
| 6.7" | 1290 x 2796 | 19.5:9 | 15-30s |
| 6.5" | 1242 x 2688 | 19.5:9 | 15-30s |
| 5.5" | 1242 x 2208 | 16:9 | 15-30s |

**Format:**
- .mov, .m4v, or .mp4
- H.264 or HEVC (H.265) codec
- Stereo audio (AAC, 256 kbps recommended)
- 23.976-30 fps

**File Size:**
- Maximum: 500 MB
- Recommended: <100 MB

### Content Guidelines

**Apple's Rules:**

- ✅ Must be captured from app
- ✅ Show actual app interface
- ✅ Same language as metadata
- ❌ No marketing copy or testimonials
- ❌ No calls to action (Download Now, etc.)
- ❌ No app name or pricing
- ❌ No device frames (show app only)

**Best Practices:**

1. **Start Strong:**
   - Hook viewer in first 3 seconds
   - Show most compelling feature
   - No logos or splash screens

2. **Show Don't Tell:**
   - Demonstrate key features
   - Show user interactions
   - Natural flow through app

3. **Keep It Short:**
   - 15-20 seconds ideal
   - 30 seconds maximum
   - Every second counts

4. **Sound Design:**
   - Background music (upbeat, energetic)
   - Sound effects from app
   - Professional quality

### Storyboard for BaoLife

**15-Second Preview:**

```
0:00 - 0:03: Character Creation
- Quick swipe through appearance options
- Tap to customize name
- Smooth animations

0:03 - 0:06: Main Game Screen
- Time progressing
- Character performing activity
- Stats updating

0:06 - 0:09: AI Conversation
- Tap character portrait
- Conversation appears
- Natural dialogue exchange

0:09 - 0:12: Activities Montage
- Quick cuts of different activities
- Dating, career, hobbies
- Dynamic, fast-paced

0:12 - 0:15: Achievement Unlock
- Achievement popup
- Satisfying animation
- End on character progression screen
```

**30-Second Preview (Extended):**

Add:
- 0:15 - 0:20: Relationship System
- 0:20 - 0:25: Career Progression
- 0:25 - 0:30: Character aging / Life journey

### Creating App Preview

#### Method 1: Screen Recording

**iOS Device:**

1. **Enable Screen Recording:**
   - Settings > Control Center
   - Add Screen Recording

2. **Record:**
   - Open Control Center
   - Long press Screen Recording
   - Select "iOS" (no audio)
   - Tap Start Recording
   - Wait 3-second countdown
   - Navigate through app
   - Stop via status bar

3. **Edit:**
   - Trim to 15-30 seconds
   - iMovie, Final Cut, Premiere
   - Add music
   - Export at correct resolution

**Simulator:**

1. **Open Simulator**
2. **Start Recording:**
   - File > Record Screen (Cmd + R)
3. **Navigate App**
4. **Stop Recording**
5. **Edit Video**

**Advantages:**
- Authentic app footage
- Smooth interactions
- Accurate representation

**Disadvantages:**
- Requires video editing skills
- Time-consuming
- Need multiple takes

#### Method 2: Screen Recording Software

**Mac Tools:**

1. **QuickTime Player:**
   - File > New Screen Recording
   - Select iOS device (if connected)
   - Record app on device

2. **ScreenFlow ($129):**
   - Professional screen recording
   - Built-in editing
   - Effects and annotations

3. **Camtasia ($299):**
   - Screen recording + editing
   - Professional results
   - Animation support

#### Method 3: Hire Professional

**Services:**

1. **Fiverr ($50-$200):**
   - Search "app preview video"
   - Provide app access
   - Receive edited video

2. **Upwork ($200-$1000):**
   - Hire video editor
   - More custom control
   - Professional results

3. **Specialized Services:**
   - Apptopia
   - App Preview Studio
   - Custom pricing

### Music & Sound

**Royalty-Free Music Sources:**

1. **Free:**
   - YouTube Audio Library
   - Free Music Archive
   - Incompetech (Creative Commons)
   - Bensound

2. **Paid:**
   - Epidemic Sound ($15/month)
   - AudioJungle ($1-$20 per track)
   - PremiumBeat ($49-$99)
   - Artlist ($16.60/month)

**Music Style for BaoLife:**
- Upbeat and energetic
- Modern and friendly
- Not too intense
- Matches app vibe (life simulation)

**Volume:**
- Background music: -20 to -15 dB
- Sound effects: -10 to -5 dB
- Balance between music and SFX

### Editing Tips

**Pacing:**
- Quick cuts (2-3 seconds per scene)
- Match music beats
- Build momentum
- Leave viewers wanting more

**Transitions:**
- Smooth fades
- Quick cuts
- No fancy transitions (distracting)

**Effects:**
- Minimal effects
- Highlight important elements
- Zoom to show details
- Arrows or circles (sparingly)

**Text Overlays:**
- Avoid if possible (Apple discourages)
- If needed: minimal, large font
- On screen for 3+ seconds

### App Preview Checklist

**Before Upload:**

- [ ] 15-30 seconds long
- [ ] Correct resolution for each device size
- [ ] H.264 codec
- [ ] Stereo audio
- [ ] File size <500 MB
- [ ] Shows actual app interface
- [ ] No marketing copy
- [ ] No testimonials
- [ ] No pricing or download CTAs
- [ ] Same language as metadata
- [ ] High quality (no pixelation)
- [ ] Smooth, no stuttering
- [ ] Professional audio
- [ ] Music licensed (royalty-free)

---

## Marketing Assets

### Beyond App Store

**Additional Assets for Marketing:**

### 1. Social Media Graphics

**Twitter/X:**
- 1200 x 675 pixels
- Feature highlights
- Screenshots with captions

**Instagram:**
- 1080 x 1080 pixels (square)
- 1080 x 1350 pixels (portrait)
- Behind-the-scenes
- Feature showcases

**Facebook:**
- 1200 x 630 pixels
- Announcement graphics
- Update notifications

**Reddit:**
- No specific size
- Use screenshots
- GIFs of gameplay

### 2. Press Kit

**Include:**
- App icon (all sizes)
- Screenshots (all devices)
- App preview video
- Feature list
- Press release
- Developer bio
- Contact information

**Host at:** yourwebsite.com/press or Dropbox folder

### 3. Website/Landing Page

**Hero Section:**
- Large screenshot or video
- App Store badge
- Download link
- Key tagline

**Features Section:**
- 3-6 key features
- Icons + descriptions
- Screenshots

**Screenshots Section:**
- Carousel of screenshots
- Device frames
- Captions

**Footer:**
- Privacy policy link
- Terms of service link
- Support link
- Social media links

### 4. App Store Badge

**Download:**
- Apple provides official badges
- https://developer.apple.com/app-store/marketing/guidelines/

**Specifications:**
- Minimum height: 40 pixels
- Clear space around badge
- Provided in multiple languages
- Link directly to App Store

### 5. GIFs for Marketing

**Create GIFs:**
1. Record 3-5 second clips
2. Convert to GIF (Giphy, ezgif.com)
3. Optimize file size (<5 MB)
4. Use on Twitter, Reddit, Discord

**GIF Ideas:**
- Character customization
- AI conversation
- Activity completion
- Achievement unlock
- Relationship progression

---

## Tools & Resources

### Design Tools

**Free:**
- Figma (web-based, collaborative)
- Canva (templates, easy to use)
- GIMP (Photoshop alternative)
- Inkscape (Illustrator alternative)

**Paid:**
- Adobe Photoshop ($20.99/month)
- Adobe Illustrator ($20.99/month)
- Sketch ($9/month)
- Affinity Designer ($54.99 one-time)

### Screenshot Tools

**Free:**
- Xcode Simulator
- QuickTime Player (screen recording)
- Preview (Mac, basic editing)

**Paid:**
- Previewed ($9.99/month) - Mac app for screenshot design
- App Store Screenshot ($19.99 one-time) - iOS app
- Shotbot.io ($29/month) - automated screenshots

### Video Editing

**Free:**
- iMovie (Mac)
- DaVinci Resolve (professional, free version)
- Shotcut (open source)

**Paid:**
- Final Cut Pro ($299 one-time)
- Adobe Premiere Pro ($20.99/month)
- ScreenFlow ($129 one-time)
- Camtasia ($299 one-time)

### Asset Resources

**Icons:**
- SF Symbols (Apple's icon library, free)
- Font Awesome (free)
- Noun Project ($3/icon)
- Flaticon (free and paid)

**Fonts:**
- Google Fonts (free)
- Font Squirrel (free)
- Adobe Fonts (included with Creative Cloud)

**Mockups:**
- Placeit.net (subscription)
- Mockuphone.com (free)
- Threed.io (free iPhone mockups)

**Stock Photos/Videos:**
- Unsplash (free)
- Pexels (free)
- Pixabay (free)

### Learning Resources

**Apple Documentation:**
- App Store Marketing Guidelines
- Human Interface Guidelines
- App Store Asset Specifications

**Tutorials:**
- YouTube: "App Store screenshot tutorial"
- YouTube: "App preview video tutorial"
- Skillshare: iOS design courses

**Communities:**
- r/iOSProgramming
- r/AppStoreOptimization
- Designer News

---

## Asset Creation Checklist

### Complete Asset List

**Required for Submission:**
- [ ] App Icon (1024x1024)
- [ ] Screenshots (6.7" display) - 5-7 images
- [ ] Screenshots (6.5" display) - 5-7 images
- [ ] Screenshots (5.5" display) - 5-7 images

**Highly Recommended:**
- [ ] App Preview Video (6.7")
- [ ] App Preview Video (6.5")
- [ ] App Preview Video (5.5")
- [ ] iPad screenshots (if supporting iPad)

**Optional but Useful:**
- [ ] Marketing screenshots (with device frames)
- [ ] Social media graphics
- [ ] Press kit
- [ ] GIFs for social media
- [ ] Landing page graphics

**Organization:**
```
Assets/
├── App Icon/
│   ├── app-icon-1024.png
│   └── app-icon-source.psd
├── Screenshots/
│   ├── 6.7-inch/
│   │   ├── screenshot-1.png
│   │   ├── screenshot-2.png
│   │   └── ...
│   ├── 6.5-inch/
│   │   └── ...
│   └── 5.5-inch/
│       └── ...
├── App Preview/
│   ├── 6.7-inch/
│   │   ├── preview.mov
│   │   └── preview-poster.jpg
│   └── ...
└── Marketing/
    ├── social-media/
    ├── press-kit/
    └── gifs/
```

---

## Timeline & Budget

### Estimated Time

**DIY Assets:**
- App Icon: 4-8 hours
- Screenshots: 8-12 hours
- App Preview Video: 8-16 hours
- **Total:** 20-36 hours

**Hired Assets:**
- Ordering: 1-2 hours
- Revisions: 2-4 hours
- **Total:** 3-6 hours

### Budget Estimates

**DIY (Free - ~$100):**
- Design tools: $0-$50/month
- Music licensing: $0-$50
- Templates: $0-$50

**Hired ($200 - $1000):**
- App Icon: $50-$300
- Screenshots: $50-$300
- App Preview Video: $100-$400
- Full package discounts available

**Professional ($1000 - $5000+):**
- Complete branding
- All assets
- Multiple revisions
- Ongoing support

---

## Quality Standards

### What "Professional" Looks Like

**High Quality:**
- Sharp, clear images
- Consistent design language
- On-brand colors and fonts
- Compelling copy
- Polished, finished feel
- Attention to detail

**Low Quality:**
- Pixelated or blurry
- Inconsistent styles
- Generic stock photos
- Typos or poor copy
- Rushed appearance
- Amateur feel

**Your Goal:**
- Match or exceed competitor quality
- Professional appearance
- Clear communication of value
- Stands out in App Store
- Converts viewers to downloads

---

## Final Thoughts

**Assets Matter:**
- First impression of your app
- Directly impact conversion rate
- Worth the time and investment
- Can always update later

**Iterate:**
- Launch with good assets
- Monitor performance
- A/B test different screenshots
- Update based on feedback
- Continuously improve

**Don't Overthink:**
- Done is better than perfect
- Ship and iterate
- Learn from data
- Improve over time

---

## Need Help?

**Resources:**
- Apple Marketing Guidelines: https://developer.apple.com/app-store/marketing/
- Asset Templates: https://developer.apple.com/design/resources/
- Support: support@baolife.app

**Good luck creating your assets!** 🎨