Designing the Future of DeFi: Mycelium & Tracer DAO UX Journey

Profile2

Muhammad Al Mahdi

7 mins read

.

February 1, 2022

design_diary_thumbnail_mycelium

Project Background

"From Website to DeFi Innovation"

I started working with Mycelium alongside Jackson at JBuxd Studio, initially handling their website and deck design for the entire company. Our involvement deepened when Mycelium embarked on creating Tracer DAO, an open-source, smart contract protocol for derivatives. This shift required a comprehensive design approach to ensure seamless usability and strong brand alignment.

Approach

"Building a Strong UX/UI Foundation"

As Lead UI Designer, I collaborated closely with Mycelium’s in-house team, which included 3D designers and graphic designers. Having a diverse team enriched the UI/UX process, allowing us to integrate visual storytelling elements alongside the functional components of the Tracer DAO ecosystem. The presence of specialists from various disciplines ensured that the final product was not only aesthetically appealing but also intuitive and user-friendly.

 

We aimed to establish a strong foundation by streamlining workflows, optimizing user journeys, and creating a design system that could scale as Tracer DAO evolved. Working alongside Jackson and the internal Mycelium team, we refined our process through iterative feedback loops and close communication with stakeholders.

Discovery & Understanding

"Decoding Tracer DAO"

Tracer DAO (TCR) is a decentralized protocol designed to enable anyone to deploy derivatives markets via Tracer Factory templates. The first market launched was Tracer Perpetual Pools, a financial primitive that introduced key innovations: no margin requirements, no liquidations, and fully fungible tokens. These features provided traders with low-cost, leveraged exposure to assets without the risks typically associated with traditional financial instruments.

 

 

Beyond its financial applications, Tracer DAO plays a crucial role in governance within the OriginTrail ecosystem. The TCR token, operating on the Ethereum blockchain as an ERC-20 token, facilitates decentralized decision-making, incentivizing participation and ensuring transparency in data verification across industries such as supply chain management, healthcare, and research.

Solution Concept

"Designing for Simplicity in a Complex Ecosystem"

Given the technical nature of Tracer DAO, we focused on translating complex DeFi mechanics into an intuitive and visually coherent user experience. Our primary design goals included:

  • Simplifying intricate financial operations into digestible UI components
  • Ensuring responsiveness and accessibility across all devices
  • Developing a modular system that allowed for future scalability and feature additions

 

 

We worked extensively on user onboarding, recognizing that clear, guided interactions were essential for both experienced traders and newcomers to the DeFi space. By refining the information architecture and optimizing the navigation experience, we created a seamless flow that minimized friction and improved user retention.

Designing Solution

"A Collaborative UX/UI Approach"

As the project expanded, we made the strategic decision to bring in an additional UX/UI designer, Elli, who had a strong background in cryptocurrency and blockchain markets. Elli’s expertise in market cycles and user behavior proved invaluable in shaping the product’s usability and aligning it with the expectations of DeFi traders.

We maintained a rigorous design process, conducting weekly standups with the founders and development teams. These meetings ensured that we remained aligned with product goals, addressed emerging challenges proactively, and adapted our designs based on iterative feedback.

 

 

Collaboration was key in ensuring that every design element—from dashboards to trading interfaces—was fully optimized for usability. By leveraging a combination of usability testing, A/B testing, and continuous iteration, we ensured that each component delivered a smooth and efficient user experience.

Testing & Iteration

"Refining for Perfection"

The fast-paced nature of the project required long hours and dedicated focus to keep up with the rapid development progress. While there weren’t major roadblocks, we encountered certain challenges when refining intricate feature flows. These required extensive iteration and detailed discussions with the design team, project managers, and key stakeholders.

 

One of the biggest challenges was maintaining coherence between the fast-moving development teams and the evolving design iterations. At times, ensuring that the UI aligned perfectly with new functionalities required revisiting our assumptions and making real-time adjustments. Despite these hurdles, the process remained highly collaborative, with all teams working towards the shared goal of delivering a polished final product.

Results

"Launching a Game-Changer in DeFi"

After more than six months of dedicated effort, we successfully launched the product on schedule. The seamless collaboration between Mycelium, JBuxd Studio, and the internal design team resulted in a well-executed, scalable platform that met both user needs and business objectives.

Working with Mycelium on Tracer DAO was an incredibly rewarding experience. Having direct access to stakeholders enabled quick decision-making and allowed us to maintain a high level of precision throughout the design process. The journey reinforced the importance of collaboration, iteration, and a deep understanding of both the technical and human aspects of product design.

 

 

Looking back, this project served as a testament to the power of cross-functional teamwork in creating impactful digital experiences. It was a privilege to contribute to such an innovative initiative, and I look forward to future projects that challenge the boundaries of UI/UX design in the blockchain space.

Contribution

"This success was made possible through close collaboration with Mycelium and the Tracer DAO team."

A/B testing, Brand style guides, Competitior analysis, Concept testing, Design Documentation, Design Testing, Hifi UI Design (Mockup), Illustration, Illustration and iconography, Infographic design, Information Architecture, Lofi Prototyping, Prototyping and Interaction design, Stakeholder Insights and Discussions, UI Styleguide And Design systems, UI/UX Brief (PRD), Usability testing, Visual Design, Wireframe & flows, Wireframing
design_diary_thumbnail_dollamur

The Customers and The Dollamur Team No Longer Miss Calculations for Mat Orders.

Dollamur, a leading manufacturer in the sports mat industry, faced significant challenges. The demand for large-sized mats not available in their standard catalog was a major issue they needed to address. Their customers often required custom-sized mats with designs tailored to their preferences.

design_diary_thumbnail_sixt

How SIXT+ Innovates to Offer Customers the Freedom and Comfort of Car Ownership through Subscription

SIXT is a leading global mobility services provider renowned for its premium car rental services and innovative approach to transportation solutions. With a rich history dating back to 1912, SIXT has evolved into a prominent brand known for its diverse and high-quality fleet, catering to a wide range of customer needs, from luxury vehicles to practical choices.

design_diary_thumbnail_givetree

GiveTree Contributes to the Goodness of Charitable Causes and Makes the World a Better Place for Everyone

GiveTree is a platform developed by Sam Joel that combines the NFT (Non-Fungible Token) market and the metaverse world with the aim of creating a positive impact on the world. Every transaction on this platform is environmentally friendly and contributes to charitable organizations. Artists can also utilize web3 and NFT technology to generate income while supporting charitable causes.

design_diary_thumbnail_sixt

How SIXT+ Innovates to Offer Customers the Freedom and Comfort of Car Ownership through Subscription

design_diary_thumbnail_mycelium

Designing the Future of DeFi: Mycelium & Tracer DAO UX Journey

I started working with Mycelium alongside Jackson at JBuxd Studio, initially handling their website and deck design for the entire company.