The scope of the project was the initial design and the following redesign of the wallet page. The wallet got expanded to store additional currencies and easily redirect users to related pages where to use and buy new currencies.

G-Loot is an esports company based in Stockholm. The company is focused on stats tracking, player identity and competitions.

Tasks: Research & analysis / UX 

Flow diagrams of the two different alternatives

The new design welcomes new users with an intro message that can be removed afterward. Now the currencies are piled up, adopting a horizontal layout that reduces the height of each currency card. This structure allows cards to be always visible according to different screen sizes.

Additional information is embedded into specific dropdowns. The info about the currencies is structured adopting a “use” and “get” way, explaining in a clear way what all the different currencies are and how they can be earned and used by users.

Final sketches and interface

The former interface presented some usability issues related to the currency card layout and the different screen size of users. Some currencies got hidden in the piling process for small screen sizes. Additional friction was generated by the inability to convey clear information about the different currencies.

Hotjar heatmap comparison before and after the redesign

Sketches of former interface