Design Challenge

One of the biggest risks in mobile strategy games is overwhelming the player with too much information at once. The map view, defense power, currencies, missions, shop, and daily reward mechanics all operate within a single ecosystem.

The core problem in this project was:

• Making economic metrics visible
• Guiding players toward reward mechanics
• Clarifying actions on the map
• Presenting all these layers without creating visual chaos

Approach

1. Hierarchical Map Design

On the map screen, I aimed for players to immediately recognize:

• The center of their city
• Their defense power
• The attack button
  

Buildings were supported with radius indicators to visually communicate the defense system. This ensured that mechanics were not only functional but also clearly expressed visually.

2. Economy & Shop Experience

On the shop screen:

• Currencies were clearly positioned in the top bar
• Incentives such as “First Purchase Bonus” were highlighted through contrast
• Packages were organized hierarchically based on perceived value rather than visual density
  

The goal was not to push purchasing decisions, but to simplify them.

3. Daily Reward Mechanics

On the daily reward screen:

• Day progression was clarified through a structured grid system
• The major reward (epic safe) was visually differentiated from the others
• The “Claim” action was designed as the single focal point
  

Here, I leveraged behavioral design principles to create a structure that contributes to retention.

Outcome

• Clearer visual hierarchy
• Improved visibility of economic metrics
• Stronger visual motivation in reward mechanics
• Reduced cognitive load on the map screen

The CapRoyale interface system aims to merge strategic and economic layers with visual clarity, delivering both a sense of control and motivation to players.