← Back to Portfolio
B2B Enterprise
Information Architecture
OOUX
Design Systems
High-Density UI
How Did OOUX Reduce Error Rates for 400+ Agents in TravelTech?
1. Executive Summary
- Role: Lead Product Designer (End-to-End: Architecture, UX/UI, Design Ops).
- Domain: B2B TravelTech / Enterprise ERP.
- Users: 400+ Internal Agents, Managers, and Accountants across 5 departments.
- The Problem: Fragmented legacy tools (Excel, GDS terminals) caused pricing errors and operational bottlenecks in high-value ($3k–$30k) luxury bookings.
- The Solution: A unified, OOUX-based enterprise ecosystem featuring a High-Density, Keyboard-First UI and granular Role-Based Access Control (RBAC).
- Business Impact: ~40% reduction in processing time, elimination of manual data-bridging errors, and 2+ years of design-free engineering autonomy.
2. The Challenge: Escaping "Excel Hell"
Business Class processes luxury travel bookings at $3,000–$30,000 per transaction. With hundreds of agents working across fragmented email threads and legacy GDS terminals, the operational ceiling was real.
Complex bookings were actively avoided by staff, and a 15-minute delay meant losing a high-net-worth client permanently. We had to replace this ecosystem from scratch.
3. Information Gain: The Discovery Pivot
The Failed Assumption: Initially, we thought we could just "digitize" and clean up the existing process.
The Reality: There was no baseline instrumentation—only behavioral signals. The old process was fundamentally broken.
The Pivot: I stopped drawing screens. I used Asynchronous Video Analysis (analyzing 30+ recorded sessions) to separate essential "muscle memory" shortcuts from actual usability blockers. We had to fix the underlying logic first.
4. The Architecture: Structuring Chaos via OOUX
Instead of designing pages, I designed objects. I mapped the relationships between Leads, Offers, and Deals to create a scalable Information Architecture.
- Object Mapping: Aligned the design perfectly with database realities, preventing costly engineering reworks.
- Security by Design (RBAC): Defined a granular Role-Based Access Control matrix. Users only see tools relevant to their specific role, drastically reducing cognitive noise.
- Automated Routing: Replaced email threads with a Unified Timeline that automatically assigns tasks across 5 departments based on load and expertise.
5. The Interface: High-Density UI & Muscle Memory
Travel agents are power users operating under high pressure. They don't need "white space"; they need information density and speed.
- High-Density Architecture: Adopted a UI approach similar to Bloomberg or Linear. Used compact rows and monospaced fonts for tabular data to maximize information above the fold.
- Keyboard-First Navigation: To mitigate change aversion, I implemented strict keyboard navigation. Veteran agents leveraged their existing hotkey muscle memory while benefiting from modern error prevention.
6. The Scale: Empowering Engineering
As the sole designer on a massive product, I built a Tokenized UI Kit focused on system logic, not just visuals, to prevent becoming a bottleneck.
- Semantic Foundation: Defined strict, W3C-valid tokens for typography, spacing, and colors.
- Dev-Ready Components: Created smart components (Tables, Inputs, Modals) that developers could assemble like Lego blocks.
7. Business Impact & The "Invisible" Designer
My ultimate goal was to make myself obsolete on this specific product. By investing heavily in the OOUX Discovery Phase and building a rigid Design System, the results were structural:
- Engineering Autonomy: For 2+ years post-launch, the engineering team shipped new modules independently, requiring design intervention only twice.
- Architectural Stability: The core OOUX model proved so stable that no major refactors were needed.
- Operational ROI: Agents stopped avoiding complex bookings, and processing time dropped by ~40%.
This project proved that the best B2B design isn't just an interface; it's an infrastructure that empowers others to build.