Case Study · 2025

BOXLANG AI — Developer Experience Redesign

Re-architected the information architecture and developer experience to improve clarity, navigation, and onboarding for a technically complex product.

Role

Product Design (UX, Information Architecture, Design Systems)

Timeline

2025

Stack

FigmaDesign SystemsUX Architecture

Overview

BoxLang AI is a unified AI platform that integrates multiple providers, memory systems, and workflows into a single developer experience.

The project focused on improving how the product is understood and navigated by restructuring the interface around clearer conceptual models.


Problem

The platform exposed powerful capabilities, but information was presented in a dense, linear format where features, integrations, architecture, and onboarding were mixed together.

This created high cognitive load in early product exploration, making it difficult for developers to quickly understand:

  • What the product is
  • What they can build
  • How to get started

Role

I led the redesign of the product’s structure and developer experience, focusing on how users interpret, navigate, and adopt the system.

My work included defining information architecture, improving hierarchy, and aligning UI patterns across the BoxLang ecosystem.


Approach

I approached the redesign through mental model alignment and system thinking, restructuring the experience based on how developers explore technical systems.

The goal was not to reduce complexity, but to make complexity legible and navigable.


Key Decisions

  • Re-architected content into clear conceptual layers (product, capabilities, integrations, architecture, onboarding, usage).
  • Unified Providers, Memories, and Document Loaders under a Platform Integrations model.
  • Separated onboarding (Quick Start) from usage (Examples) to clarify the learning flow.
  • Improved hierarchy and layout structure to support faster scanning and comprehension.
  • Aligned patterns with the BoxLang ecosystem to ensure consistency across products.

Technical Implementation

Delivered structured wireframes and system-based UI definitions, ensuring consistency in layout, spacing, and component behavior.

Documented decisions to support alignment across design, engineering, and content teams.


Outcome / Impact

Transformed a dense, linear interface into a structured and navigable system, enabling:

  • Faster product understanding for new users
  • Improved feature discoverability
  • Reduced cognitive load through clearer grouping and hierarchy
  • A scalable foundation for future product growth

Learnings

In complex technical products, the challenge is not reducing capability, but structuring it correctly.

Information architecture is a product decision, not just a design layer—it directly impacts how users understand and adopt the system.