📱 Mental Health App Store Screenshots
How to design screenshots that convert for mental health apps. Sequence strategy, headline formulas, and examples from top-performing apps.
Screenshot #1: The Hero Shot
72% of users never scroll past the first screenshot. For mental health apps, your hero shot should:
Mood check-in with emotion wheel and journaling prompt
The key metrics to feature prominently: Mood trend, Journal entries, Exercises completed
Recommended Screenshot Sequence
The ideal 5-screenshot flow for mental health apps, from hook to close:
- Screenshot 1: Daily mood tracker with emotion granularity
- Screenshot 2: CBT exercise with thought reframing
- Screenshot 3: Therapist matching and video sessions
- Screenshot 4: Crisis resources with one-tap helpline
- Screenshot 5: Progress journal with mood trends over time
If your app supports it, fill all 10 App Store slots. Screenshots 6-10 can cover: settings/customization, platform availability, testimonials/ratings, pricing/upgrade, and a final CTA.
Headline Formulas for Mental Health Screenshots
The text overlay on each screenshot matters as much as the visual. Proven formulas for mental health apps:
- Benefit-first: "Track Every Mood trend Automatically"
- Curiosity: "The Mental Health App That [Unexpected Benefit]"
- Social proof: "Join 50,000+ Users Who [Achieved Outcome]"
- Pain point: "Stop [Common Frustration]. Start [Desired Outcome]."
- Specificity: "Journal entries in Under 30 Seconds"
Rules: Max 6 words per headline. 56pt minimum font size. High contrast (white on dark or dark on light). Test at thumbnail size — if you can't read it in the App Store browse view, it's too small.
Common Mistakes to Avoid
❌ The #1 Mistake
Using clinical/medical imagery — keep it warm, approachable, and non-intimidating
- Too much text: Screenshots aren't documentation. 3-5 words per headline, max.
- Showing settings: Nobody downloads an app for its settings screen.
- Empty states: Show the app populated with impressive, realistic data.
- Inconsistent style: All screenshots should feel like one cohesive story.
- Ignoring thumbnail size: Your screenshot must work at 150px wide in the browse view.
Design Styles That Work for Mental Health
Based on analysis of top-performing health apps in the App Store:
Required Screenshot Sizes
| Device | Size (px) | Required? |
|---|---|---|
| iPhone 16 Pro Max | 1320×2868 | ✅ Required |
| iPhone 16 Pro | 1206×2622 | ✅ Required |
| iPhone 16 Plus | 1290×2796 | ✅ Required |
| iPhone 16 | 1179×2556 | ✅ Required |
| iPhone 15 Pro Max | 1290×2796 | ✅ Required |
Pro tip: Design for iPhone 16 Pro Max (1320×2868) first, then scale down. All other sizes can be auto-generated.
App Store Optimization Tips for Mental Health
- Update screenshots with each major release — stale screenshots signal an abandoned app
- Localize for your top 3 markets — translated screenshots increase conversion 25-40%
- A/B test backgrounds — gradient vs solid can swing conversion 10-15%
- Show dark mode if you have it — dark mode screenshots stand out in the App Store browse
- Include your app's unique differentiator in screenshot 1 — what makes you different from the 50 other mental health apps?
Related Health App Types
Meditation App
Health app screenshot guide
Sleep Tracker
Health app screenshot guide
Period Tracker
Health app screenshot guide
Medication Reminder
Health app screenshot guide
Symptom Checker
Health app screenshot guide
Telehealth
Health app screenshot guide
Blood Pressure
Health app screenshot guide
Water Reminder
Health app screenshot guide
ASO Guides
Frequently Asked Questions
What should the first screenshot show for a mental health app?
Mood check-in with emotion wheel and journaling prompt
How many screenshots should a mental health app use?
Use all 10 slots on the App Store (or 8 on Google Play). Lead with your strongest value proposition, then walk through key features. For mental health apps, focus on: Daily mood tracker with emotion granularity, CBT exercise with thought reframing, Therapist matching and video sessions.
What are common screenshot mistakes for mental health apps?
Using clinical/medical imagery — keep it warm, approachable, and non-intimidating
What colors work best for mental health app screenshots?
Health apps typically perform well with colors that convey trust and energy. Test your specific palette — what works for one mental health app may not work for another. A/B test gradient vs solid backgrounds.
Should mental health apps show device frames in screenshots?
It depends on your app's visual complexity. If your UI is beautiful and self-explanatory, skip frames to maximize screen real estate. If context matters (showing the app in a device), use frames. Most top health apps skip device frames.