Rumble Arcade - Game UI & Animations
Main currencies icons
Claim animation mock
Rumble screen
Play button states
Main Tabs animation mock
Events screens
Character screens
Character upgrade animation mock
Fuse button animation mock
Pre-combat screens
Characters' cards behavior
Level up & Combat screens
Level up animation mock
Post-combat screens
League progression
Rumble League animation mock
Shop screen
Collection screens
Sprite sheet
Flow chart
A full revamp of Rumble Arcade's UI/UX design.
Starting this position at Tribo Games I was given the directive to design a UI that would feel like a casual game, yet maintain a slick and shiny look. Something that might look like sports' graphics.
After some considerable exploration we landed on this chubby yet sharp, dark yet shiny & cute yet fierce UI look.
Once I had the main flow done I created some animation-mockups in After Effects to give the developers a sense of the sort of behavior & feel I wanted the UI to have. I used Scenario for the characters' art as placeholders for future characters designs.
This is definitely one of the projects I had more fun with and I'm very proud with the results!
Love to hear you thoughts & comments and be sure to check out Rumble Arcade at:
https://www.rumblearcade.io/