Prototype reference: The prototype demonstrates the pin gallery, showcase section, and pin earning cascade across all three episodes. EP3 specifically shows region master + genre legend pin unlocks with frame/background rewards.
The Pin Collection provides a trophy case showcasing milestone achievements. Unlike the taste profile (which answers “who am I?”), the pin collection answers “what have I accomplished?”
Design Philosophy: Genre-first organization matches user mental model. Showcase section enables pride/sharing moments.
Scope: 132 total milestone pins across 6 genres + system-wide achievements.
Location: Pins tab within Atlas overlay (accessed from My Lists), alongside Map and Legend tabs. When new pins are earned, a pip appears on the Pins tab (see Section 6.7 for pip cascade behavior).
Users pin their favorite pin to feature at the top of Pin Collection, creating a shareable moment.
ATLAS OVERLAY - PINS TAB
+-------------------------+
| [X] Discovery |
+-------------------------+
| [Map] [Legend] [Pins| -> Pins tab active
+-------------------------+
| |
| YOUR SHOWCASE |
| |
| [Large Pin Icon] | -> 120--120dp, pinned pin
| centered |
| |
| Action Legend | -> Pin title (20sp, bold)
| |
| 47 / 132 earned | -> Overall stats
| [===--------] 36% | -> Progress bar
| |
+-------------------------+
Showcase Specifications:
| Element | Specification | Purpose |
|---|---|---|
| Pin icon | 120–120dp, centered | Prominent display |
| Title | 20sp bold | Pin name |
| Stats | Overall progress (X/Y earned, %) | Quick status |
| Spacing | 24dp padding, 16dp between elements | Premium feel |
When user has NOT manually pinned:
First pin earned:
No pins earned: