Logo of UI Challenges
Sign in
Wireframe example for Slow-Motion / Speed-Ramp Editor
An example interpretation of the prompt
Icon of target

Slow-Motion / Speed-Ramp Editor

Icon of book open

Design the mobile slow-motion editor for a single clip. The main job is to mark the section that will play in slow motion, then shape how it eases into and out of that section.

The timeline should show the clip clearly, with draggable ramp handles bracketing the slow-motion region and a speed indicator that reflects the current ramp. This is a precision task on a small screen, so the interaction needs to feel controlled, not fiddly.

Keep the video preview tied to the edit state. As the user adjusts the region, the preview and timeline should make the affected segment obvious without forcing them to infer where the slowdown starts or ends.

This screen is interesting because it mixes fine-grained timing with a simple mental model: one clip, one slow-motion segment, and one visible speed change. The UI has to support exact placement while staying readable in a glance.

Icon of book open

Make the ramp handles large enough to grab, but keep the selected region visually distinct from the rest of the clip so the slowdown boundaries never get lost.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.