# Patreon 2.0

Canonical page: https://www.gabrielvaldivia.com/work/patreon

> Connecting creators with superfans

- Date: 2021 - 2023
- Client: Patreon
- Services: Web Design, Design Systems, Team Building

## Overview

Worked with the founders to develop a vision for the "Patreon 2.0" product experience. Led our mobile, design system, navigation, and creator onboarding redesigns, and helped grow the Design team from 3 to 15.

## Team

- Simon Fung — Design
- Grace Guo — Design
- Aislinn Kelly — Design
- Aaron Shapiro — Design
- Sean Leach — Design
- Daniel Giuditta — Design
- Sharon Yu — Design
- Samwoo Ee — Design
- Nathan Rice — Content
- Sandeep Rajan — Founder
- Mimi Xu — Product
- Shannon Ma — Engineering
- Rishi Mody — Engineering
- Jared Smith — Engineering
- Ted Lee — Engineering
- Yifan Peng — Engineering
- Jeff Noh — Engineering
- Henry Fradley — Engineering
- Evan Krambhul — Engineering
- Chris Eppstein — Engineering

## Case study

[Video: Patreon 2.0 Reel](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/DUuthFTEj2eLJiJB7sMoS8hD7Mw.mp4)

## Studio 2.0 Design System

Worked closely with the engineering and design teams to revamp the product's design system to include semantic colors, over 650 handcrafted icons, typography styles, and mobile and web components, encompassing the biggest change in Patreon's design language at the time.

[Visual: Patreon 2.0 - image 1](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/patreon-0.png)

[Visual: Patreon 2.0 - image 2](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/patreon-1.png)

[Visual: Patreon 2.0 - image 3](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/patreon-2.png)

[Visual: Patreon 2.0 - image 4](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/patreon-3.png)

[Visual: Patreon 2.0 - image 5](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/patreon-4.png)

## Simplified Navigation

I led the redesign of Patreon's navigation and information architecture revamp. Our goal was to make the product more scalable to support additional features, like switching between member and creator profiles.

[Video: Patreon Navigation](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/zldDP6zGdK7LCuOifH4E1gG9nw.mp4)

[Visual: Patreon 2.0 - image 6](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/patreon-5.png)

[Visual: Patreon 2.0 - image 7](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/patreon-6.png)

[Visual: Patreon 2.0 - image 8](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/patreon-7.png)

## Audio Experience

Podcasts are a big part of Patreon but the audio browsing and playback experience did not meet user expectations when I joined the company. I managed the team that focused on the reimagining of the Patreon Audio experience, including a redesign of the audio player and audio tab for iOS and Android.

[Video: Patreon Audio 1](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/OmfUVlbM9HTyTMCHnk10e5kcyI-2.mp4)

[Video: Patreon Audio 2](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/CjRSCDgKeFgrEegdz7O7rZDbvo.mp4)

[Video: Patreon Audio 3](https://pub-0c00865d02c1476494008dbb74525b2a.r2.dev/JT3TabTJzN8Q7w5HbGuVwpbTLRE.mp4)

## Attribution

Credits and collaborators are listed as provided on the canonical case study. This page does not claim that Gabriel was the sole creator of the project.