If you’d like to learn more about this project, please reach out.

Overview

Design

Results

Overview

Design

Results

Team Libraries

Fable, 2023

Enabling teams to create their brand motion library

Team Libraries

(About)

Team libraries are an accessible way for creative teams to organize, publish, and use animation components across their entire workspace, ensuring consistency on every project. Drag and drop functionality makes it easy for anyone on the team to compose animations using brand-approved assets, while library owners can quickly publish changes so everyone can stay up to date.

As one of the design leads on this project, I was responsible for creating the new framework to house libraries in the Fable ecosystem, designing the asset browser including library creation and consumption, prototyping the MVP, and crafting the final design for production.

(Role)

UX/UI design
Product strategy

Prototyping
Front-end support

Design highlights

The asset browser was redesigned to be quickly accessible and to make finding both local and team assets easy.

The asset browser was redesigned to be quickly accessible and to make finding both local and team assets easy.

Any element inside a project can be converted into a component, allowing motion elements to be easily reused and shared.

Any element inside a project can be converted into a component, allowing motion elements to be easily reused and shared.

A project's local assets can be managed and organized before being shared as a Team Library.

A project's local assets can be managed and organized before being shared as a Team Library.

Once published, Team Libraries are available to the entire team across all projects and remain constantly up-to-date.

Once published, Team Libraries are available to the entire team across all projects and remain constantly up-to-date.

Motion components from Team Libraries can be dragged and dropped into any composition, ensuring brand consistency and allowing projects to come together faster.

Motion components from Team Libraries can be dragged and dropped into any composition, ensuring brand consistency and allowing projects to come together faster.

The predefined variables of components can be easily overridden, enabling any team member to customize the aesthetics and feel of their animation.

The predefined variables of components can be easily overridden, enabling any team member to customize the aesthetics and feel of their animation.

(Outcome)

The introduction of Team Libraries enabled us to secure a contract with one of our initial Enterprise clients, and it has since evolved into one of Fable's foundational product features for creative teams.

Next project —

Aesop Design System

Aesop Design System