Logo of UI Challenges
Sign in
Wireframe example for Class/Job Select Interface
An example interpretation of the prompt
Icon of target

Class/Job Select Interface

Icon of book open

Design the class/job select screen for character creation. The player is choosing a starting role from a grid or carousel of class icons, each paired with a short description.

This screen should make the differences between jobs easy to scan without turning into a wall of text. The icon, class name, role, and a few key traits need clear hierarchy.

The player may be comparing familiar archetypes like warrior, mage, healer, or rogue, so the layout should support quick side-by-side judgment and a confident first pick.

Treat this as a game-native selection moment: it should feel like part of the character creator, with strong visual identity, clear selection feedback, and enough detail to explain what the class does in play.

Icon of book open

Use one compact comparison pattern for every class card: icon, name, role label, and 2–3 short stat or trait callouts. That keeps the grid readable while still giving players a reason to choose.

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.