Experience Design for the Port of Long Beach Interactive Center
📌 Project Overview
The Alan Lowenthal Global Trade and Education Center is part of the Port of Long Beach’s new Civic Center — an 8,000 sq ft visitor space designed for business guests, dignitaries, and educational groups. To create a more modern and engaging experience, the Port replaced static displays with immersive, touch-free digital installations that communicate its role in global trade and sustainability.
Within this project, I worked as part of an agile and highly focused cross-functional team, collaborating closely with developers and technical partners to translate the Port’s complex operational narrative into clear, intuitive, and future-proof digital experiences.
🤝Client: Port of Long Beach
🏭 Industry: Corporate Exhibition & Experience Center
⏳ Project Duration: February 2023 – November 2023
🛠 Tools: Figma, Adobe Creative Suite, Ultraleap
👥 Team Composition: 1 UX Designers · 2 Developers · 1 Project Manager
🎯 Goals & Challenges
The Port of Long Beach was looking for more than a traditional exhibit — it needed a digital experience capable of explaining a highly complex system to people who are not port operators. The goal wasn’t simply to design screens, but to translate real-world logistics, sustainability data, and global trade operations into interactions that are intuitive, credible, and usable in a public space. However, two major challenges shaped the design process:
1. Diverse user scenarios with different behavioral requirements
The center needed to accommodate two very different types of visitors: diplomatic and business groups, which interact in a formal and restrained manner, and educational groups, which require intuitive and engaging interfaces. Unlike typical motion-based installations, users could not make exaggerated gestures. Interactions had to be subtle, respectful, and immediately understandable—without heavy instruction—while remaining accessible and ADA-compliant.
2. Lack of existing design standards for interaction design
Because the project involved new motion capture technology on ultra-large screens within a physical exhibition environment, there were no established UX guidelines we could directly apply. We had to define our own standards for viewing distance, gesture range, typography, and feedback timing, while constantly navigating hardware limitations, spatial constraints, and real-world user behavior.
👤 My Role
As the sole UX designer on this project, I was responsible for the end-to-end design of two large-scale interactive installations and an internal content management system used by Port staff to maintain and update exhibition content over time.
My role extended beyond creating screen layouts. I led research into motion-based interaction technologies, exhibition-specific HCI and accessibility standards, and how digital interfaces behave on ultra-large displays within physical public spaces. With no existing guidelines applicable to this context, I developed the interaction logic, design standards, and interface systems from scratch.
I worked closely with developers and project managers to align technical constraints, spatial conditions, and user behavior, ensuring that the outcome was not only functional at launch but sustainable and adaptable as the Port’s operations and sustainability goals evolve.
✨ Highlight & Key Contribution
# Turning constraints into a scalable interaction system
Instead of treating technical and spatial limitations as obstacles, I used them as the foundation of the design. The absence of existing standards became a direction rather than a setback. Each constraint turned into a guiding question — How far can a visitor stand and still be detected? How minimal can a gesture be while remaining trackable? What scale keeps typography legible at three meters? By translating every limitation into a design rule, I built a clear interaction framework that aligned designers, developers, and hardware partners — enabling progress without ambiguity.
#Customizing interaction design around real human behavior
Rather than applying generic gesture patterns, I started from the content, the physical environment, and how people naturally behave within it. This meant questioning assumptions — why gestures are necessary, who is willing to use them, and in what physical or psychological state. By grounding interaction in behavior instead of habit or convention, the design became appropriate to the setting — not only functional, but also socially and psychologically accurate.
#Building for long-term adaptability
This project needed to evolve as the Port’s operational data and sustainability milestones changed. I approached the entire system with longevity in mind. Every decision — from layout logic to content structure — ensured the experience could be updated, maintained, and scaled over time without requiring a complete redesign.
🚀 Outcomes & Deliverables Showcase
Thanks for scrolling! Curious to know more?
This case study is a condensed overview of a multi-month project.
I’d be happy to share more process and details.
Feel free to get in touch.