Logo of UI Challenges
Sign in
Wireframe example for Reputation/Alignment Tracker
An example interpretation of the prompt
Icon of target

Reputation/Alignment Tracker

Icon of book open

Design the reputation/alignment tracker for a game progression screen. It should show where the player stands with factions, moral paths, or both, using a bar, meter, or similar indicator that feels native to the game’s UI.

The tracker needs to make relationship changes legible at a glance: who the player is aligned with, how far they are from the next tier, and whether the current standing is trusted, neutral, or hostile. Keep the presentation game-like, not spreadsheet-like.

If the concept includes multiple factions or a moral axis, show them in a way that supports quick comparison without hiding the current focus. The player should be able to read the active faction or alignment first, then see the rest as context.

This screen is interesting because reputation is both status and consequence. The UI has to make shifts feel meaningful, while still staying compact enough to live inside a progression menu or overlay.

Use visual language that fits the game world: rank names, sigils, color bands, or segmented bars are all fair game, as long as the player can understand the current state and what comes next.

Icon of book open

Use a clear breakpoint or marker on the bar for the next threshold, so the player can tell whether one more quest changes their standing or not.

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.