OpenSea

Strategically designing for a fast-paced and evolving space

OpenSea

Strategically designing for a fast-paced and evolving space

OpenSea

Strategically designing for a fast-paced and evolving space

OpenSea system
CLIENT

OpenSea

SERVICE

Design System

YEAR

2022

Overview

OpenSea is the largest non-fungible token (NFT) marketplace. One of the first marketplaces to make buying, selling, and creating your NFTs user-friendly. I worked with OpenSea designers and engineers to define a design system that scales and adapts to their quickly changing needs, and newest features. I also created documentation to educate about design system use and communicate design decisions.

OpenSea Home page
OpenSea Home page
OpenSea Home page

I did an audit of their website in order to indentify components and inconsistencies.

Abstract coloured object
Abstract coloured object
Abstract coloured object

After identifying the color and typography used throughout their product, I was able to simplify their typescale and change their colors for better use in specific roles.

Challenges

The NFTs and Crypto space is a rapidly moving field changing daily. OpenSea constantly introduced new features quickly leading to inconsistent use of color and components. Lack of documentation, a properly built design library, and unclear use of tokens led to many questions and confusion among designers working on the quickly evolving product.

The NFTs and Crypto space is a rapidly moving field changing daily. OpenSea constantly introduced new features quickly leading to inconsistent use of color and components. Lack of documentation, a properly built design library, and unclear use of tokens led to many questions and confusion among designers working on the quickly evolving product.

The NFTs and Crypto space is a rapidly moving field changing daily. OpenSea constantly introduced new features quickly leading to inconsistent use of color and components. Lack of documentation, a properly built design library, and unclear use of tokens led to many questions and confusion among designers working on the quickly evolving product.

Results

Working with the UX design team and the Director of Design, we were successful in putting together a set of guidelines and documentation, a Figma design library that was up-to-date and available to the entire design team, and an updated token system from the ground up to allow for growth, flexibility, and theming. We were also able to implement these improvements to the system while continuing to add new features and make improvements to the currently available set of components.

Item cards data
Item cards data
Item cards data

Using these new values, I was able to create new versions of their components and documentaiton in Figma.

Toast breakdown
Toast breakdown
Toast breakdown

I was able to provide specs and alternate options based on device size.

Opensea product page
Opensea product page
Opensea product page

Ultimately being able to recreate any page on their site using only Figma components.

Let's chat about design systems

Let's chat about design systems

Let's chat about design systems