# LifeTimer - App Store Screenshot Guidelines

## Screenshot Requirements

### iOS App Store
- **Required**: 6.5" display (1242x2688 pixels)
- **Optional**: 5.5" display (1242x2208 pixels)
- **Minimum**: 3 screenshots
- **Maximum**: 10 screenshots

### Google Play Store
- **Required**: Phone (1080x1920 pixels)
- **Optional**: 7" Tablet (1200x1920 pixels)
- **Optional**: 10" Tablet (1600x2560 pixels)
- **Minimum**: 2 screenshots
- **Maximum**: 8 screenshots

## Screenshot Themes

### Screenshot 1: Home Countdown
**Purpose**: Show the main countdown feature

**Content**:
- Large countdown display (days, hours, minutes, seconds)
- Progress ring showing percentage complete
- Motivational message
- Clean, modern design

**Caption**: "Track your 1356-day journey with a beautiful, immersive countdown"

**Tips**:
- Use a realistic time remaining (e.g., 1,234 days)
- Show progress around 30-50% for visual appeal
- Ensure countdown numbers are clearly visible

### Screenshot 2: Goals List
**Purpose**: Show goal management and tracking

**Content**:
- List of goals with progress bars
- Goal cards with images
- Completion indicators
- "Add Goal" floating action button

**Caption**: "Create up to 20 life goals and track your progress every step of the way"

**Tips**:
- Show 3-4 diverse goals (travel, career, fitness)
- Include goals at different progress levels
- Use appealing goal images

### Screenshot 3: Goal Detail
**Purpose**: Show detailed goal tracking

**Content**:
- Goal title and description
- Progress slider
- Milestones/steps checklist
- Location or image attachment
- Edit and delete options

**Caption**: "Break down your goals into actionable milestones and celebrate achievements"

**Tips**:
- Show a goal with multiple steps
- Include some completed and some pending steps
- Show location or image features

### Screenshot 4: Profile & Stats
**Purpose**: Show user profile and achievements

**Content**:
- User avatar and username
- Countdown start and end dates
- Goals completed count
- Achievement badges
- Stats summary

**Caption**: "View your journey stats, achievements, and personal milestones"

**Tips**:
- Show a completed user profile
- Include several achievement badges
- Display meaningful stats

### Screenshot 5: Social Feed
**Purpose**: Show community features

**Content**:
- Activity feed of public milestones
- User cards with follow buttons
- Achievement celebrations
- Community engagement

**Caption**: "Join a community of motivated individuals and share your journey"

**Tips**:
- Show diverse user activities
- Include achievement celebrations
- Highlight social interactions

### Screenshot 6: Analytics & Insights
**Purpose**: Show progress visualization

**Content**:
- Progress vs time chart
- Goal completion trends
- Streak visualization
- Summary cards

**Caption**: "Gain insights into your progress with beautiful charts and analytics"

**Tips**:
- Use colorful, engaging charts
- Show positive trends
- Include multiple visualization types

## Design Guidelines

### Visual Style
- **Color Scheme**: Use app's primary colors (indigo, purple, pink)
- **Typography**: Clean, modern fonts matching the app
- **Layout**: Balanced composition with clear focal points
- **Background**: Use app's gradient or solid colors
- **Contrast**: Ensure text and UI elements are clearly visible

### Text Overlays
- **Font**: San Francisco (iOS) / Roboto (Android)
- **Size**: Large enough to read on mobile screens
- **Color**: White text on dark backgrounds, or vice versa
- **Position**: Bottom 20% of screenshot
- **Style**: Bold, concise, benefit-focused

### Device Frames
- **iOS**: Use iPhone 14 Pro Max frame
- **Android**: Use Pixel 7 Pro frame
- **Consistency**: Use the same device frame across all screenshots
- **Quality**: High-resolution, professional appearance

## Screenshot Order

### Recommended Order (iOS)
1. Home Countdown (main feature)
2. Goals List (core functionality)
3. Goal Detail (feature depth)
4. Profile & Stats (personalization)
5. Social Feed (community)
6. Analytics & Insights (advanced features)

### Recommended Order (Android)
1. Home Countdown (main feature)
2. Goals List (core functionality)
3. Profile & Stats (personalization)
4. Social Feed (community)
5. Goal Detail (feature depth)
6. Analytics & Insights (advanced features)

## Caption Guidelines

### Best Practices
- **Length**: 20-30 words maximum
- **Focus**: Benefits, not features
- **Tone**: Motivational, inspiring, positive
- **Keywords**: Include relevant terms for ASO
- **Clarity**: Easy to understand quickly

### Example Captions
- "Transform your life with a focused 1356-day challenge"
- "Track your goals, celebrate milestones, achieve greatness"
- "Join thousands on their journey to personal transformation"
- "Beautiful design, powerful features, life-changing results"

## Localization

### Considerations
- Translate captions for all supported languages
- Ensure UI text is localized in screenshots
- Test with native speakers for accuracy
- Account for text length variations

### Supported Languages (Initial Launch)
- English (US, UK)
- Spanish
- French
- German
- Japanese
- Korean
- Portuguese (Brazil)

## A/B Testing

### Test Variables
- Screenshot order
- Caption wording
- Visual style (dark/light mode)
- Feature emphasis
- Call-to-action placement

### Metrics to Track
- Conversion rate (downloads)
- App store page views
- Screenshot engagement
- User retention

## Tools & Resources

### Design Tools
- **Figma**: Create mockups and designs
- **Sketch**: Alternative design tool
- **Adobe XD**: Design and prototyping
- **Canva**: Quick design templates

### Screenshot Tools
- **CleanShot X**: Screen capture and editing (Mac)
- **Snagit**: Screen capture and annotation
- **Xcode Simulator**: iOS screenshots
- **Android Emulator**: Android screenshots

### Device Frames
- **Device Frames**: Figma plugin for device frames
- **Magic Mockups**: Online mockup generator
- **Placeit**: Professional mockup service

## Quality Checklist

### Before Submission
- [ ] All screenshots are at correct resolution
- [ ] Device frames are consistent
- [ ] Text is clearly visible and readable
- [ ] Colors match app's brand guidelines
- [ ] No typos or grammatical errors
- [ ] Captions are compelling and concise
- [ ] Screenshots showcase key features
- [ ] UI is up-to-date with current app version
- [ ] No sensitive or personal data visible
- [ ] Screenshots work in both light and dark modes

## Next Steps

1. Create design mockups for all screenshots
2. Capture actual app screenshots
3. Add device frames and text overlays
4. Write compelling captions
5. Test with focus group
6. Iterate based on feedback
7. Finalize and prepare for submission

---

## Additional Marketing Assets

### App Preview Videos (Optional)
- **iOS**: 15-30 seconds
- **Android**: 30 seconds - 2 minutes
- **Content**: Feature walkthrough, user journey
- **Format**: MP4 or MOV

### Promotional Images
- **Social Media**: 1080x1080 pixels
- **Website Banner**: 1920x1080 pixels
- **Email Header**: 600x200 pixels
- **Blog Featured**: 1200x630 pixels

---

## Resources

- [Apple App Store Screenshot Guidelines](https://developer.apple.com/app-store/app-store-connect/assets/)
- [Google Play Store Screenshot Guidelines](https://support.google.com/googleplay/android-developer/answer/1078870)
- [App Store Optimization Best Practices](https://www.appfollow.io/blog/aso-guide)
