Project Overview

Client:
Mettalex offers a next-generation trading experience in DeFi, combining Fetch.ai's advanced agent-based technology with a seamless, secure platform for efficient chain agnostic trades.

My Role:
Junior Product Designer
I supported cross-functional teams by designing multi-dimensional assets for our DEX, refining the core brand identity, and overseeing the digital content pipeline.

Timeline:
4 Weeks

Tools:
Rive and Figma

Team Members:
Abhay Rahul (Founding Product Designer), Mehul Gaidhani (Product Lead)

Problem

Mettalex’s documentation relied heavily on static technical diagrams, which made it difficult for first-time users to quickly understand complex workflows and system interactions. Users had to spend extra time interpreting diagrams, increasing cognitive load and slowing onboarding.

Goal

To improve clarity, engagement, and comprehension by transforming static diagrams into lightweight animated GIFs that visually explain processes step-by-step.

Final Technical GIFs

Initializing Your Account

View here - https://www.mettalex.ai/docs/initializing-your-account

The Middleware Architecture

View here - https://www.mettalex.ai/docs/the-middleware-architecture

Agent based P2P trading

View here - https://www.mettalex.ai/docs/agent-based-p2p-trading

Cross-chain transactions

View here - https://www.mettalex.ai/docs/cross-chain-transaction

Impact

• Technical concepts became easier to grasp at a glance

• Reduced friction for new users navigating the documentation

• Improved overall user experience and visual consistency across the docs section

• Provided a scalable motion system that can be reused for future documentation updates

Read more here:
https://www.mettalex.ai/docs/options-architecture
https://www.mettalex.ai/docs/anymtlx-mtlx-agentic-bridge