Fictional direction · NDA · Web apps
Scoreboard
The match, second by second
Scroll to explore ↓
01 · The brief
The match, second by second
Show a credible interface without exposing a real client. Same craft level, clear journey, playable interactions.
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — scroll naturally.
Sports · live match
The score, second by second
+12 kg
Squat
2:14
Hyrox
8 sem.
Cycle
47
Sessions
WEEK 01–02
Goals
Add home / away — the board follows.
WEEK 03–04
Feed
Events stack like a ticker.
WEEK 05–06
Tension
Ideal for a fan app or club page.
Move the score
Fictional match · goal buttons.
Follow the score03 · Playable prototype
Touch it
Click, filter, navigate — everything reacts. Nothing hits a real backend: it’s an intent demo.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
Scoreboard
HOME 1–0 AWAY
- · Kick-off
Local demo — no data is sent.
04 · Same family
Other directions of the same type — to compare density and mood.
05 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)