Apple Watch Uber Mockup
Last Updated on August 4, 2026 by Editorial Team
Here’s an awesome Uber app working on an Apple watch. Use this mockup to any of your projects for free. Download in PSD format.
Designed by Edwin Delgado.
What makes this Apple Watch Uber mockup so useful is that it isn’t just a single screen dropped into a watch frame. It’s a full user flow, mapped out screen by screen with connecting lines and annotations that explain exactly what happens at each step.
You can see the sequence clearly: the branded Uber loading screen, the pickup location prompt with the pin drop and estimated wait time, the ride selection list with uberPOOL, Taxi, uberX and Black Car options, the pickup address confirmation with payment details, and the voice input screen for changing an address.
Each frame sits inside a rounded watch-face outline connected by mint green lines against a deep navy background, with small text callouts describing the interaction, like what happens when a pin is clicked or when a user taps “Set Pickup Location.”
This kind of layout is exactly what you want when you’re presenting a wearable app concept to a client, a team, or in a portfolio case study.
Using This Flow for UX Presentations
The real value here is in the structure, not just the visuals.
If you’re designing a smartwatch app and need to show how screens connect, this mockup gives you a ready-made template for that kind of storytelling.
Swap out the Uber-specific screens with your own app’s UI, whether that’s a fitness tracker, a food delivery service, a banking app, or anything else that lives on a small wearable display.
Keep the connecting lines and annotation style intact, since that’s what turns a set of disconnected screens into a readable narrative.
Because the layout is diagonal and staggered, it also works well as a single hero image for a case study page or a slide in a client deck, letting you show four or five screens at once without cramming them into a grid.
- Portfolio case studies for wearable app design
- Client pitch decks explaining a watch app’s user journey
- App flow documentation for development handoff
- Dribbble or Behance shots showcasing UX thinking, not just static UI
When adapting the file, start by isolating each watch frame as its own group so you can update the screen content independently of the outline and connecting lines.
Replace the text callouts with your own interaction notes, keeping them short and specific the way the originals are, since that brevity is part of what makes the flow easy to scan.
If your app has a different color scheme, you can update the accent color used for the connecting lines and highlight elements, but it’s worth keeping strong contrast against the dark background so the flow lines stay legible.
Pair this mockup with a simple sans-serif typeface for your annotations and keep icon style consistent across every screen you insert.
Because the dark navy backdrop is fairly neutral, it plays well alongside other UI presentation assets, like phone mockups or a simple style guide sheet, if you’re building out a broader design system presentation.
