Logo of UI Challenges
Sign in
Wireframe example for Camera Capture Overlay
An example interpretation of the prompt
Icon of target

Camera Capture Overlay

Icon of book open

Design the camera capture overlay on top of a live viewfinder. The camera feed is the main canvas, with controls floating over it without blocking the frame.

The shutter sits in the bottom control zone, with flash and mode switch close enough for one-handed use but visually secondary to the capture action. The overlay should feel native to a phone camera, not a generic form.

Show a focus area indicator on the preview so the user can tell where the camera is targeting before they tap the shutter. It should read clearly against both bright and dark scenes.

This challenge is about hierarchy in motion: the live image stays visible, the controls stay legible, and the overlay does not make the viewfinder feel cluttered.

Icon of book open

Treat the focus indicator as part of the preview, not as a floating widget—its contrast and placement should still work when the image behind it is busy.

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.