How to Present App Designs to Clients
On this page
- What you will learn
- Frame the story before the screens
- Choose the right mockups
- 2D versus 3D
- Single screen versus scene
- Build a flow walkthrough
- Use device frames and motion
- Structure the deck
- Handle feedback without losing the plot
- A worked example
- Prepare the room and the format
- Live presentations
- Async and recorded reviews
- Tell the story with real content
- Know your plan and limits
- Closing the call and following up
- Avoiding common presentation mistakes
- Tailor the story to your audience
- Your pre-call checklist
- Frequently asked questions
- How do I present app design to a client who is not a designer?
- Should I use 2D or 3D mockups in a client deck?
- How many screens should I show?
- How do I handle feedback that conflicts with the brief?
- Do I need motion in my presentation?
- What resolution should my mockups be for a presentation?
Knowing how to present app design to clients is a different skill from doing the design itself. You can ship beautiful screens and still lose the room if the story is unclear, the screens feel like loose files, or feedback turns into a tug of war. The presentation is where trust is won or lost.
This guide is for freelancers, studios, and product teams who show work to clients and stakeholders. I will walk through framing the story, choosing the right mockups, building a flow walkthrough, structuring the deck, and handling feedback without losing the plot. By the end you will have a repeatable approach that makes your work look as good as it is.
What you will learn
- How to frame the story before you show a single screen.
- When to use 2D versus 3D, and single screens versus scenes.
- How to build a flow walkthrough that feels like the real app.
- A deck structure that keeps clients focused.
- How to use device frames and motion to raise perceived quality.
- A calm way to handle feedback and a pre-call checklist.
Frame the story before the screens
Clients do not buy screens, they buy outcomes. Before any visuals, set the frame: what problem are we solving, for whom, and what does success look like? When the goal is shared, every screen has a job, and feedback gets anchored to the goal instead of personal taste.
Open with one or two sentences that restate the brief in your words. This proves you listened and gives the client a reason to nod early. A room that nods early stays open later.
Then preview the journey. Tell them you will walk the main flow from entry to outcome, so they know what to watch for. A short map of the session lowers anxiety and keeps people from jumping ahead.
Choose the right mockups
The way you present a screen changes how it is judged. Two choices matter most: 2D versus 3D, and a single screen versus a scene. Get these right and the work feels finished.
2D versus 3D
Use flat 2D frames when the client needs to read the interface closely, like reviewing a form or a data view. Use 3D when you want a hero moment that feels premium, such as the opening slide. Our 2D vs 3D mockups guide covers the trade-offs, and you can build both in the Zepixo Mockups workspace.
Single screen versus scene
A single device keeps focus on one decision. A scene with several devices shows a whole flow or a cross-platform story at once. Use single screens during deep review and scenes for summary slides. For multi-device layouts, see our isometric mockups guide.
| Moment | Mockup choice | Why |
|---|---|---|
| Opening hero | 3D single device | Sets a premium tone |
| Screen review | 2D single device | Maximum legibility |
| Flow summary | 2D or isometric scene | Shows the whole journey |
| Cross-platform | Phone plus laptop scene | Proves it works everywhere |
Build a flow walkthrough
A list of screens is not a story. A flow is. Order your screens the way a real user moves through the app, from first tap to the moment they get value. This turns a gallery into a narrative the client can follow.
For each step, say what the user wants, show the screen, then point to the one detail that solves it. Keep narration to a sentence or two per screen. Silence and a clear screen often beat a wall of explanation.
Tie steps together with transitions. Saying "after they confirm, they land here" keeps momentum and makes the prototype feel alive even in static frames. To turn screenshots into these frames fast, see our screenshot to mockup guide and the 2D mockups docs.
Use device frames and motion
Device frames do quiet, heavy lifting. They add scale, signal a real product, and make a concept feel shippable. Present screens inside frames and clients stop critiquing pixels in isolation and start reacting to the product.
Motion adds another layer. A short 360 degree spin of a 3D mockup, or a simple animated reveal, gives an opening slide energy and signals polish. Use it sparingly, on heroes and summaries, not on every screen. Our animated video mockups guide shows how, and the spin video export is a Pro feature.
Structure the deck
A clear structure carries a tired client through to the decision. The shape below works for most app reviews and keeps the session on rails.
| Slide | Purpose | Mockup |
|---|---|---|
| 1. Title and goal | Restate the brief | 3D hero |
| 2. The problem | Align on the why | None or simple visual |
| 3 to 8. The flow | Walk the journey | 2D single screens |
| 9. Summary scene | Show it all together | Multi-device scene |
| 10. Next steps | Agree on what is next | None |
Keep one idea per slide. If a slide needs a paragraph to explain, it is doing two jobs and should be split. For sizing each export so frames stay sharp on a projector, see our resolution and export guide and the export docs.
Handle feedback without losing the plot
Feedback is where good presentations wobble. The fix is to receive it calmly and route it back to the goal you set at the start. That keeps taste from overruling the brief.
When a comment lands, repeat it back in your own words first. "So the sign-up feels heavy, is that right?" This confirms you heard it and slows the room down. People relax when they feel understood.
Then sort feedback into three buckets out loud: changes you will make now, things to explore later, and points that conflict with the goal. Naming the buckets stops every comment from becoming an emergency. Capture each item so nothing gets lost.
Finally, protect the timeline. If a request grows scope, say so plainly and offer a path: "We can add that, here is what it shifts." Clients respect honesty more than a silent yes that slips the deadline.
A worked example
Imagine presenting a redesign of an onboarding flow. I open with a 3D hero of the welcome screen and one line: "The goal is to get a new user to their first win in under a minute."
I walk five 2D screens in order: welcome, sign-up, permissions, first action, success. For each, I name the user's intent, show the frame, and point at the single detail that helps. I keep narration short.
I close with an isometric scene of all five screens, then a next-steps slide with three dated items. When the client asks to add a tutorial, I bucket it as "explore later" and note the timeline impact. The session ends with a clear decision, not a vague "looks good." To prepare the frames, I lean on the device mockups complete guide.
Prepare the room and the format
How you deliver matters as much as what you show. A live call, a recorded walkthrough, and a static deck each need a slightly different setup. Match the format to the client and the decision at hand.
Live presentations
Live calls give you the most control and the fastest feedback. Share your screen, keep your deck full-screen, and resist clicking around. Drive the pace yourself so the client follows your story rather than wandering ahead.
Open the deck once start to finish before the call. A single broken image or out-of-order slide can shake confidence in the first minute. A dry run catches it.
Async and recorded reviews
When clients are busy or in other time zones, a recorded walkthrough works well. Narrate the same flow you would live, keep it under ten minutes, and end with a clear list of decisions you need. Async still needs a story, not just a file dump.
Tell the story with real content
Placeholder text quietly undermines trust. Lorem ipsus and gray boxes make a client work to imagine the product, and imagination invites doubt. Real content does the opposite.
Fill screens with believable names, numbers, and copy that match the client's world. A budgeting app should show real-looking transactions, not "item one" and "item two." The closer the content feels to reality, the more the client reacts to the product instead of the gaps.
Be careful with edge cases too. Show a realistic empty state and a full state, not just the perfect middle. Clients trust designers who have clearly thought past the happy path. To turn live screens into clean frames quickly, the website capture docs help.
Know your plan and limits
Before you present, know which export options you have. Sharp frames and motion can depend on your plan, so check it ahead of the call rather than mid-presentation.
The 3x export and the 360 spin video are Zepixo Pro features. If a client wants print handouts or a motion hero, make sure you are on the right plan first. See the plans documentation for what each tier includes.
| Need | Feature | Plan |
|---|---|---|
| Web and projector frames | 2x PNG export | Free |
| Print handouts, large rooms | 3x PNG export | Pro |
| Motion hero or summary | 360 spin video | Pro |
Closing the call and following up
The last five minutes decide whether momentum survives the week. End with a clear summary, not a trailing "any questions?" that lets energy leak out. Restate what was agreed and what happens next.
Read back the decisions out loud before anyone leaves. Name the changes you will make, the items parked for later, and the dates attached to each. A shared verbal summary prevents the "I thought we said" problem.
Within a day, send a short written recap. List decisions, owners, and dates in plain bullets, and attach the updated frames. A tidy recap turns a good meeting into a contract both sides can point to.
Keep the next milestone small and dated. "Revised onboarding by Friday" beats "we will iterate." Concrete, near-term steps keep a project moving and keep the client confident.
Avoiding common presentation mistakes
A few habits sink otherwise strong presentations. Knowing them lets you sidestep the usual traps.
The first is showing too many screens. A long gallery overwhelms and buries the key decision. Cut to the screens that move the flow and park the rest.
The second is over-explaining. Talking through every pixel signals you do not trust the work to speak. Say less, point precisely, and let clean frames carry weight.
The third is defending instead of listening. When feedback stings, the urge is to justify. Receive it first, repeat it back, then respond. Defensiveness reads as insecurity, even when the design is right.
The fourth is presenting raw screenshots with no frame. Bare screens feel unfinished and invite pixel-level nitpicking. A device frame lifts the whole conversation to the product level.
Tailor the story to your audience
The same screens land differently with a founder, a marketing lead, or an engineer. Reading the room and adjusting your emphasis is what separates a designer from a presenter.
With founders, lead with outcomes and the business case. Tie each screen to growth, retention, or cost, and keep the craft talk light. They care that the product moves the company forward.
With marketers, focus on the story and the hero moments. Show how the flow supports a campaign, and lean on strong 3D frames and motion they can reuse. They are thinking about how this looks in the wild.
With engineers, be precise about states, edge cases, and constraints. Show empty, loading, and error states, and acknowledge technical limits openly. Respect for the build earns their trust fast.
| Audience | Lead with | Emphasis |
|---|---|---|
| Founder | Outcomes | Growth and cost |
| Marketer | Story | Hero frames, motion |
| Engineer | Precision | States and constraints |
To recap the traps to dodge across any audience, keep this short reference handy.
| Mistake | Fix |
|---|---|
| Too many screens | Show only the core flow |
| Over-explaining | Say less, point precisely |
| Defending feedback | Listen, repeat, then respond |
| Bare screenshots | Frame every screen |
Your pre-call checklist
Run this list before every client call so nothing trips you up live.
- Goal restated in one sentence on slide one.
- Screens ordered as a real user flow, not by file name.
- Every screen inside a device frame, exported at 2x or higher.
- One hero moment with 3D or a short spin.
- A summary scene that shows the whole journey.
- Next-steps slide with dated, owned items.
- Deck opened once start to finish as a dry run.
Want to prep faster? Open Zepixo Mockups to turn your screenshots into clean 2D and 3D device frames, then drop them straight into your deck.
Frequently asked questions
How do I present app design to a client who is not a designer?
Lead with the goal, not the craft. Frame each screen around what the user is trying to do, show it inside a device frame, and point at the one detail that helps. Plain language and a clear flow beat design jargon every time.
Should I use 2D or 3D mockups in a client deck?
Use 3D for the opening hero and summary moments where you want a premium feel. Use 2D for screen-by-screen review where the client needs to read the interface closely. Most strong decks mix both.
How many screens should I show?
Show only the screens that move the main flow forward, usually five to eight for a single feature. Extra screens dilute focus. Save edge cases for a separate appendix or a follow-up call.
How do I handle feedback that conflicts with the brief?
Repeat the comment back, then place it next to the goal you set at the start. If it conflicts, say so calmly and offer a trade-off. Sorting feedback into now, later, and conflicting keeps the session productive.
Do I need motion in my presentation?
No, but a little helps. A short 360 spin or an animated reveal on the hero raises perceived quality and signals polish. Keep motion to opening and summary slides so it stays an accent, not a distraction.
What resolution should my mockups be for a presentation?
Export at 2x for most screens and projectors, and 3x for large rooms or print handouts. PNG keeps transparency so frames sit cleanly on any slide background. The 3x export is part of Zepixo Pro.
Frame the story, show real flows in clean device frames, and route feedback back to the goal, and your presentations will close.
Shaheer Malik
Founder of Zepixo — building the whole brand studio in one tab. Try Zepixo →