Home

About

Work

Contact

Yes Theory Book Launch Website

Youtubers Yes Theory (10M subscribers) reached out to create a dedicated landing page for the launch of their first book, Talk to strangers.
The goal: build anticipation, showcase the story behind the book, and drive pre-orders and newsletter sign-ups — all while creating a custom web experience and staying true to their identity.
UX/UI Design
Webflow Development
3D Animation
Client
Yes Theory
Date
September 2023
Role
Designer & Developer
Website
yestheorybook.webflow.io
Yes Theory Hero

The Approach

The idea was to design a one-page layout that blends strong visual storytelling with conversion-focused structure. The top of the page immediately captures attention with the book cover, animated pre-order countdown, and direct links to major retailers.

From there, the flow leads the visitor through carefully framed sections: book details, press features, the Yes Theory journey, an author spotlight, and a podcast tie-in — all wrapped in a cohesive design.

The key focus for this project was creating a custom, interactive user experience that felt true to the Yes Theory spirit.

(Click to play)

3D Book Animation

To bring the product to life, I created a custom 3D asset of the book using Blender & Spline. As users scroll through the hero section, the book smoothly rotates in 360°, adding a dynamic element right at the top of the page.
(Click to play)

Interactive Polaroid Slider

In the "Our Journey" section, I designed a horizontal slider of polaroid photos that lets users explore Yes Theory’s story in a playful, swipeable format. Each photo represents a key moment, making the timeline feel personal and engaging.
(Click to play)

Scroll-Based Polaroid Camera

To highlight the podcast tie-in, I built a scroll-triggered animation that mimics polaroids printing out of a vintage camera. As you scroll, each image is revealed one by one — a nod to capturing memories, and a subtle tribute to the analog feel of Yes Theory’s storytelling.

The Visual Direction

The visual identity was designed to echo Yes Theory’s bold and human-centered philosophy. A high-contrast palette taken straight out of their book cover, an expressive typography and generous spacing come together to create a well-structured layout. Every design choice — from the color accents to the scroll flow — was made to support storytelling and clarity.

Beyond aesthetics, the site was built to feel alive. Subtle animations, interactive layers, and a strong visual hierarchy guide the user intuitively through the page. The result is an experience that doesn’t just present a product — it extends the world behind it.

YT Yellow
R 244
G 191
B 5
#F4BF05
YT Blue
R 35
G 71
B 145
#234791
Pale White
R 246
G 248
B 250
#F6F8FA
Dark Grey
R 98
G 98
B 98
#626262

Color Palette

To bring the product to life, I created a custom 3D asset of the book using Blender & Spline. As users scroll through the hero section, the book smoothly rotates in 360°, adding a dynamic element right at the top of the page.
Yes Theory Typography

Typography

To bring the product to life, I created a custom 3D asset of the book using Blender & Spline. As users scroll through the hero section, the book smoothly rotates in 360°, adding a dynamic element right at the top of the page.
Yes Theory Iconography

Visual Elements

To highlight the podcast tie-in, I built a scroll-triggered animation that mimics polaroids printing out of a vintage camera. As you scroll, each image is revealed one by one — a nod to capturing memories, and a subtle tribute to the analog feel of Yes Theory’s storytelling.
Yes Theory MobileYes Theory Podcast Section