Scroll to top

Blood Brothers 2 – Stage Details Screen

category: UI/UX Design

Blood Brothers 2 – Stage Details Screen

The Stage Details Screen is in actuality the Battle Preparation Screen, where users fine-tune their choices for what Squads of characters they will take into the Fight. This screen therefore needed to be designed with priority given to enabling the user to "scout" the Opponent squads and their characters in order to gauge their effectiveness at combating them.

Since the user may require further details about each opposing squad, it would not be feasible to try to cram that much data into this one screen. An Overlay Pop-up window was therefore included that would allow the user to quickly access that specific information in a scroll list, and then quickly close out the overlay back to this screen to continue their editing or commence the battle.

Clicking the Edit Squad button would allow the user access to an abridged version of the Squad Scene where they could make edits to each squad and then return to this scene with minimal effort and time.

In addition, Stat Bonuses were often awarded to characters with specific traits and therefore it would encourage users to populate their squads with those choices to better prevail.

Task

Create a Layout that maximizes the users time and reduces the need to go back and forth between different pages without any difficulty

  • Skills

    Unity 3D (NGUI, UGUI, VFX, Animation), Photoshop, Illustrator

  • Employer

    DeNA