Phone-mockup feature reel for a motorcycle nav app

Name: Phone-mockup feature reel for a motorcycle nav app
Uploaded: 2026-09-26T07:08:58.000Z
Duration: 50 s
Channel: Batuhan Eren Engin
Description: A vertical showcase for the motorcycle-nav app Motoseyir, built from real in-app recordings inside a phone frame with motion graphics layered over them; ElevenLabs supplied the soundtrack, since Opus couldn't generate music.

Batuhan Eren EnginVERIFIED

@Bilimfili1

VIEW ORIGINAL ON X ↗

2.5K views · 0 likes · 1 saves · 0 reposts · Posted Sep 26, 2026 · 0:50 · Interactive

OUR NOTEA vertical showcase for the motorcycle-nav app Motoseyir, built from real in-app recordings inside a phone frame with motion graphics layered over them; ElevenLabs supplied the soundtrack, since Opus couldn't generate music.

THE CREATOR'S POST

I have tried motion design with Opus 5.5 and it killed it: Here is the video for Motoseyir (my navigation built for riders) and I'll share the prompt below. For the music part I couldn't generate in Opus so I directed it into ElevanLabs.

THE PROMPT

Detailed app-showreel spec

Make a 45–50 second vertical video for my app: a glance inside the app.
Show every feature, use motion, be creative. I want it good enough for your CV.

- Real, not mocked: record each feature being used in the simulator (tap a filter, open a result, add it).
- Stretch your imagination: let each feature break out of the phone and change the world around it.
- The bar: a motion designer's showreel piece. The best motion you can do. Go all out.
- Nothing made up: every number and label on screen comes from the recordings.
- No stock sound effects; I'll add the music.
- Keep text clear of the TikTok/Instagram interface.
- Let viewers follow: each feature stays on screen for at least 2.5 seconds.

MAKE ONE LIKE THIS

Three steps, using what the creators in this index used.

1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS →
2 · Direct it like an editor
- Ask for one self-contained HTML file on a fixed 1920×1080 stage.
- Link this video as the reference for pacing and style.
- Send two or three rounds of specific notes.
PROMPT TEMPLATE →
3 · Render it to MP4
A short piece like this can be screen-recorded, or captured frame by frame for exact timing.
TURN AN HTML ANIMATION INTO AN MP4 →

HOW IT WAS MADE

The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.

LOOK

ui-mockupproduct-advertical