WorksNotes
About
Instagram ↗︎LinkedIn ↗︎

Website

Design & Development

SensingChange

The site comprises a main page and a News & Events page. The main page draws on treatise scrolls, continuous rolls used for formal scientific and ethical argument, here focused on black carbon pollution and SensingChange’s work to make it visible. News & Events extends that scroll vernacular into an updatable template so the community can follow project developments in one place.

The site has since been expanded; visit myairwear.com.

Website view: main treatise page and News & Events, final website screenshot 1.

Final website: main treatise page and News & Events.

Video: scroll through the main page and treatise-scroll narrative.

Video: navigation via the top bar (overview, team, contact).

Main page HTML in Cursor IDE. Site built with HTML, CSS, and JavaScript; Bootstrap.js for carousels.

Final Figma main page. Cross-platform by intent; phone and tablet layouts were less refined under time constraints but remained usable, website design screenshot 1.

Final Figma main page. Cross-platform by intent; phone and tablet layouts were less refined under time constraints but remained usable.

Early main-page layouts exploring structure, colour, and typography, process page layout 5.

Early main-page layouts exploring structure, colour, and typography.

Video: hover on team profiles for links and detail.

Final Figma design for team profile hover states, refined further in production.

Navigation of News & Events, showing how updates are organised in the treatise-inspired template.

Final Figma for News & Events: repeatable card system for project updates.

Air Aware website hero with a dotted AIR headline and a wearable vest showing glowing lungs.
We Are Air Aware graphic with AIR set in stippled blue dots.