Into the Light
UI/UX · Interaction · Web design
Into the Light
UI/UX · Interaction · Web design
Into the Light is an interactive website raising awareness of moth ecology and the impact of artificial light pollution on UK moth populations, built by combining ecological research with coded interaction rather than static information design. Throughout the site the user acts as the light source itself as moths are drawn to the cursor, disappear on contact, and visibly decline across a data-driven timeline from 1900 to 2024, making the reader complicit in the problem rather than a passive observer of it.
| Into the Light | Case study |
|---|---|
| Role | UI/UX · Interaction · Web design |
| Services | UI/UX · Interaction design · Web design · Creative coding · Data visualisation |
Typography guidelines
Process & experimentation
I began by sketching wireframes by hand to work out the site's structure, how a visitor would move between The Moth, The Threat, The Archive, and Take Action, so the narrative arc came together before any of it existed in code. From there I iterated through many different coded interactions for the cursor-as-light mechanic, testing different moth movement patterns, timing for disappearance on contact, and how aggressively they'd swarm, refining each version until the interaction felt like it was making an argument about complicity rather than just showing off a hover effect.
Wireframes