Case Study — Blockchain

WGMI - Crypto Portfolio Manager

WGMI was developed to manage crypto assets all at one place

Contact Us
WGMI Platform Design

WGMI

This case study highlights the improvements made to the user interface of WGMI dashboard which tracks users' Non-Fungible Tokens (NFTs) and their associated traits. The solution involved complete revamping and implementing a sliding feature to display additional details when a user clicks on a specific NFT row.

Tools

Figma, Figjam

Platforms

Web Dashboard

Deliverables

UX Research, Interface Design, Prototype

Research

Secondary / Qualitative Research

Problem Statement
    1

    The original UI suffered from poor contrast and small font size, making it difficult for users to read and comprehend the information presented.

    2

    Additionally, users found it frustrating when they couldn't access the complete NFT information within the limited space provided.

Approach
Understand Problem

Understand Problem

Understanding of requirements to get the possible solution

Research

Research

Do secondary research & qualitative research

Mood board

Mood board

Create a mood board to get inspiration

Design & Prototype

Design & Prototype

Create high-fidelity design and prototype

Research and Analysis
    1

    The original UI suffered from poor contrast and small font size, making it difficult for users to read and comprehend the information presented.

    2

    Additionally, users found it frustrating when they couldn't access the complete NFT information within the limited space provided.

Design Solution

To address the identified issues, the design solution focused on enhancing contrast, font size, and improving access to complete NFT information. The key design enhancements included:

Contrast Improvement

We increased the contrast between text and background elements to enhance readability. Darkening the background and using lighter text colors ensured better legibility and reduced eye strain for users.

Font Size Enhancement

We increased the font size throughout the dashboard to improve readability, especially for users who may have visual impairments or find smaller text challenging to read.

Sliding Feature for Expanded NFT Information

To provide users with complete NFT information, we implemented a sliding feature. When a user clicks on a specific NFT row, additional details and traits slide down, revealing a more comprehensive view of the NFT.

User Journey
User Journey
Design Inspiration Mood Board
Design Inspiration Mood Board 1
Design Inspiration Mood Board 2
Low Fidelity Wireframes
Low Fidelity Wireframes
UI Style Guide & Component Assets
Style Guide Asset 1
Style Guide Asset 2
Style Guide Asset 3
Style Guide Asset 4
Style Guide Asset 5
Interface Design

NFT Portfolio List - Wallet Group

NFT Portfolio List - Wallet Group

NFT Portfolio Chart View

NFT Portfolio Chart View

NFT Portfolio Chart View

NFT Portfolio Chart ViewNFT Portfolio Chart View

Contributor Dashboard

Contributor DashboardContributor Dashboard

Subscriber Newsfeed

Subscriber NewsfeedSubscriber Newsfeed
Implementation and Feedback

After implementing the redesigned UI, we conducted usability tests and gathered feedback from a group of users. The feedback was overwhelmingly positive, with users expressing appreciation for the improved contrast and font size. They also found the sliding feature to be intuitive and user-friendly, enabling them to access complete NFT information without leaving the main dashboard view.

Enhanced
User Experience

Improved contrast, better readability, and seamless NFT data access — a UI that works as hard as you do.

Conclusion

By addressing the issues of low contrast, small font size, and limited access to complete NFT information, we successfully improved the cleanliness, usability, and user experience of the crypto dashboard. The enhanced contrast and font size significantly improved readability, while the sliding feature provided users with easy access to complete NFT details. This case study highlights the importance of considering user feedback and continually refining UI/UX design to ensure optimal user experiences in the dynamic field of cryptocurrency management.

Let's bring your vision to life faster and smarter

Get a FREE Technical Consultation, Today!