[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-post:google-play-screenshots-design-tips":3},{"post":4,"related":102},{"id":5,"title":6,"slug":7,"excerpt":8,"status":9,"publishedAt":10,"updatedAt":11,"coverImageUrl":12,"coverImageAlt":13,"readingMinutes":14,"wordCount":15,"source":16,"focusKeywords":17,"category":22,"tags":27,"author":45,"html":48,"toc":49,"coverImageCredit":81,"coverImageCreditUrl":82,"seoTitle":83,"seoDescription":84,"faq":85,"noindex":101},"cmvxhzllw000408l3ykzoqo15","Google Play Screenshots: 10 Design Tips That Follow the Rules","google-play-screenshots-design-tips","Good Google Play screenshots show real app UI first, keep taglines under 20% of the image, use 9:16 or 16:9 at 1080 px or more, and skip rankings, prices and device imagery. Then test them with store listing experiments.","published","2026-11-03T06:00:09.287Z","2026-11-03T06:00:09.304Z","https:\u002F\u002Frzg4dr9ak9vfbaym.public.blob.vercel-storage.com\u002Fblog\u002F2026-11\u002Fgoogle-play-screenshots-design-tips-cover-mvxhzjh4-c364P5U4GvFfcXaeZE42oNUwLBdIz0.jpg","Android phone showing an app, illustrating Google Play screenshots design tips",7,1644,"auto",[18,19,20,21],"google play screenshots","google play screenshot size","play store screenshot guidelines","android app screenshots",{"id":23,"name":24,"slug":25,"description":26},"cmvxaybv0000607icji6ezyp6","App Store Optimization","app-store-optimization",null,[28,32,35,38,41],{"id":29,"name":30,"slug":31},"cmvxaybuh000207icl8qm96nh","app store screenshots","app-store-screenshots",{"id":33,"name":34,"slug":34},"cmvxaybuz000507ichpv2j0iu","aso",{"id":36,"name":37,"slug":37},"cmvxaybuh000307ict03whrjp","captions",{"id":39,"name":40,"slug":40},"cmvxhoxvb000008jmm7x8nxwe","design",{"id":42,"name":43,"slug":44},"cmvxaybtd000107icufwenxb9","google play","google-play",{"name":46,"avatarUrl":47},"Nexa Admin","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocKzKKV0Gu7poiUhGY6esfYHXiH2keN4ZMNY5yT6GmMFCLgg624=s96-c","\u003Cp>Good Google Play screenshots show real app UI in the first three frames, keep any tagline to 20% of the image or less, use a 9:16 portrait or 16:9 landscape canvas of at least 1080 px, and leave out rankings, prices and calls to action. Do those four things and you're already ahead of a lot of Android listings.\u003C\u002Fp>\n\u003Cp>Google Play's rules are not the same as Apple's. A design that works on the App Store can still miss Google's best practices. Below are 10 practical tips, all based on Google's own Play Console Help pages, plus a quick spec table and a pre-upload checklist.\u003C\u002Fp>\n\u003Cimg loading=\"lazy\" decoding=\"async\" src=\"https:\u002F\u002Frzg4dr9ak9vfbaym.public.blob.vercel-storage.com\u002Fblog\u002F2026-11\u002Fgoogle-play-screenshots-design-tips-mockup-mvxhzkm0-YR7z9lhPjqkJ3Ehk8ms8TL2UhJ0BUy.jpg\" alt=\"3D mockups of Android app screens on a Pixel 9 Pro and Galaxy S24 for marketing alongside Google Play screenshots\" width=\"1200\" height=\"630\" \u002F>\n\n\u003Ch2 id=\"what-are-google-play-screenshots\">What are Google Play screenshots?\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>Google Play screenshots are the 2–8 images per device type that appear on your store listing and in some Play discovery surfaces, showing users what your app looks like before they install it.\u003C\u002Fstrong> Next to your icon and \u003Ca href=\"\u002Fblog\u002Fgoogle-play-feature-graphic-guide\">feature graphic\u003C\u002Fa>, they are the main visual pitch for an Android app.\u003C\u002Fp>\n\u003Cp>All the rules in this article come from Google's \u003Ca href=\"https:\u002F\u002Fsupport.google.com\u002Fgoogleplay\u002Fandroid-developer\u002Fanswer\u002F9866151\" target=\"_blank\" rel=\"noopener\">Add preview assets to showcase your app\u003C\u002Fa> page in the Play Console Help Center. Google updates that page from time to time, so check it again before a big launch.\u003C\u002Fp>\n\n\u003Ch2 id=\"what-is-the-right-google-play-screenshot-size\">What is the right Google Play screenshot size?\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>Each Google Play screenshot must be a JPEG or 24-bit PNG with no alpha channel, between 320 px and 3,840 px on each side, and the long side can't be more than twice the short side.\u003C\u002Fstrong> Those are the minimums for publishing. Promotion and large-screen surfaces ask for more, as the table shows.\u003C\u002Fp>\n\u003Cdiv class=\"table-scroll\">\u003Ctable>\n\u003Cthead>\n\u003Ctr>\u003Cth>Surface\u003C\u002Fth>\u003Cth>Count\u003C\u002Fth>\u003Cth>Size and ratio\u003C\u002Fth>\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Any listing (to publish)\u003C\u002Ftd>\u003Ctd>At least 2 in total, up to 8 per device type\u003C\u002Ftd>\u003Ctd>320–3,840 px, long side no more than 2× the short side\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Apps eligible for promotion\u003C\u002Ftd>\u003Ctd>At least 4\u003C\u002Ftd>\u003Ctd>At least 1080 × 1920 px (9:16) or 1920 × 1080 px (16:9)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Games eligible for promotion\u003C\u002Ftd>\u003Ctd>At least 3\u003C\u002Ftd>\u003Ctd>All 16:9 at 1920 × 1080 px or more, or all 9:16 at 1080 × 1920 px or more\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Tablets and Chromebooks\u003C\u002Ftd>\u003Ctd>At least 4\u003C\u002Ftd>\u003Ctd>1,080–7,680 px, 16:9 or 9:16\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Wear OS\u003C\u002Ftd>\u003Ctd>At least 1\u003C\u002Ftd>\u003Ctd>1:1, at least 384 × 384 px, no device frames\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Android XR\u003C\u002Ftd>\u003Ctd>4–8\u003C\u002Ftd>\u003Ctd>8:5, at least 1920 × 1200 px (3840 × 2400 px recommended), up to 8 MB\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\u003C\u002Fdiv>\n\u003Cp>\u003Cstrong>Tip 1: Design at 1080 × 1920 px from the start.\u003C\u002Fstrong> That size meets the promotion requirement, stays well inside the 3,840 px cap, and fits the 2:1 ratio rule. If you also need Apple sizes, our \u003Ca href=\"\u002Fblog\u002Fapp-store-screenshot-sizes\">App Store screenshot sizes guide\u003C\u002Fa> lists every iPhone and iPad spec.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Tip 2: Export without transparency.\u003C\u002Fstrong> A PNG with an alpha channel will be rejected. Use a solid or gradient background and export as JPEG or as a flattened PNG.\u003C\u002Fp>\n\n\u003Ch2 id=\"what-should-go-in-the-first-three-screenshots\">What should go in the first three screenshots?\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>Google asks developers to \"prioritize UI in the first three screenshots as much as possible,\" so your first three frames should show real, core app screens, not a logo splash or a wall of text.\u003C\u002Fstrong> These are the frames most people see without scrolling.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Tip 3: Lead with the job your app does.\u003C\u002Fstrong> Order the first three frames like this:\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Cstrong>Frame 1:\u003C\u002Fstrong> the core screen, meaning the one thing people install the app for (the map, the editor, the workout timer).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Frame 2:\u003C\u002Fstrong> the main differentiator, the feature competitors don't have.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Frame 3:\u003C\u002Fstrong> proof it's easy, such as a clean onboarding step or a finished result.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>\u003Cstrong>Tip 4: Split layouts are allowed, so use them carefully.\u003C\u002Fstrong> Google explicitly allows stylized layouts where the UI flows across several images, which is the panoramic look. Make sure each frame still makes sense on its own, because a user may only see one or two at a time.\u003C\u002Fp>\n\n\u003Ch2 id=\"how-much-text-can-you-put-on-google-play-screenshots\">How much text can you put on Google Play screenshots?\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>Taglines should not take up more than 20% of the image, and Google recommends using them only when they're needed.\u003C\u002Fstrong> On a 1080 × 1920 px canvas, that's a band of about 384 px tall for all text combined.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Tip 5: One short line, big type.\u003C\u002Fstrong> Write a headline of 3–6 words that names a benefit (\"Plan meals in 5 minutes\"), and set it large enough to read at thumbnail size. Google warns against small text and busy backgrounds behind text. For copy ideas, see our \u003Ca href=\"\u002Fblog\u002Fapp-store-screenshot-captions-tips\">screenshot caption tips\u003C\u002Fa>. They were written for the App Store, but most of them carry over.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Tip 6: Avoid the words Google flags.\u003C\u002Fstrong> The Play Console Help page lists these as things to avoid in screenshots:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Ranking or award claims such as \"Best,\" \"#1\" or \"Top\"\u003C\u002Fli>\n\u003Cli>Testimonials, prices and promotional words like \"Sale\" or \"Free for a limited time\"\u003C\u002Fli>\n\u003Cli>Calls to action such as \"Download now\" or \"Install today\"\u003C\u002Fli>\n\u003Cli>Time-sensitive content that will go stale quickly\u003C\u002Fli>\n\u003Cli>Third-party trademarked characters or logos you don't have permission to use\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2 id=\"should-google-play-screenshots-use-device-frames\">Should Google Play screenshots use device frames?\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>Google's best practices recommend avoiding device imagery in Google Play screenshots, because it \"can become obsolete quickly or alienate some users.\" For Wear OS, frameless screenshots are a requirement.\u003C\u002Fstrong> This is the biggest difference from typical App Store design, so it's worth planning for.\u003C\u002Fp>\n\u003Cp>For phone screenshots, this is listed as a best practice and not a hard publishing requirement. Still, a frameless, full-bleed UI is the safest default for Google Play, and it's the only option for Wear OS apps and watch faces. Where device mockups do help an Android app:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Outside the store:\u003C\u002Fstrong> your website hero, Product Hunt gallery, press kit, social posts and pitch decks, where a 3D phone helps people see the context.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>On the App Store:\u003C\u002Fstrong> if you ship on iOS too, framed screenshots are common there. See \u003Ca href=\"\u002Fblog\u002Fwhen-to-use-device-mockups\">when to use device mockups\u003C\u002Fa> for the trade-offs.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>As an experiment:\u003C\u002Fstrong> if you want to try a framed version on Google Play anyway, test it against a frameless one with real traffic instead of guessing (see the testing section below).\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Tip 7: Keep one source design, export two styles.\u003C\u002Fstrong> Build each screen once, then export a frameless version for Google Play and a mockup version for the App Store and your marketing. You get one consistent visual identity without breaking either store's conventions.\u003C\u002Fp>\n\n\u003Ch2 id=\"how-do-you-make-android-app-screenshots-look-polished\">How do you make Android app screenshots look polished?\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>Polished Android app screenshots come from clean source captures: a tidy status bar, realistic sample data, and sharp images at the right proportions.\u003C\u002Fstrong> Google's guidance names each of these.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Tip 8: Clean the status bar.\u003C\u002Fstrong> Google recommends hiding notifications and carrier names and showing full battery, Wi-Fi and cell signal icons. Android's demo mode in developer settings, or the Android emulator, makes this easy to do consistently.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Tip 9: Use color that stands out from the store.\u003C\u002Fstrong> For the feature graphic, Google warns that pure white, black or dark gray can blend into Google Play's background. The same logic is a good rule of thumb for screenshot backgrounds. Pick a brand color or a gradient with strong contrast against your headline, and avoid stretched, compressed, blurry or pixelated captures.\u003C\u002Fp>\n\u003Cp>Two more things Google mentions that people often skip:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Localize the text.\u003C\u002Fstrong> Translate taglines and overlays for each market you target, not just the description.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Write alt text.\u003C\u002Fstrong> Play Console lets you add alt text to screenshots. Keep it to 140 characters or less and describe what the screen shows, without starting with \"image of.\"\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2 id=\"how-do-you-a-b-test-google-play-screenshots\">How do you A\u002FB test Google Play screenshots?\u003C\u002Fh2>\n\u003Cp>\u003Cstrong>Google Play Console's store listing experiments let you test up to 2 screenshot variants against your current listing on real traffic.\u003C\u002Fstrong> This is the honest way to settle debates like framed vs. frameless or light vs. dark backgrounds.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Tip 10: Test one change at a time.\u003C\u002Fstrong> According to Google's \u003Ca href=\"https:\u002F\u002Fsupport.google.com\u002Fgoogleplay\u002Fandroid-developer\u002Fanswer\u002F6227309\" target=\"_blank\" rel=\"noopener\">Run A\u002FB tests on your store listing\u003C\u002Fa> page, a default graphics experiment can include variants of your icon, feature graphic and screenshots. Each app can run one default graphics experiment or up to five localized experiments at once, and experiments stop automatically after 6 months. Change a single variable per test, such as frame 1 or the background color, so you know what caused the difference.\u003C\u002Fp>\n\n\u003Ch2 id=\"where-mockiso-fits-in-your-android-workflow\">Where mockiso fits in your Android workflow\u003C\u002Fh2>\n\u003Cp>Since Google discourages device imagery in Play screenshots, use mockiso for everything around the store listing: your landing page, launch posts and the iOS version of your screenshots. A typical flow:\u003C\u002Fp>\n\u003Col>\n\u003Cli>Create a \u003Ca href=\"\u002Fregister\">free account\u003C\u002Fa> and start a new project.\u003C\u002Fli>\n\u003Cli>Pick an Android device such as the Pixel 9 Pro, Galaxy S24 Ultra or Galaxy Z Fold7 (see all \u003Ca href=\"\u002F#devices\">devices\u003C\u002Fa>).\u003C\u002Fli>\n\u003Cli>Paste your cleaned-up capture with Ctrl\u002FCmd+V, then choose an angle preset like hero left or float.\u003C\u002Fli>\n\u003Cli>Set a gradient or one of the 70 backdrop templates, add an optional headline and subline, and use the duo or trio layout for consecutive screens.\u003C\u002Fli>\n\u003Cli>Export PNG, JPEG or WebP using a social or store canvas preset, or download a ZIP of all angles.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>The Free plan includes 1× export with a watermark. Pro adds 2× export up to 8K and batch ZIP export. Check \u003Ca href=\"\u002Fpricing\">pricing\u003C\u002Fa> for current limits.\u003C\u002Fp>\n\n\u003Ch2 id=\"key-takeaways\">Key takeaways\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Google Play screenshots must be JPEG or 24-bit PNG without alpha, 320–3,840 px, with the long side no more than twice the short side.\u003C\u002Fli>\n\u003Cli>For promotion eligibility, apps need at least 4 screenshots at 1080 × 1920 px (9:16) or 1920 × 1080 px (16:9).\u003C\u002Fli>\n\u003Cli>Put real core UI in the first three screenshots and keep taglines to 20% of the image or less.\u003C\u002Fli>\n\u003Cli>Avoid rankings, prices, calls to action and device imagery. Wear OS screenshots must have no device frames.\u003C\u002Fli>\n\u003Cli>Use Play Console store listing experiments to test up to 2 variants against your current screenshots.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2 id=\"ship-screenshots-that-work-in-both-stores\">Ship screenshots that work in both stores\u003C\u002Fh2>\n\u003Cp>Google Play rewards clear, honest, UI-first screenshots. Build frameless Play assets first, then reuse the same screens for 3D mockups on your website, launch posts and App Store listing. \u003Ca href=\"\u002Fregister\">Start your free 24-hour Pro trial on mockiso\u003C\u002Fa>, no card required, and turn your Android screens into marketing visuals in a few minutes.\u003C\u002Fp>",[50,54,57,60,63,66,69,72,75,78],{"id":51,"text":52,"level":53},"what-are-google-play-screenshots","What are Google Play screenshots?",2,{"id":55,"text":56,"level":53},"what-is-the-right-google-play-screenshot-size","What is the right Google Play screenshot size?",{"id":58,"text":59,"level":53},"what-should-go-in-the-first-three-screenshots","What should go in the first three screenshots?",{"id":61,"text":62,"level":53},"how-much-text-can-you-put-on-google-play-screenshots","How much text can you put on Google Play screenshots?",{"id":64,"text":65,"level":53},"should-google-play-screenshots-use-device-frames","Should Google Play screenshots use device frames?",{"id":67,"text":68,"level":53},"how-do-you-make-android-app-screenshots-look-polished","How do you make Android app screenshots look polished?",{"id":70,"text":71,"level":53},"how-do-you-a-b-test-google-play-screenshots","How do you A\u002FB test Google Play screenshots?",{"id":73,"text":74,"level":53},"where-mockiso-fits-in-your-android-workflow","Where mockiso fits in your Android workflow",{"id":76,"text":77,"level":53},"key-takeaways","Key takeaways",{"id":79,"text":80,"level":53},"ship-screenshots-that-work-in-both-stores","Ship screenshots that work in both stores","Photo by Jonas Lee on Unsplash","https:\u002F\u002Funsplash.com\u002Fphotos\u002Fspace-gray-iphone-6-o6elTKWZ5bI?utm_source=mockiso&utm_medium=referral","Google Play Screenshots: 10 Design Tips That Follow Rules","Design Google Play screenshots that pass review and convert: sizes, the 20% tagline rule, the first-three-frames rule, and how to A\u002FB test. See the checklist.",[86,89,92,95,98],{"q":87,"a":88},"Can I use the same screenshots for Google Play and the App Store?","You can reuse the same source screens, but the final exports usually differ. Apple has fixed pixel sizes per device class, and Google Play recommends avoiding device frames. Many teams export a frameless set for Google Play and a framed or captioned set for the App Store.",{"q":90,"a":91},"Are landscape screenshots allowed on Google Play?","Yes. Google Play accepts both orientations. For promotion eligibility, landscape screenshots should be 16:9 at 1920 × 1080 px or more. Games need at least three screenshots in the same orientation, all landscape or all portrait.",{"q":93,"a":94},"Why was my PNG screenshot rejected by Play Console?","The most common cause is an alpha (transparency) channel. Google Play only accepts JPEG or 24-bit PNG without alpha. Flatten the image onto a solid background or export as JPEG, and check that each side is between 320 and 3,840 px.",{"q":96,"a":97},"Do I need separate screenshots for tablets?","If you want your app to show well on tablets and Chromebooks, Google asks for at least 4 large-screen screenshots between 1,080 and 7,680 px in 16:9 or 9:16. Google also advises leaving out text that isn't part of the core app experience, because it can be cropped on some Play homepages.",{"q":99,"a":100},"How long should a Google Play screenshot A\u002FB test run?","Play Console estimates how long an experiment needs to reach a statistically significant result, and experiments stop automatically after 6 months. Let a test run until Play Console reports a clear result instead of stopping after a few days.",false,[103,132,161],{"id":104,"title":105,"slug":106,"excerpt":107,"status":9,"publishedAt":108,"updatedAt":109,"coverImageUrl":110,"coverImageAlt":111,"readingMinutes":112,"wordCount":113,"source":16,"focusKeywords":114,"category":118,"tags":122,"author":131},"cmvxhwhug000308l38j38p7k1","App Store Screenshot Generator: 7 Tools Compared Honestly","app-store-screenshot-generator-tools","The best App Store screenshot generator depends on your bottleneck. AppScreens and AppLaunchpad fit template, localization and resizing work. mockiso, Rotato and Previewed fit 3D device mockups. fastlane frameit fits automated pipelines, and Figma fits full custom design.","2026-11-03T02:00:04.916Z","2026-11-03T02:00:04.983Z","https:\u002F\u002Frzg4dr9ak9vfbaym.public.blob.vercel-storage.com\u002Fblog\u002F2026-11\u002Fapp-store-screenshot-generator-tools-cover-mvxhwg05-7dZkc4eJq17YDgHTlbBbLZMWXeL6Cp.jpg","App Store screenshot generator output showing 3D iPhone, Pixel and iPad mockups",6,1447,[115,116,117,18],"app store screenshot generator","app store screenshot tools","3d device mockup",{"id":119,"name":120,"slug":121,"description":26},"cmvxhwhtf000208l31t1p6580","Tools","tools",[123,124,125,126,130],{"id":29,"name":30,"slug":31},{"id":33,"name":34,"slug":34},{"id":39,"name":40,"slug":40},{"id":127,"name":128,"slug":129},"cmvxbz972000008kxigja0le6","device mockups","device-mockups",{"id":42,"name":43,"slug":44},{"name":46,"avatarUrl":47},{"id":133,"title":134,"slug":135,"excerpt":136,"status":9,"publishedAt":137,"updatedAt":138,"coverImageUrl":139,"coverImageAlt":140,"readingMinutes":14,"wordCount":141,"source":16,"focusKeywords":142,"category":147,"tags":151,"author":160},"cmvxhttd7000108l343j414dz","Laptop Mockup Tutorial: Show Your Website in 3D, Step by Step","laptop-mockup-website-tutorial","To make a laptop mockup of your website, capture a sharp screenshot at the laptop screen's proportions. Place it on a 3D laptop model, choose an angle and lighting, then export at 2× as WebP or PNG. In mockiso this takes a few minutes in the browser.","2026-11-02T06:00:11.026Z","2026-11-02T06:00:11.109Z","https:\u002F\u002Frzg4dr9ak9vfbaym.public.blob.vercel-storage.com\u002Fblog\u002F2026-11\u002Flaptop-mockup-website-tutorial-cover-mvxhtr56-fNJH3CibZTF8AXI7Tbx9IP47x3j74T.jpg","Laptop mockup showing a website on a modern laptop screen on a clean desk",1566,[143,144,145,146],"laptop mockup","website mockup","macbook mockup","website screenshot mockup",{"id":148,"name":149,"slug":150,"description":26},"cmvxhttan000008l3gikdnnvk","Tutorials","tutorials",[152,153,154,157],{"id":39,"name":40,"slug":40},{"id":127,"name":128,"slug":129},{"id":155,"name":156,"slug":156},"cmvxce04r000708kx59ilvqys","launch",{"id":158,"name":159,"slug":159},"cmvxbz975000208kxi3iyhypr","marketing",{"name":46,"avatarUrl":47},{"id":162,"title":163,"slug":164,"excerpt":165,"status":9,"publishedAt":166,"updatedAt":167,"coverImageUrl":168,"coverImageAlt":169,"readingMinutes":14,"wordCount":170,"source":16,"focusKeywords":171,"category":176,"tags":179,"author":190},"cmvxhoxxh000308jmhtr2slpk","UX Portfolio Mockups: How to Present App Designs in Case Studies","ux-portfolio-mockups-case-studies","UX portfolio mockups work best as packaging, not proof: use one angled 3D device mockup for the thumbnail and hero image, flat front-facing frames for flows and detail screens, and keep the process work (sketches, research, iterations) visible.","2026-11-02T02:00:03.334Z","2026-11-02T02:00:03.407Z","https:\u002F\u002Frzg4dr9ak9vfbaym.public.blob.vercel-storage.com\u002Fblog\u002F2026-11\u002Fux-portfolio-mockups-case-studies-cover-mvxhovvs-JK6EYCD0MXi9RbrPvPlQKfmwaD0MrE.jpg","UX portfolio mockups of an app case study on a MacBook Pro, iPad Pro and iPhone 17 Pro",1615,[172,173,174,175],"ux portfolio mockups","ux case study visuals","present app designs in portfolio","portfolio device mockups",{"id":177,"name":178,"slug":40,"description":26},"cmvxbz973000108kxliuusz0h","Design",[180,184,185,186],{"id":181,"name":182,"slug":183},"cmvxhoxws000208jm3nzksssj","case studies","case-studies",{"id":39,"name":40,"slug":40},{"id":127,"name":128,"slug":129},{"id":187,"name":188,"slug":189},"cmvxhoxwl000108jmfylfrstq","ux portfolio","ux-portfolio",{"name":46,"avatarUrl":47}]