AppWispr

Find what to build

Contractor‑Ready Visual Pack: Exact Screenshot, Icon & Preview Video Briefs That Avoid Rework

AW

Written by AppWispr editorial

Return to blog
L
AS
AW

CONTRACTOR‑READY VISUAL PACK: EXACT SCREENSHOT, ICON & PREVIEW VIDEO BRIEFS THAT AVOID REWORK

LaunchMay 12, 20265 min read1,023 words

If you’re the founder shipping an app, every hour spent clarifying screenshots, icons or preview videos is a delayed release. This guide gives deliverable‑first templates and rules you can copy into a single brief and hand to a contractor — specs, caption copy, variant naming, export presets, and acceptance tests — so creatives produce launch‑ready assets on the first pass.

contractor-ready-visual-pack-screenshot-icon-video-briefsapp store screenshotspreview video briefsdesign handoff templatesexport presetsacceptance tests

Section 1

Start with the deliverable, not the moodboard

Link section

Founders and indie teams often begin handoffs with mood, inspiration links, or abstract style directions. That’s useful for creative direction, but it’s the deliverable checklist that prevents rework. For app store assets, the product you actually need is a wrapped set of files that meet store specs, include final caption text, use deterministic file names, and have an automated acceptance checklist.

Begin every brief with a one‑sentence deliverable definition: e.g., “Five iPhone App Store screenshots (primary: 6.9" slot), one 30s App Preview video (1920×886 H.264), single adaptive app icon export set.” Put that at the top so the contractor can immediately scope the job without digging through paragraphs of taste prose.

  • List exact output files (dimensions, orientation, codec, length).
  • Specify primary and fallback slot(s) for each store (App Store vs Play Store).
  • Include final marketing captions and CTA text — not drafts.

Section 2

Exact specs: avoid ‘make it fit later’

Link section

Apple and Google accept only specific image sizes and video formats; submitting the wrong size is a guaranteed source of back‑and‑forth. Include the exact App Store Connect screenshot slot you want (for example: 6.9" iPhone portrait primary), pixel dimensions, accepted file formats, and maximum file size if relevant. When in doubt, link the official App Store screenshot specification and list the exact resolution you expect exported.

For preview videos and icons, include codec and color/bit depth instructions. Example: App Preview — H.264 baseline profile, 30 fps maximum, no transparency; Icon — deliver PNG 1×, 2×, 3× for each platform and a 1024×1024 store icon. These concrete rules remove ambiguity and give contractors a checklist to validate before upload.

  • State resolution (px), orientation, format (PNG/JPEG/H.264), and frame rate.
  • Specify whether devices frames or bezels should be included.
  • Call out localization: which captions must be delivered per locale.

Section 3

Variant naming, export presets and file structure

Link section

A predictable file tree and deterministic naming avoid lost files and mistaken uploads. Provide a single example path and naming convention and require the contractor follow it. Example convention: screenshots/ios/6.9-primary_en-US_01.png, screenshots/android/phone_en-US_01.jpg, icons/ios/AppIcon_1024@1x.png. That single example should be the first file in your brief.

Supply export presets for the tool you expect them to use (Figma, Sketch, Photoshop). If you use Figma, paste the exact export settings: format, scale, color profile, and any SVG flags. That means contractors can create an export profile that produces bit‑identical outputs across iterations, and you can script quick acceptance checks.

  • Give one canonical filename example and require all files follow the pattern.
  • List export preset settings for the expected design tool (format, scale, color space).
  • Ask for a zipped artifact that preserves the directory structure.

Section 4

Acceptance tests you can automate in minutes

Link section

A brief should end with acceptance tests: a short, machine‑friendly list you can run locally (or with a CI script) to confirm outputs match the brief. Keep tests simple and binary so the contractor can run them before delivery and you can reproduce failures quickly.

Recommended checks: correct pixel dimensions, file format, filename pattern, presence of required captions (text layer or paired .txt file), and preview video codec/length. Include exact shell commands or small Node/Python snippets for each test — contractors who see those will run them before handing over work, and you’ll eliminate most subjective QA.

  • Dimension check: width×height equals the spec.
  • Filename regex match to your naming convention.
  • Caption presence and length checks (e.g., max 50 characters).
  • Video length and codec verification.

Section 5

Caption rules, localization, and the small decisions that block launches

Link section

Captions are surprisingly political: versions with emojis, punctuation, or trademarked terms can be rejected or cause last‑minute edits. Include the final caption copy in the brief — and for any localized builds, provide a table mapping locale codes to caption text and character limits. That removes iterative copy reviews and ensures the creative has space set for each language.

Also decide who will handle store metadata vs. image copy changes after delivery. If you want contractors to deliver captioned image files and separate plain caption files (for store console copy), say that explicitly. One quick rule: require a captions.csv (locale, screenshot_filename, caption_text) so you can automate upload or copy/paste into store consoles without retyping.

  • Attach final caption text; include locale table for translations.
  • Require a captions.csv to map files to copy for upload.
  • Call out prohibited content (real personal data, competing brands, profanity).

FAQ

Common follow-up questions

Can I supply a single screenshot size and have stores auto‑scale?

Both App Store and Google Play will sometimes scale screenshots, but relying on automatic scaling risks cropping, blurring, or failing store validators. Always supply the exact required slot sizes where possible (for Apple: include the 6.9" primary slot if you want that device shown).

What export settings should I provide for Figma?

Give the format (PNG/JPEG/SVG), scale (1×, 2×, 3×), color profile notes (sRGB or Display P3 if important), and any SVG export flags. Paste the exact setting names or a screenshot of the preset so contractors can create matching exports. Also ask for non‑flattened source files when possible.

How do I check preview video format quickly?

Verify container (MP4), codec (H.264 or HEVC if accepted), frame rate (commonly 30fps), resolution matching the store slot, and length. You can use ffmpeg commands to validate codec and duration or include a simple script in the brief.

Should I include device frames in screenshots?

Decide up front. Device frames can look polished but add complexity (pixel alignment, bezels). If you want raw UI only, state: “No hardware frames — full‑bleed screenshots.” If you want framed shots, include the exact frame asset and how it should be composited.

Sources

Research used in this article

Each generated article keeps its own linked source list so the underlying reporting is visible and easy to verify.

Next step

Turn the idea into a build-ready plan.

AppWispr takes the research and packages it into a product brief, mockups, screenshots, and launch copy you can use right away.