Logo of UI Challenges
Sign in
Wireframe example for Perk Point Allocation
An example interpretation of the prompt
Icon of target

Perk Point Allocation

Icon of book open

Design the level-up perk allocation screen for a game where the player spends newly earned points on a list of perks. The moment should feel like a pause in progression, not a shop trip.

The core interaction is choosing from a set of class- or build-specific perks, like a wizard specializing into stronger spell paths. Show what each perk does, what it costs, and whether it can be taken now.

Make the build state visible: current perk points available, already chosen perks, and any prerequisites or locked branches that shape the next choice. The player should understand how this pick changes the character without opening another panel.

This is a decision screen, so the layout should help compare options fast. Prioritize clear hierarchy, strong selection feedback, and a clean path from reading a perk to confirming the allocation.

Icon of book open

Group perks by branch or tier so the player can compare adjacent choices without scanning the whole list.

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.