Strategy and Design
Facebook Portal Redesign
Role: Punchcut Design Director
Punchcut Team: 7 Designers; Project Manager
Meta Team: 3 Designers + Stakeholders
Timeline: 18 Weeks - 2022
The Opportunity
Reimagine Portal as the OS for all of your relationships.
Goals
Facebook partnered with Punchcut to reinvent the OS for the Portal device to bring together all of the products in the Facebook family. The initiative leveraged Portal’s hardware as a starting point, but aimed to build an operating system akin to iOS or Android that was portable across devices with your relationships at its core.
Bring the Meta family of apps together in one seamless ecosystem
Create a UX and identity that is uniquely Portal
Reinvent Portal as the Relationship Platform
Keeping a Team on Mission
The team included over 10 designers across multiple disciplines, along with several project managers and stakeholders. Leading such a large team on a single project required strong organization. I implemented a sprint planning methodology to time-box feature design and paired designers strategically to divide work and maintain momentum.
Defining the new experience
The Relationship Platform
Defining User Needs
We applied a Jobs to be Done methodology to understand the key roles Portal could play in a person’s life. Shifting away from traditional personas allowed us to explore how the device could support the many different hats a person wears throughout their day.
A family of Colors
Visual Language
The team examined the existing product family and its position within a broader spectrum to establish a cohesive color system that unifies all communication platforms.
Shape, line and texture
To define the shape language, we explored how Portal’s hardware and branding could inform a cohesive and unified experience.
The Big Moves
Gradients provided the visual foundation, while the shape language and motion design worked together to establish a cohesive system. Motion wasn’t just decorative—it reinforced hierarchy, guided attention, and brought the experience to life across surfaces.
Interaction Design
Designing Near and Far
The interaction design needed to function on two levels: casual, across-the-room use and close-up, task-focused engagement. Portal had to support both modes seamlessly. While touch controls and distance-based navigation followed the same core patterns, each required distinct considerations to accommodate differing contexts and user needs.
Wireframing and Content Hierarchy for Home
Balancing personal and work contexts was a priority based on the JTBD and current user behavior. We created a mode switch capability that would allow someone to quickly jump between contexts with a different hierarchy.
Prototyping and Development
How it Comes Together
Video Messages
Watch Together
All your apps in One place
Outcomes
What Happened Next…
After a great reception from leadership on the new design, the Portal Device was discontinued in November of 2022 before the new OS could be fully released. However, what we designed was presented to internal groups working on the Meta branding. Our main stakeholders said it was used as inspiration, so work always lives on in new ways.