UX/UI Design

Lux Systems is a digital platform merging environmental science and interactive design to reveal how light pollution disrupts human biology. The project uses real data, intuitive metaphors, and dynamic interfaces to translate circadian rhythm science into a seamless, educational user experience.

MY ROLE

UI/UX & Brand Designer

TOOLS

Figma

Illustrator

Blender

After Effects

PROJECT TYPE

Module Based

Overview

The development of this project stemmed from simple observation: the world no longer gets dark. Cities have been replaced by a persistent glow from shop windows, lamps, screens and cars; but what happens to one’s body when the sun sets but light doesn’t?

It didn't take long to realise through research and design, that documenting the impacts of light pollution on the human body and health - particularly melatonin production and natural sleep cycles, should be a topic that should be well addressed and spoken about. From here it became clear what was required: refocusing the app back to solving the core problem, and integrating seamless and engaging design experiences. Documenting these effects not through chart and text-heavy screen but through immersive and intuitive design.

Design Challenge

How can we communicate the biological effects of artificial light in a way that emotionally resonates with non-scientific audiences? but what happens to one’s body when the sun sets but light doesn’t?

Guiding Questions - User Research Objectives

What features or app experiences have helped you build better habits in the past?

1 What time do you usually stop using screens before bed, if at all?

2 Have you ever heard of melatonin or the circadian rhythm before? If yes, what do you know?

3 Would you prefer learning about health topics through data, stories, visuals or playful interactions?

5

4 Do you notice any differences in your sleep or energy when you're in darker environments (e.g., countryside, camping)?

Goals/Task

To understand how young users currently perceive the relationship between light exposure and sleep, their familiarity with biological concepts like melatonin, and their preferences for learning health information — in order to design an engaging, intuitive app experience that bridges science with playful, familiar interactions.

1

2 To explore user habits, knowledge gaps, and learning preferences around light pollution and circadian rhythms, with the aim of crafting a playful, accessible app experience that makes invisible health impacts feel visible and relatable.

Design

I explored a wide range of visual formats to communicate hormone rhythms and light exposure; ranging from metaphor-based UI elements, glowing dots and motion trails. Through feedback from peers ensured that the interface remained both scientifically grounded and intuitive for younger, non-expert users. Furthermore, the feedback also inspired visual cues to bridge the gap between everyday familiar tech habits and biological awareness.