Skip to content

APP_STORE_SCREENSHOTS_GUIDE.md

Latest commit

 

History

History
185 lines (148 loc) · 4.54 KB

APP_STORE_SCREENSHOTS_GUIDE.md

File metadata and controls

185 lines (148 loc) · 4.54 KB

📱 App Store Screenshots Guide - Meetopia

🎯 REQUIRED SCREENSHOTS FOR APP STORE

Screenshot Sizes Needed

iPhone 6.7" (Pro Max): 1290×2796 pixels - REQUIRED
iPhone 6.5" (Plus): 1242×2688 pixels - REQUIRED  
iPhone 5.5": 1242×2208 pixels - REQUIRED
iPad Pro 12.9": 2048×2732 pixels - Optional but recommended

📸 HOW TO TAKE SCREENSHOTS

Step 1: Open iOS Simulator

cd MeetopiaExpoApp
npx expo start --ios

Step 2: Configure Simulator

  1. Open iOS Simulator
  2. Go to Device > iPhone 15 Pro Max (for 6.7" screenshots)
  3. Make sure simulator is at 100% scale
  4. Hide status bar: Device > Erase All Content and Settings (optional)

Step 3: Take Screenshots

  1. Navigate to each screen in your app
  2. Press Cmd + S to save screenshot
  3. Screenshots save to Desktop by default
  4. Repeat for iPhone 15 Plus and iPhone 8 Plus

🎨 SCREENSHOT SEQUENCE (5 SCREENSHOTS REQUIRED)

Screenshot 1: Main Video Chat Screen

What to show:

  • Active video chat interface
  • User's camera feed
  • Clean, professional UI
  • "Meetopia" branding visible

Caption: "Connect face-to-face with people worldwide"

Screenshot 2: Profile Setup Screen

What to show:

  • User profile creation
  • Interest selection
  • Safety settings
  • Onboarding flow

Caption: "Create your profile and set preferences"

Screenshot 3: Matching Interface

What to show:

  • User matching screen
  • "Find Match" button
  • Interest-based matching
  • Clean, modern design

Caption: "Smart matching based on your interests"

Screenshot 4: Chat & Messaging

What to show:

  • Text chat alongside video
  • Message history
  • User-friendly interface
  • Safety features visible

Caption: "Chat safely with built-in moderation"

Screenshot 5: Safety Features

What to show:

  • Report user interface
  • Block user options
  • Safety settings
  • Community guidelines

Caption: "Your safety is our top priority"

🎨 DESIGN TIPS FOR GREAT SCREENSHOTS

Visual Guidelines

  • Use bright, engaging colors
  • Show diverse, friendly users (use mock data)
  • Ensure text is readable
  • Keep UI clean and uncluttered
  • Show active, engaging conversations

Text Overlays (Optional)

  • Add descriptive text over screenshots
  • Use consistent fonts and colors
  • Highlight key features
  • Keep text minimal and impactful

Mockup Tools (If Needed)

  • Use screenshot frames from Apple
  • Add device mockups for professional look
  • Consider using tools like Figma or Sketch
  • Maintain consistent branding

📱 SCREENSHOT CHECKLIST

Before Taking Screenshots

  • App is running smoothly in simulator
  • All features are working properly
  • Mock data shows diverse, appropriate users
  • UI elements are properly aligned
  • No debug information visible

Quality Check

  • Images are crisp and high resolution
  • Text is readable on all screen sizes
  • Colors are vibrant and appealing
  • Screenshots tell a clear story
  • All required sizes captured

File Organization

Screenshots/
├── iPhone_6.7/
│   ├── 01_video_chat.png
│   ├── 02_profile_setup.png
│   ├── 03_matching.png
│   ├── 04_chat_messaging.png
│   └── 05_safety_features.png
├── iPhone_6.5/
│   └── [same 5 screenshots]
└── iPhone_5.5/
    └── [same 5 screenshots]

🚀 QUICK SCREENSHOT WORKFLOW

30-Minute Screenshot Session

1. Start iOS Simulator (5 min)
2. Navigate to each screen and screenshot (15 min)
3. Resize for different devices (5 min)
4. Quick quality check (5 min)

Commands to Run

# Start the app
cd MeetopiaExpoApp
npx expo start --ios

# In simulator:
# Cmd + S = Save screenshot
# Cmd + Shift + H = Home button
# Device menu = Change device type

📝 APP STORE DESCRIPTION REMINDERS

When Uploading Screenshots

  • Add captions to each screenshot
  • Ensure screenshots match your app description
  • Test on different device sizes
  • Preview how they look in App Store

Screenshot Order Matters

  1. Most important/engaging screen first
  2. Show user journey/flow
  3. Highlight unique features
  4. End with safety/trust elements
  5. Keep consistent visual style

⚡ QUICK START COMMANDS

# Take screenshots now:
cd MeetopiaExpoApp
npx expo start --ios

# Then in iOS Simulator:
# 1. Open iPhone 15 Pro Max
# 2. Navigate through app screens
# 3. Press Cmd + S for each screenshot
# 4. Repeat for iPhone 15 Plus and iPhone 8 Plus

Pro Tip: Take screenshots of your best, most engaging screens first. The first screenshot is what users see in search results! 📱✨