Screenshots, Icons, and Promotional Assets

# CHAPTER 9

Screenshots, Icons, and Promotional Assets #

1. Introduction #

Humans are highly visual creatures. When a user lands on your app's store page, they rarely read the long description first. Instead, their eyes immediately scan the App Icon, then the Feature Graphic, and finally the Screenshots. If these visual assets look unprofessional, outdated, or confusing, the user will leave without downloading. In this chapter, we will learn how to design striking, high-converting visual assets that clearly communicate your app's value.

2. Learning Objectives #

By the end of this chapter, you will be able to:

• Understand the technical requirements for Play Store visual assets.

• Design an identifiable and scalable App Icon.

• Create compelling Feature Graphics.

• Design narrative-driven App Screenshots.

• Utilize tools to generate professional mockups.

3. The App Icon #

The App Icon is your brand's anchor. It is the first thing users see in search results and the permanent resident on their home screen. Requirements (Google Play):

• 512 x 512 pixels.

• 32-bit PNG (with alpha).

• Maximum file size: 1024KB.

Design Principles:

• Simplicity: Do not cram text or photographs into the icon. Use a strong, single focal point (like a recognizable logo or letterform).

• Scalability: It must look good at 512x512 on the store, and at 48x48 on a phone screen.

• Contrast: Use a background color that helps the central element pop.

4. The Feature Graphic #

The Feature Graphic is a large promotional banner displayed at the top of your Google Play Store listing (and in promotional sections across the store). Requirements:

• 1024 x 500 pixels.

• JPEG or 24-bit PNG (no alpha).

Design Principles:

• Keep the main text and focal point in the center of the image. The edges might get cropped depending on the device screen size.

• Use it to convey the *vibe* or core benefit of the app, rather than just a screenshot.

5. Designing Screenshots #

Screenshots are the most critical conversion tool. You are allowed up to 8 screenshots per device type (Phone, Tablet). Design Principles:

• Don't just upload raw screenshots: A raw screenshot lacks context. Instead, place your screenshot inside a 3D device frame (mockup) and add a solid or gradient background.

• Use Large Typography: Above or below the device mockup, add a short, punchy caption explaining the feature (e.g., "Track Your Expenses Daily"). Users read this text!

• Tell a Story: Screenshot 1 should show the core value proposition. Screenshot 2 should show the main feature. Screenshot 3 should show a secondary feature.

• Highlight: Use arrows or magnifying glass effects to draw attention to specific UI elements within the screenshot.

6. Promo Videos #

Google Play allows you to link a YouTube video as your Promo Video.

• If you add a video, a "Play" button overlays your Feature Graphic.

• Keep it short (30-60 seconds).

• Assume users are watching with the sound off. Use bold on-screen text to explain what is happening.

• Show actual in-app footage quickly; don't waste 15 seconds on a slow logo animation.

7. Mini Project: Design Play Store Assets #

Task: Use a free tool to design your first set of App Store screenshots.

1. 1. Go to a screenshot generator tool (like Previewed.app, AppMockUp.com, or Canva).

1. 2. Upload a screenshot of any mobile app.

1. 3. Select an iPhone or Android device frame.

1. 4. Add a gradient background and a bold text caption.

1. 5. Export the final image.

8. Branding Guidelines and Consistency #

Your icon, feature graphic, and screenshots should share a unified color palette and typography. If your app is built on a dark theme with neon green accents, your screenshots and feature graphic should reflect that exact same aesthetic. Consistency builds professional trust.

9. Store Compliance (What NOT to do) #

Google regularly updates its metadata policies. Currently, you will face rejection or penalties if your assets include:

• The words "Free", "Best", "Top 1", or "Sale".

• Call to action phrases like "Download now" in the icon or title.

• Store performance indicators (e.g., showing a 5-star rating graphic inside your icon).

10. Common Mistakes #

• Unreadable text in screenshots: Using a thin 12pt font for the captions. It is illegible on a phone screen.

• Cluttered Icons: Using a highly detailed photograph as an app icon. It turns into a muddy blur on a home screen.

• No Tablet Screenshots: Failing to upload 7-inch and 10-inch tablet screenshots can result in Google warning users that "This app is not optimized for your device."

11. Security Recommendations #

• If your app contains sensitive user data (like a banking app or messaging app), ensure that the screenshots you use in the store are populated with *dummy data* (fake names, fake account numbers). Never use real user data in promotional assets.

12. Exercises #

1. 1. Search the Play Store for a major app like "Uber" or "Airbnb". Analyze their first 3 screenshots. Do they use raw screenshots or framed mockups with captions? What story does the text tell?

1. 2. Check your app's icon against a dark background and a light background to ensure it maintains good contrast.

13. Publishing Checklist #

• [ ] Icon is 512x512 PNG, compliant with Google's no-promotional-text policy.

• [ ] Feature Graphic is exactly 1024x500.

• [ ] Minimum of 3 Phone screenshots generated.

• [ ] Screenshots use device frames and large, legible caption text.

14. MCQ Quiz with Answers #

15. Interview Questions #

• Q: Explain the difference in purpose between the App Icon and the Feature Graphic on the Google Play Store.

• Q: If an app is experiencing high views on the store page but a very low download rate, which visual assets would you analyze and modify first?

16. FAQs #

Q: Do I need Photoshop to make good screenshots? A: Absolutely not. While Photoshop is great, web tools like Figma, Canva, or dedicated ASO mockup generators (like Previewed.app) make it incredibly easy to produce professional assets without a steep learning curve.

17. Summary #

Visual assets are the window display of your digital storefront. By creating a scalable, simple app icon, an engaging feature graphic, and framed, narrative-driven screenshots, you drastically improve the chances of converting a casual browser into an active user.

18. Next Chapter Recommendation #

You have the code and the beautiful marketing assets. But before Google lets you publish, you must prove you respect user privacy. In Chapter 10: App Permissions, Privacy Policies, and Compliance, we will navigate the legal requirements of publishing an app.