Prototype reference: The prototype demonstrates the tutorial carousel (EP1), batch claim ceremony (EP2), and the full user flow from empty state through active exploration. The prototype uses a single “Chart All” action — the threshold-based ceremony tiers (6-15/16-40/41+ shows) documented below are a potential production refinement.

Purpose & Context

Launch philosophy: Explain the system once, then get out of the way. The feature should be self-evident through exploration — users learn by doing, not through extensive tutorials.

This is a discovery tool, not a game feature. Introduction clarifies what the system does and why it’s valuable, then lets users explore naturally.


7.1 One-Time Feature Introduction Carousel

Following Crunchyroll’s existing modal carousel pattern, the Anime Atlas launches with a 4-screen swipeable introduction.

Trigger Logic:


Screen 1: Hook

CAROUSEL MODAL - SCREEN 1/4
+-------------------------+
| [X]      | -> Dismiss anytime
|       |
| Overwhelmed by   |
| the options?   |
|       |
| Discover anime through |
| guided exploration  |
|       |
| [Decorative visual]  | -> Abstract atlas/network graphic
|       |
|       |
|       |
| o ( ) ( ) ( )   | -> Carousel dots
|       |
| [Next ->]    | -> Swipe or tap
+-------------------------+

Visual Style:

Copy Guidelines:


Screen 2: Landmarks Concept

CAROUSEL MODAL - SCREEN 2/4
+-------------------------+
| [X]      |
|       |
| Start with    |
| Landmarks shows  |
|       |
| Validate your genre  |
| knowledge to unlock  |
| deeper exploration  |
|       |
| [Visual: 7 nodes ->  | -> Simple diagram
| expanding to regions] |
|       |
|       |
| ( ) o ( ) ( )   |
|       |
| [<- Back] [Next ->] |
+-------------------------+

Key Message:


Screen 3: Connection Discovery

CAROUSEL MODAL - SCREEN 3/4
+-------------------------+
| [X]      |
|       |
| Claim shows to reveal |
| connections    |
|       |
| Discover why shows are |
| similar through   |
| thematic links   |
|       |
| [Visual: Node with  | -> Connection reveal
| blurred connections -> |  animation concept
| sharp connections]  |
|       |
|       |
| ( ) ( ) o ( )   |
|       |
| [<- Back] [Next ->] |
+-------------------------+