WhatsApp iOS 11 – Sketch Mockup
Last Updated on July 23, 2026 by Editorial Team
A useful WhatsApp iOS 11 mockup created and shared for free by Ramnan Arumugam. The .Sketch project contains 5 screens: status, calls, camera, chat, settings.
Happy downloading!
Look closely at the icon itself and you can see how much craft went into a shape most people scroll past without noticing.
The rounded speech bubble, the subtle inner shadow on the green gradient, the clean white handset glyph, all of it is rendered with the same fidelity Apple’s own system icons carry.
That level of polish is exactly why this Sketch file is worth having on hand if you design anything that touches messaging, notifications, or app store visuals.
This mockup exists to save you the tedium of rebuilding WhatsApp’s interface from scratch every time a project calls for it.
Instead of screenshotting a phone or hunting for a stray PNG online, you get five actual screens, status, calls, camera, chat, and settings, built as native Sketch artboards that you can open, inspect, and edit directly.
Because it mirrors the iOS 11 interface so faithfully, it reads as instantly familiar to anyone who has ever sent a WhatsApp message, which is most of your audience.
Where This Mockup Comes In Handy
App design case studies benefit the most from a file like this.
If you are presenting a portfolio piece about a messaging feature, a chatbot integration, or a customer support flow, dropping in an accurate WhatsApp chat screen instantly grounds the concept in something real.
It also works well for:
- Pitch decks and product presentations that reference WhatsApp as a communication channel
- Marketing mockups showing a business’s WhatsApp presence or customer service setup
- UI/UX teaching materials that use a recognizable interface to explain design patterns
- Blog posts, tutorials, or social media graphics about WhatsApp features or updates
Anywhere you need to show, rather than describe, what a WhatsApp screen looks like, this file gets you there faster than starting from a blank canvas.
Editing the screens is straightforward once you’re inside the file.
Each screen is organized as its own artboard, so you can duplicate the one you need, swap out the placeholder names and message bubbles for your own content, and adjust timestamps or contact photos without touching the surrounding chrome.
Text layers can be recolored or resized to fit longer names or different languages, and the status bar at the top can be updated to match whatever device context you’re presenting.
If you want to push it further, you can drop these screens into a device frame to show the interface sitting inside an actual iPhone silhouette, which is a nice touch for presentation slides or case study pages.
Pairing it with a simple hand or desk photo background can also make a static app screen feel more like a real product shot rather than a flat export.
Because the icon and interface are rendered in true WhatsApp green, keep any surrounding brand colors in your composition a little more neutral so the app screen stays the visual anchor rather than competing with it.
