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_edward

Empowering Educators in Addressing Dyslexia Challenges in Children with Blending-Board

Edward Orton-Gillingham (EOG) is an educational institution founded by Ann Edward, an Accredited OGA (Orton Gillingham Academy) Associate Trainer and Dyslexia Therapist. This institution focuses on providing training, courses, and certification for educators who wish to master the Orton-Gillingham Approach, a proven method for addressing language-based learning difficulties, especially dyslexia. EOG offers various levels of training, ranging from 30-hour programs to 100-hour programs, to help educators and educational professionals understand, master, and apply the Orton-Gillingham method.

design_diary_thumbnail_screencoach

Fostering Positive Child Behavior and Habits with Rewards, and Bid Farewell to Nagging

ScreenCoach is a platform with the aim of helping parents manage and monitor their children’s electronic device usage. The founders, Peter, Gary, and Steph, saw a significant opportunity to create a product that assists children and families in regaining balance and leading healthier and happier lives.

design_diary_thumbnail_creativehub

Support and Create an Inclusive Creative Ecosystem through Empowerment

The Creative Hub is an innovative platform born out of the need for an ecosystem in the creative industry that lacks sufficient support for sustainability. Recognizing the challenges faced by the creative community regarding limited access to resources, connectivity, and necessary opportunities, owner Simon Laughin holds a strong vision to create a space where individuals and groups within the creative industry can grow, learn, collaborate, and access meaningful opportunities.

design_diary_thumbnail_JBUXD

Joined JB/UXD and Managed to Become a Reputable Design and Innovation Agency

As part of the team that has contributed to JB/UXD’s long journey, I had the opportunity to co-start and build the brand of this design and innovation agency. For more than 2 years working there, my experience has become a great learning journey, providing invaluable insights and experiences.

design_diary_thumbnail_aimss

Empowering Users for Rapid and Effective Incident Reporting

Crashtag is an application designed to enhance data collection and understanding of incidents and injuries in motor sports. The application holds the potential to improve safety in motor sports for all involved parties.