Google Beam

Building a design system for emerging 3D video communication technology

Case Study

Google Beam demonstration showing natural scale 3D video communication with multiple participants in a realistic meeting environment

My role

Created the foundational design system and component library to scale design work across an entirely new medium. Defined interaction patterns, motion guidelines, and engineering specs that enabled the team to move faster.

Design Systems
Component architecture
motion design
documentation
Figma
After Effects
ProtoPie
Engineering specs
PM enablement
research support

Component System & Spatial Design

Built 80+ components from scratch for display prototypes. Defined interaction models for spatial UI and natural user presence. Created scalable patterns that adapted as technical constraints evolved.

Design patterns demonstrating increased eye contact in video calls

Component patterns enabling natural turn-taking behavior

Motion Guidelines & Prototyping

Designed motion system using After Effects for complex 3D behaviors. Built interactive prototypes in ProtoPie to validate patterns with users. Enabled research studies by creating realistic interaction specs

Motion guidelines demonstrating reduced meeting fatigue

Engineering Handoff & Documentation

Created detailed component specs with precise measurements and responsive behaviors. Reduced design-to-dev friction by aligning documentation with engineering workflows. Met aggressive timelines while maintaining implementation accuracy.

Team Enablement & Tooling

Built internal tools that accelerated PM, researcher, and designer workflows. Created reusable templates reducing repetitive work across 15+ team members. Improved stakeholder communication with presentation frameworks.