Works Resume Contact
Back

Driving company productivity on the go

Revamping Meta's employee mobile experience to boost usability and productivity.

Mobile Home overview

Context

Mobile Home is Meta's internal mobile application that supports a range of employee workflows such as booking a meeting room, following up on work on-the-go, getting around the campus, and so on. However, it suffers from issues such as a legacy UI, an outdated design system, and poor usability as reflected through historical research. With employees starting to return to office post-pandemic, Mobile Home emerged as a product priority. In collaboration with my XFN partners (PM and engineering), I drove a design revamp of Mobile Home which culminated in a successful pilot launch of a refreshed UI & enhanced features in 3 months.

Legacy UI example

Example of Mobile Home's legacy UI prior to the redesign

Approach

The overall approach was two-pronged:

1. On the product side, existing research data was synthesized to understand pain points and opportunities which will inform the design revamp. I concurrently kickstarted explorations to visualize what a refreshed experience will look like across different features. Guerilla usability testing in partnership with UXR was also carried out to validate design concepts for specific areas such as navigation.

2. In parallel, on the platform side, I worked with the enterprise product design system team to sprint on co-creating a brand new mobile component design system from scratch- new primitives and layouts were crafted to support the product revamp.

It was all hands on deck- where the team locked into prioritizing, implementing, and dogfooding various relevant features and modules over the quarter.

Research synthesis

Solution

A new Mobile Home facelift was rolled out org-wide and then progressively company-wide; with key pages such as login, home, notifications and apps benefitting from a refreshed UI and UX. For example, a new 'app pinning' concept was introduced to enable more efficient retrieval of frequently used apps like Calendar and Tasks. The primary goal was to improve app user qualitative sentiment (with CSAT as a primary indicator)- and doing so not only through a new visual language but also making the navigation experience for employees as seamless as possible.

Refreshed login
Refreshed home
App pinning
Navigation redesign
Notifications
Apps page
Design system
Components
Primitives
Platform migration

Outcome

The design revamp of Mobile Home is a long-overdue initiative which reaped usability benefits, as shown in a CSAT improvement by ~+15%. In addition, as Mobile Home is a platform which supports partner app teams building on it, the creation of a design system helped facilitate an improved and consistent platform-wide user experience while enabling developer efficiency through reusable components. ~50 components and primitives were created as a by-product of this initiative, and top apps on Mobile Home moved to migrate entirely to the new mobile design system post-launch.

This revamp also served as a foundational starting point to work towards broader product strategy themes such as employee personalization and content discovery. Regrettably, I did not manage to get the opportunity to continue following through on this workstream due to a reorg to the Reality Labs post-sales experience team- and that led me to the next adventure.

Interested to learn more?

I'd be happy to walk through the design process and decisions.