top of page
mockup_event.png

WEATHER CLOCK

A campaign prototype turning climate data into reflections on coexistence

SECTOR
MY ROLE
SKILLS

Interactive Data Visualisation 

Sustainable Design

Campaign & Social Impact Design

Research & Concept Development​

System & Data Design

Visual Language Development

UI Art Direction

Developer Collaboration via Figma

Figma

Adobe Illustrator

PROJECT OVERVIEW

Weather Clock is an interactive data experience that visualises coexistence through pendulum inspired harmonography.

 

It began with a question: If even climate awareness projects leave a footprint, can design ever be truly sustainable?

Using London’s climate data from 1979 to 2020, it generates unique “weather shapes” that embody coexistence and balance. Beyond visualisation, these forms propose campaign prototypes that turn climate data into personal reminders.

With the prompt “What time is your weather?”, users select a meaningful date to generate a weather shape, which can also extend into products like eco bags. This highlights both the potential for shared reflection and the paradox of sustainability.

SECTOR

Interactive Data Visualisation

Sustainable Design

Social Impact & Campaign Design

MY ROLE

Research & Concept Development​

System Design (data classification & parametric formula)

Visual Language Development

UI Art Direction

Developer Collaboration via Figma

SKILLS

Figma

Adobe Illustrator

whole1.gif
THE BRIEF

How can we visualise climate in a way that is both sustainable and meaningful?

The challenge was to design a system that invites users to see the message of balance and coexistence through a reflective experience.

Read more about concept
FRAMING THE PROBLEM

While researching climate projects, I found a paradox: even works that aim to raise awareness can leave a carbon footprint. This raised a question: What design can truly be responsible?

I realised the deeper issue lies in how we see nature, not as a partner but as a resource. This shift from coexistence to domination is at the root of today’s climate crisis.

In response, I chose coexistence as the framework for rethinking our relationship with the environment.

natrue and human relationship copy.jpg
RESPONSE

To express coexistence, the project used pendulum inspired harmonography, where multiple forces interact to form balance.


London’s climate data from 1979 to 2020 was grouped into temperature, sun, and rain, and translated into generative formulas.


The resulting shapes became the foundation for the visual system and identity.

groupding.png

Data grouping

Screenshot 2024-08-20 at 00.38.50.png

Digital harmonography

Harmonography experiment

IMG_0744.JPG
IMG_0770.JPG
parametre.png

The outcome is an interactive platform that turns daily weather data into abstract harmonic visuals.

With the prompt “What time is your weather?”, users can select any date to generate a unique shape, transforming climate records into personal reflections.

Instead of prompting action, the system offers a quiet space to reflect on time, the environment, and the meaning of balance.

mockup002.png

A visualisation of the weather on 20 February 2002.

Generated in real time using harmonograph-based parametric formulas.

VISUAL IDENTITY

The logo was derived from weather shapes in harmonography, reflecting circulation and roundness for an organic identity.


The colour palette referenced early web design and the solar powered Low Tech Magazine, emphasising a low energy visual language.

typo001.png
initial_datashape.png
weathercoloc_i.png
weatherclock_b.png
INTERFACE DESIGN

The interface was kept simple to minimise cognitive and environmental load, with three circular visual fields and three basic interaction buttons.


A data transfer indicator at the bottom reveals the site’s environmental footprint.

mockup5.png
DATA2.png
NEXT STEPS

Weather Clock visualises climate data into weather shapes that symbolise coexistence, and proposes a campaign prototype that expands this message into personalised reminders to be shared.

 

The eco bag prototype demonstrates one such extension, while also revealing the paradox of environmental campaigns by leaving another carbon footprint.

Totebag001.png

Prototype application: a personal weather shape printed on an eco bag

bottom of page