PlayBook (UI/UX Design)
Figma ProtoTyping

Figma ProtoTyping

Concept: Scoreboard is displayed on game end screen wherein the spotlight flashes on the top and the cheering crowd audio plays in background to make the screen look as if it is a concert.

Concept: Scoreboard is displayed on game end screen wherein the spotlight flashes on the top and the cheering crowd audio plays in background to make the screen look as if it is a concert.

Upgrades Screen

Upgrades Screen

Popup variations with two layouts wherein the ability to buy powerups are differentiated in two layouts

Popup variations with two layouts wherein the ability to buy powerups are differentiated in two layouts

Guitar Gameplay GUI wherein health is displayed on guitar bar visually with colours and numbers. and the gameplay layout was also done by me

Guitar Gameplay GUI wherein health is displayed on guitar bar visually with colours and numbers. and the gameplay layout was also done by me

Drums Gameplay GUI wherein health is displayed on a drum visually with circular bar and stats are also displayed on it.

Drums Gameplay GUI wherein health is displayed on a drum visually with circular bar and stats are also displayed on it.

Play menu selection screen where

Play menu selection screen where

Since the leaderboards is based on selected song and instrument, inorder to not clutter the UI, the leaderboards page is done in 2 screen and the other screen can be seen below

Since the leaderboards is based on selected song and instrument, inorder to not clutter the UI, the leaderboards page is done in 2 screen and the other screen can be seen below

Song Selection screen where

Song Selection screen where

Achievements screen featuring rocking hands instead of stars/trophies as seen in general games

Achievements screen featuring rocking hands instead of stars/trophies as seen in general games

LeaderBoards Page wherein players position is always highlighted on the leaderboards to make sure players don't waste their time to search for their name

LeaderBoards Page wherein players position is always highlighted on the leaderboards to make sure players don't waste their time to search for their name

Another variation of the drums

Another variation of the drums

Main Menu Layout focusing on play Button and with an added flexibility to change the silhouette of rockbands.

Main Menu Layout focusing on play Button and with an added flexibility to change the silhouette of rockbands.

variation of layout when compard to below screen wherein individual headers start from top and have a white text unlike the bottom screen. (rejected variation)

variation of layout when compard to below screen wherein individual headers start from top and have a white text unlike the bottom screen. (rejected variation)

PVP Scoreboard

PVP Scoreboard

(Approved) although it is a different screen, this screen is compared to previous one to show the layout differences.

(Approved) although it is a different screen, this screen is compared to previous one to show the layout differences.

Settings Page

Settings Page

Register page

Register page

The UI/UX Design for the Playbook game with rock band music and concert themes in mind.
The project was a challenge because of constraints on the colour choices and the font selection and if you are interested know more, you can read about the challenges faced and how I overcame them in the blog "Link Here"

Link to the Playstore:
Link to App Store:
Link to company website: