OVERVIEW
Architected a scalable product experience framework applied across Mobile Generators, Mobile Compressors, and EBOSS ecosystems. Standardized information architecture, interaction patterns, and progressive disclosure to improve spec accessibility and reduce structural redundancy across product lines.
Role: UX & Visual Design
Scope: IA, Modular Framework, Interaction Model
Year: 2025
Scope: IA, Modular Framework, Interaction Model
Year: 2025
IMPACT SNAPSHOT
•Unified three product ecosystems under one scalable framework
• Standardized spec access via modal overlays
• Reduced repeated layout design across product launches
• Enabled future product expansion without structural redesign
• Improved progressive disclosure and user clarity
•Unified three product ecosystems under one scalable framework
• Standardized spec access via modal overlays
• Reduced repeated layout design across product launches
• Enabled future product expansion without structural redesign
• Improved progressive disclosure and user clarity
CHALLENGE
Three independent product lines followed identical user intent patterns — browse, validate specs, assess differentiation, confirm support.
However, structure and interaction models were inconsistent, creating redundant design effort and fragmented UX.
No unified framework. No scalable template.
However, structure and interaction models were inconsistent, creating redundant design effort and fragmented UX.
No unified framework. No scalable template.
SYSTEM ARCHITECTURE & EXPLORATION
Defined a reusable structural model while preserving independent product entry points.
Explored content sequencing, modal behavior, and mobile-first density before standardizing the framework.
REUSABLE PRODUCT PAGE FRAMEWORK
REUSABLE PRODUCT PAGE FRAMEWORK
Standardized structure applied across three product ecosyste
1. RANGE
Product grid → Spec sheet modal overlay
Product grid → Spec sheet modal overlay
2. VERSATILITY
Embedded product video
Embedded product video
3. SIMPLICITY
Static feature icon row
Static feature icon row
4. PEACE OF MIND
Accordion support content (Telematics + Warranty)
QR code → Product-line YouTube playlist
Accordion support content (Telematics + Warranty)
QR code → Product-line YouTube playlist
FINAL PRODUCT APPLICATION
Framework deployed consistently across product ecosystems without structural deviation.
Framework deployed consistently across product ecosystems without structural deviation.
Home Page
EBOSS® Product Page
AIRMAN® Compressors Product Page
AIRMAN® Generators Product Page
Support & Training
UTILITY ACCESS BRANCH
Designed for direct field access via QR codes without layered navigation.
Utility branch designed for direct field access via QR codes:
• Advanced Training
• Service & Support Videos
• Contact
Designed for direct field access via QR codes without layered navigation.
Utility branch designed for direct field access via QR codes:
• Advanced Training
• Service & Support Videos
• Contact
Live Interactive Version
View Live Interactive Display (opens in new tab)
https://cloudtouchlive.com/ana-corp-2026/
View Live Interactive Display (opens in new tab)
https://cloudtouchlive.com/ana-corp-2026/
Final Deployment
Displayed across interactive touch kiosks at national trade events.
Displayed across interactive touch kiosks at national trade events.
SYSTEM OUTCOME
• Established scalable product experience template
• Standardized interaction patterns across product lines
• Improved spec accessibility without navigation disruption
• Reduced future structural redesign requirements
• Accelerated rollout for new product additions
• Established scalable product experience template
• Standardized interaction patterns across product lines
• Improved spec accessibility without navigation disruption
• Reduced future structural redesign requirements
• Accelerated rollout for new product additions