Arena of Valor Night Mode

A user-friendly, night mode redesign of Arena of Valor’s UI.

Click here to view live link

My goal

To redesign the UI of Arena of Valor to make it more user-friendly. I also focused on using a night mode scheme. 

The background art is from the original game and royalty free websites. 

My process

  • Laid out the user flow of the original UI structure 
  • Redesigned the user flow to optimize usability
  • Gray boxed the UI and built an interactive low-fidelity prototype in inVision
  • Playtested the low-fidelity prototype
  • Created the UI in Photoshop and built a high-fidelity prototype in inVision
  • Playtested the high-fidelity prototype
  • Finalized the UI design based on feedback

Above are screenshots from the original design. I didn’t like the blue background and the box display, it felt out of date and not mobile friendly. Below are the original designs next to my new design.

Close Menu