Logo of UI Challenges
Sign in
Wireframe example for Photo Collage / Layout Maker
An example interpretation of the prompt
Icon of target

Photo Collage / Layout Maker

Icon of book open

Design the default collage layout maker on mobile. The screen starts with a visible grid template and a clear place to drop photos into each cell.

The user should understand the current template, the number of slots, and how the collage will crop or fit before they place anything. This is a camera-and-media flow, so the preview needs to feel immediate and tactile.

After photos are added, spacing and aspect controls should stay close to the canvas and read as editing tools, not settings. The layout should make it easy to see what changes affect the whole collage versus a single tile.

Think about how the screen behaves while the collage is still incomplete. Empty slots, filled slots, and the main edit controls all need to coexist without hiding the structure of the template.

Icon of book open

Show the template’s crop behavior directly in the empty grid cells so users can predict what will be lost when a photo is dropped in.

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.