Logo of UI Challenges
Sign in
Wireframe example for Leveled Skill Preview
An example interpretation of the prompt
Icon of target

Leveled Skill Preview

Icon of book open

Design the in-game preview shown when a player is one level away from unlocking a skill upgrade. It should sit naturally inside the progression flow, not feel like a separate menu.

The screen needs to explain what changes at the next level: damage, cooldown, duration, radius, or a new effect. The player should understand the upgrade at a glance without reading a wall of text.

Show the current skill state beside the next-level state so the difference is obvious. Use the game’s visual language: icons, stat chips, effect art, and clear level markers.

This is about anticipation. The player is close to earning the upgrade, so the UI should make the reward feel tangible and worth chasing, while still leaving the final unlock action for the actual level-up moment.

Icon of book open

Use a side-by-side or before/after layout with one highlighted stat change and one visual effect cue; don’t bury the upgrade behind paragraphs.

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.