Delivering a high-performance strategic dashboard and Atomic Design System in a 4-week MVP sprint.
SaaS Architecture
B2B Analytics
Data Visualization
UX Strategy
Project Context
As LLMs (Large Language Models) transform into the primary search entry point, Answer Engine Optimization (AEO) has emerged as a critical business frontier. Maple Labs tasked me with designing a dashboard that monitors how brands are perceived and recommended by AI.
The challenge was to move from concept to a production-ready MVP in 4 weeks, requiring a robust UI framework that could handle complex data visualizations and multi-level competitive analysis without overwhelming the user.
Key Information
Role
Freelance UX/UI Designer
Deliverables
Dashboard UI, Design System, Prototypes
The Challenge
Visualizing the invisible: Monitoring AEO
How do we transform complex data from conversational agents into actionable business indicators?
Speed to Market
Reducing « Time to Market » without sacrificing UX clarity for early-adopter users.
Data Complexity
AEO generates massive textual data. We needed to extract sentiment scores and « Share of Voice ».
Functional Modules
Share of Voice
Reducing « Time to Market » without sacrificing UX clarity for early-adopter users.
Strategic Recommendations
AI-driven identification of specific content and technical optimizations required to improve brand visibility in AI answers.
Citation Mapping
Identification of web sources that the AI uses to justify its answers, allowing for targeted source-level optimization.
Design System: Maple Atomic
The Strategic Palette
A high-contrast dark environment designed for data intensity. Primary surfaces use deep blacks to make vibrant status indicators and charts pop.
Canva
#0A0A0A
Background
#121214
Primary-accent
#6366F1
Semantic-positive
#10B981
Semantic-warning
#F59E0B
Semantic-critical
#EF4444
Component Library
Atomic elements designed for quick implementation and visual consistency across the SaaS platform.