A landing page for your app, on real phones
Before anyone taps Get, they look at your screens. This kit makes your app’s website out of them: your own screenshots on real, modern phones in 3D, moving as people scroll.
A store listing is laid out the same way for every app: icon, name, a row of screenshots, the button. Your own site is where you decide how yours is introduced — which screen comes first, what the words say, where the button leads.
It’s a website, not the app or its store page. It shows your screens and links out — to the App Store, Google Play or your sign-up page. You fill it in your browser, see it change as you type, and download plain files that are yours to host.
What your site shows
The phone turns to face them
The page opens on the back of a phone, which turns round to your main screen as your headline and the store button appear. If there’s a desktop or web version, a laptop behind it shows that too.
Four finishes, four screens
Four phones fan out, one in each finish — natural titanium, desert, white, black — and each with one of your screens on it. Scroll, and the whole arc turns.
Your list fills up
Your list screen starts empty. The items you wrote fly in as cards and settle into it as rows, one by one, the screen flashing as each lands. Then the phone goes back to the main screen.
The week rises behind it
Your overview screen comes with a wall of coloured blocks rising behind the phone, seven columns wide, like a week filling up: plans, habits, workouts.
One screen in the dark
For your detail screen, a single phone stays and the room dims around it, leaving the screen to glow. It’s the page’s quiet moment, kept for the thing your app does best.
Plans, and the way to the store
The phones step aside for your plans, one to four, each with its price, what’s included and its own button; on a phone, they swipe. The main button stays in the header all the way down.
Have this ready
- Five phone screenshots, 390 × 844 or any iPhone size: your main screen, a list, that list empty, an overview, a detail
- A 1440 × 900 screenshot of a web or desktop version, if there is one; without it, the laptop is left out
- Up to ten things people add in your app, two or three words each
- The app’s name, a slogan, and a couple of sentences about what it’s for
- Your App Store or Google Play link, or a sign-up page
- Your plans — even a single free one — with prices and where each button leads
- Your colours — a background and three more — and the finish of the phone in front
Worth knowing
Lead with the screen that explains it
Your main screen is the one the phone turns round to, and returns to once the list is full. Pick the one that shows what the app does at a glance, not a login or a welcome step.
Tidy the status bar
The phone in front is large and sharp, so a nearly empty battery or a stray notification in your screenshots is easy to spot. Take them with a full battery and nothing pending, or clean up the top bar first.
Not in the stores yet?
Point the main button at your waitlist or beta sign-up page, with words to match. The day you launch, change the link in the wizard, download the site again and upload the new folder.
Questions
- Does this replace my App Store or Google Play page?
- No. The store page is still where people install, with its own screenshots and reviews. This is your app’s own website: your screens, shown your way, with one button to the store. The kit doesn’t publish or change anything in the stores.
- My app is on iOS and Android. Where does the button go?
- The main button, in the opening and the header, takes one link: your App Store page (Share, then Copy link) or your Google Play address, which ends in your package name. On both? Choose whichever matters most, or a link that sends each phone to its own store.
- My app is Android-only. Does the phone suit it?
- The phone is modelled on a current top-end handset, at its real proportions and with no logo. The kit has no Android-specific model, so your screens go on this one: crop them to the shape of 390 × 844 first, or they’ll be stretched to fit.
- Does it suit any kind of app?
- It suits apps built around a list best — tasks, notes, orders, habits — because that’s the story the scenes tell: things arrive, get organised, get done. The headline and each section’s words are yours; the scenes stay the same for every app.
- Are my screenshots uploaded anywhere while I work?
- No. While you make it yours, your answers and pictures are kept in your browser, and the finished site is put together there too. That matters if the app isn’t out yet and its screens are still private.