Creating a first-in industry consistent pattern

Creating a first-in industry consistent pattern

Overview

After years of fragmentation and disjointed x-apps experience, I have aligned 3 different app teams and their Cross-functional partners to define how we should feedbacks a user action on any type of content.

Teams

Facebook, Instagram and Threads app teams, 1 Software engineer and 1 Content designer

Role

Sole designer. Led alignment x-apps, creation of component guideline and maintained it with the new surfaces over the years.

Created a new pattern

A pattern is formed by multiple components and styles.

A pattern is formed by multiple components and styles.

That scaled

across surfaces

That scaled

across surfaces

Pattern is designed to scale to all type of content and surfaces on the app

Pattern is designed to scale to all type of content and surfaces on the app

And across
Meta apps

And across
Meta apps

Meta's feed based apps adopted the pattern within their design system.

Meta's feed based apps adopted the pattern within their design system.

Image
Image
Image
Image
Image
Image

Informing

other apps

Informing

other apps

Over the years, the pattern was introduced throughout the industry.

Over the years, the pattern was introduced throughout the industry.

CONTACTME
TOLEARNMORE

Marie Hennion

Email

LinkedIn

© Marie Hennion, all rights reserved

CONTACTME
TOLEARNMORE

Marie Hennion

Email

LinkedIn

© Marie Hennion, all rights reserved