Battleship Header
Game
Battleship Commanders
Role
Concept, Research, Wireframes, Interaction Designer, UI Design, Marketing
Briefing
To reinvent Battleship traditional game
Goals
1) Add monetization features
2) Introduce new mechanics to the game
PROPERTY OF MARMALADE GAME STUDIO

Battleship Commanders was a great challenge for the team involved, where we were able to add some flare to the traditional battleship game, introducing some features to attack and defend from the enemy. For that, we chose to add Commanders as playable characters, each with their very own special power and fleet.

Also, instead of having only a grid to play on, the player was able to add to their collection new grids and exclusive background settings.

After the launch of mobile and Nintendo Switch versions, we also came up with a companion app that allowed a friend to join the Nintendo Switch game and enter the battle.

UX Studies and Wireframes

Having the challenge in mind, we started to study how the in-game screen could contain all the information needed:
1) Interactive Main Grid
2) Player's Character Profile
3) Opponent's Character Profile
4) Opponent's Grid
5) Ship information of each player
6) Interactive Special Powers Panel
7) Other Buttons (End game, Accept or Reject Actions, Back, Options)
8) Minor information (Timer and Turn, Special Power and instructions

In Game Wireframe
Special power buttons distributionSpecial power buttons distributionSpecial power buttons distributionSpecial power buttons distribution

Frontend was also being explored

Main Menu WireframeMain Menu WireframeArena Selection WireframeH2H WireframeFleet Deploy WireframeScore Wireframe

UI Design

Once the UI style was set, it was time to set up the mockups.

Icons
Defeat BannerVictory Banner
Main Menu
Game Mode SelectionShopCommander SelectionCommander Selection

Gameplay

Turn FeedbackOpponent Turn FeedbackSonar Ship Sunk Feedback
Battleship Logos

Companion App

UX/UI Design and Marketing for the companion app

Companion App Icon
Promo Battle GridCompanion App Screens
Companion App Deploy FleetCompanion App Arrange Fleet
Keep in Touch!
ana.maria.c.baptista@gmail.com
+351 938 900 286


Ana Maria Baptista
// 2022 //
BehanceLinked In