TDvorak/1356
1
0
Fork 0
mirror of https://github.com/Dvorinka/1356.git synced 2026-06-03 19:42:57 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
Files
5ab2773f98d4b991a7101b93a47e6d14e7b08390
1356/lifetimer/app_store_assets/screenshot_guidelines.md
T
Tomas Dvorak 37ffb93923 feat: Complete Phase 1 - Full Flutter app implementation with comprehensive features 
Version: 1.1.0

Major changes:
- Implemented complete Flutter app structure with all core features
- Added comprehensive UI screens for auth, countdown, goals, profile, settings, and social features
- Integrated Supabase backend with authentication and data repositories
- Added offline support with Hive caching and local storage
- Implemented comprehensive routing with go_router
- Added location services with Google Maps integration
- Implemented notifications and home widget support
- Added voice recording capabilities and AI chat features
- Created comprehensive test suite and documentation
- Added Android and iOS platform configurations
- Implemented achievements system and social features
- Added calendar integration and bucket list functionality

This represents a complete Phase 1 milestone with 3,775 additions across 31 files.
2026-01-04 14:33:54 +01:00

7.3 KiB
Raw Blame History

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

Reference in New Issue View Git Blame Copy Permalink