The project scope included the initial design and subsequent redesign of the wallet page for G-loot. The wallet was expanded to support additional currencies and allows users to easily navigate to related pages for using and purchasing new currencies.

Research & analysis / UX
2021 / 2022

Four new currencies were introduced, each linked to new activities on the platform. It was crucial to establish a new page structure that could accommodate all of them while clearly explaining the core loop associated with the currencies.

The redesigned page welcomes new users with an introductory message, which can be dismissed afterward. The currencies are now stacked in a horizontal layout, reducing the height of each currency card. This structure ensures that the cards remain visible across different screen sizes.

Additional information is embedded within specific dropdowns. Currency details are structured using a 'use' and 'get' approach, clearly explaining what each currency is and how users can earn and spend them.

The initial design, developed after total revamp of the platform, had usability issues related to the currency card layout and varying screen sizes. On smaller screens, some currencies became hidden due to the stacking process. Additionally, the design struggled to clearly communicate information about the different currencies with the use of info icons and tooltips, creating further friction for users.

Thorough research and analysis, including usability tests, Hotjar heatmaps, and recordings, helped identify existing issues and provided valuable feedback for the redesign process.

The redesign reduced misclicks and helped users focus on key elements that provided valuable information about the currencies. As a result, wallet page views increased by 30%. Usability tests confirmed that the improvements made it easier for users to understand the platform's complex core loop and newly released features. The wallet became more than just a storage space, it evolved into a hub for user guidance.