Web Platform · Interactive Comic
2023
Study Wars
Study Wars
Study Wars
A branching interactive comic in which reader choices change the path through an illustrated and photographic study story.
A branching interactive comic in which reader choices change the path through an illustrated and photographic study story.
A branching interactive comic in which reader choices change the path through an illustrated and photographic study story.
Role
Narrative Design · Illustration · Front-End Development
Tools and technologies
HTML, CSS, JavaScript, custom branching state logic, Procreate, Canva
01 — Challenge
01 — Challenge
A linear comic would not reflect the tension of choosing how to study and respond under pressure.
A linear comic would not reflect the tension of choosing how to study and respond under pressure.
A linear comic would not reflect the tension of choosing how to study and respond under pressure.
02 — Approach
02 — Approach
Mapped choices to alternate panels and outcomes, then built custom JavaScript navigation around the branching structure.
Mapped choices to alternate panels and outcomes, then built custom JavaScript navigation around the branching structure.
Mapped choices to alternate panels and outcomes, then built custom JavaScript navigation around the branching structure.
03 — Result
03 — Result
An interactive comic whose reader-controlled path changes the sequence of the story.
An interactive comic whose reader-controlled path changes the sequence of the story.
An interactive comic whose reader-controlled path changes the sequence of the story.