TBD

TBD is a new feedback platform that serves the online design community. This new platform needs to establish and maintain a sense of trust in the domain expertise of its users.

SCOPE:

Platform Identification

GOAL:

Establish User Trust

DATE:

March 2025

IMAGE OF BADGE ID NEXT DASHBOARD SCREEN?

ONLINE CREDIBILITY

The Problem

TBD is a new feedback platform that serves the online design community. Imagined as a platform that champions expertise, the team needed to establish a sense of trust in the community. It was therefore essential to establish confidence in the community by collecting and surfacing each user’s domain expertise. There are many designers with tons of followers but fewer with actual expertise.

PICTURE OF TENSION: EXPERTISE VS. INFLUENCE

DESIGN LOOP ID

The Solution

TBD ID, a badge used throughout the platform to validate expertise and establish credibility. Users create their badge live by completing profile creation tasks on a single-screen design canvas. Onboarding is re-imagined as a creative warm up exercise instead of a tedious list of questions. Onboarding tasks are completed using a transforming modal that edits their badge in real time. The badge is used consistently throughout the platform as each user’s hover card, helping to build trust in this new community. The user’s first touchpoint was designed to make a statement about the platform’s values. Namely that it’s designed by people who care about making new things.

DIFFERENT BREAKPOINTS OF BADGE

BADGE CREATION SCREEN

BADGE, FLOATING MODAL, TOOLBAR

SURFACING EXPERTISE

Design Process

Functionally, the design process rooted itself in how driving licenses, passports, and employee badges are used IRL to provide a uniform way to identify oneself. Stylistically, the badge was inspired by conference badges. These two inspirations informed not just how the badge would look but also how it was created. In order to make a statement at the first touchpoint, I re-imagined the onboarding process as a creative exercise in the creation of a live badge. As a statement to designers that we like to put in a little extra thought into what we design.

RESEARCH: ONBOARDING FLOWS, HOVER CARDS, INFLUENCER CULTURE

INSPIRATION: PASSPORTS, DRIVER ID'S, CONFIG BADGE

ONBOARDING: TRADITIONAL VS. NET NEW

BADGE USE THROUGHOUT PLATFORM

FIGMA MAKE PROTOTYPE

CRAFT AND ACCESS

Design System

To support a net-new onboarding process and create a custom platform ID, I needed to build custom and intricate components that drew from universal design patterns. So that it could be used consistently throughout the platform.

BRANDING ELEMENTS

SKILL STICKERS

PIC OF COMPONENTS

MEASURING SUCCESS

The Metrics

Designers seem to be really vibing with it.

PIC WITH LINK TO LIVE MVP

ONLINE TRUST

Reflection

Curated clips, mood-based feeds, and social media-style scrolling could help Criterion Channel further their mission to make the history of cinema accessible to as wide an audience as possible. These enhancements also allow the Criterion Channel mobile app to better compliment and support the Criterion Collection's offering of physical media by making it easier for the public to experience their world-class library of film restorations and supplementary features.