SynthMock
Travel interfaces can use the two screens to connect an immediate next step with a wider plan. This concept follows one fictional itinerary, with the fold revealing context rather than a completely different destination.
Try it in SynthMock
Start with a Duo scene.
Use a reusable template as your starting point, then apply the choices in this article.
A paid plan is required to use templates and export.
Follow one trip through both views
Use a neutral fictional itinerary called Coastal weekend. The cover can show the next stop and its time. The inner layout can show that stop selected beside a simple route or a broader day plan. Repeat the trip name and date so the relationship survives even when the screen is small.
Do not fill the scene with real bookings, confirmation numbers or personal travel details. A concept can use original schematic map artwork rather than a screenshot containing uncertain data or attribution. For a real product demo, use approved sources and keep the displayed route consistent with what the app actually supports.
Balance overview and local detail
A large map can look impressive while communicating little at a distance. Give it a task: locating the next stop, comparing nearby activities, or understanding the day's route. Choose only one for the hero.
| Surface | Proposed task | Visible anchor |
|---|---|---|
| Cover | Know the next stop | Stop name and time |
| Inner main area | Understand the surrounding route | The same selected stop |
| Inner side area | See the remaining day | A short ordered itinerary |
Keep the destination imagery subordinate
Scenic photos can quickly become the subject of the image instead of the planner. If using them, choose approved images and keep their role clear: a small cue for a selected place, not a replacement for the product's planning structure. A quieter background outside the phone can help separate those layers.
For a proposed motion sequence, begin on the next-stop cover, open toward the overview and finish where the selected location is easy to find. A brief move can connect the plan to its context, but an extended orbit does not explain the route. Deliver the open overview and a tighter itinerary image as separate stills when the labels need more room. Check dates, stop order and naming across every source before reviewing the camera style.
Final pass
Before you call it finished
- Keep one fictional trip and date throughout.
- Give the map a specific explanatory role.
- Remove personal travel details from source material.
Make the next version yours.
Explore Duo templates ↗