Axelar Docs

Redesigning Documentation for Speed, Clarity, and Developer Efficiency

Axelar Docs, Redesigning Documentation for Speed, Clarity, and Developer Efficiency

Overview

Axelar Docs is a critical resource for developers building cross-chain applications using Axelar's interoperability infrastructure.

However, as the ecosystem evolved, the documentation struggled to keep up leading to fragmented navigation, outdated content, and inefficient workflows.

The goal was to redesign the documentation experience into a clear, scalable, and developer-first system that enables faster discovery and better usability.

Axelar Docs Brand Visual

Project Scope

UX Audit & Research
Information Architecture Redesign
Documentation UX
Design System Integration
Responsive UI Design
Developer Experience Optimization
12+Weeks
30+Screens
20+Components
10+UserFlows
50+Iterations

The Challenge

The existing documentation suffered from:

The Challenge, Workflow visualization for Mobile

Developers often struggled to find the right resources, leading to frustration and wasted time.

What We Were Really Solving

This wasn't just a UI problem, it was an ecosystem problem.

Approach Icon

Reduce time-to-discovery

Approach Icon

Eliminate confusion in documentation

Approach Icon

Build trust through consistency

Approach Icon

Create a scalable documentation system

Core Problems & Solutions

Guiding principles that shaped a faster, clearer, and more scalable documentation experience.

01

Navigation Complexity

Introduced intuitive categorization and predictive search for faster discovery

02

Redundant Content

Established a single source of truth with structured content hierarchy

03

Visual Inconsistency

Built a cohesive design system aligned with Axelar branding

User Pain Points

Developers interacting with the existing documentation often found themselves stuck in a frustrating loop: searching, second-guessing, and starting over.

Common feedback reflected a clear breakdown in experience:

"Why is it so hard to find what I need?"

"Which version should I trust?"

"I just give up."

Users frequently encountered:

  • Dead-end navigation, paths that led nowhere or required restarting the search
  • Duplicate and conflicting information, making it difficult to identify accurate resources
  • Unclear content hierarchy, forcing users to scan multiple sections to find what they needed

As a result, even simple tasks became time-consuming, reducing efficiency and eroding trust in the documentation.

Our Approach

We followed a structured, research-driven process:

Approach Diagram

Discover

  • Platform evaluation
  • Competitive analysis

Define

  • Personas
  • User stories
  • Product hypotheses

Build

  • Wireframes → UI
  • Design system
  • Custom components

Deliver

  • Documentation
  • Developer-ready handoff

Competitive Insights

We analyzed leading documentation platforms:

Ethereum Docs

Ethereum Docs

  1. 1. Strong hierarchy and structure
  2. 2. Weak onboarding for beginners
Polygon Docs

Polygon Docs

  1. 1. Clean UI and navigation
  2. 2. Redundant and overlapping content

Design Principles

Guiding principles that shaped a faster, clearer, and more scalable documentation experience.

Clarity First

Clarity First

Every interaction should reduce cognitive load

Structured Navigation

Structured Navigation

Users should always know where they are

Consistency at Scale

Consistency at Scale

Design system ensures uniform experience

Developer Efficiency

Developer Efficiency

Focus on speed, accessibility, and usability

Final Thought

When designed with clarity and structure, it becomes a powerful tool that enables developers to move faster, build confidently, and trust the system.

Complex docs shouldn't slow developers down.

We design systems that make information faster, clearer, and scalable.

Start a Project