The Three-Body Universe

A Scalable Content and Commerce Platform.

Get start

Project Background

The Three-Body IP spans film, publishing, exhibitions, interactive entertainment, and merchandise. As content grows, fragmented navigation makes discovery difficult. This project unifies the content through a clearer structure and visual system, improving immersion, usability, and scalability.

The Three-Body official website desktop homepage

The Three-Body official website mobile homepage

Design Goals

Unified Brand
Identity

Build A Distinctive Digital Identity For The Three-Body Universe Through A Consistent Visual Language.

Improve Content
Discovery

Organize Complex Content Structures So Users Can Quickly Access Key Sections.

Balance Immersion
And Readability

Create A Strong Sci-Fi Atmosphere While Maintaining Clear And Readable Information.

Support Business
Growth

Build A Scalable Component System To Support Future Content Expansion And Commercialization.

Visual Concept

Building an immersive visual universe through scale, mystery, and cinematic storytelling.

Three-Body movie and cultural homepage module

Three-Body market and world view homepage module

Homepage Design

01

Immersive Visual Experience

Looping videos enrich the page and quickly establish a futuristic brand atmosphere.
02

Structured Content Sections

Distinct colors and card layouts clearly separate different content categories.
03

Worldbuilding Entry Point

The worldbuilding section serves as a key entry point, guiding users deeper into the Three-Body universe.

Featured content with a card-based structure, balancing information and community discovery.
Alternating light and dark modes to suit different content scenarios.
Cyber-inspired visuals enhance hierarchy and content clarity.