︎
︎      ︎
︎

Identity Design
Identity Design
Web Design
Front-End Development
Identity Design
Exhibition Design
Identity Design
Web Design
Short Film
Sound Design
Web Design
Interactive Design
Editorial Design
Print Design
Menu Design
Installation
Immersive Experience
Sound Design
Identity Design
Identity Design
Print Design
Installation
Mixed Media
Projection Mapping
Sound Design
Poster Design
Interactive Design
Print Design
Exhibition Design



✧ some Screengrabs from Turn Over a New Leaf ✧

Tree watching some time in October 

Turn Over a New Leaf


✷ WEB DESIGN
✷ HTML, CSS, & JAVASCRIPT


Turn Over a New Leaf is a webpage dedicated to capturing and forecasting the vibrant transformation of fall foliage here on College Hill this semester. As I experience my last autumn in Providence, I long to capture the leaves’ vivid hues as a timeless keepsake of the season’s fleeting beauty.

The interactive web interface showcases the current day’s leaf foliage, featuring a bottom slider that allows users to explore past foliage states or future predictions. Pixel colors are derived from analyzing dominant leaf hues in the curated background images, integrated with real-world tonal variations. This approach delivers a visually dynamic and authentic portrayal of natural foliage transitions.

The "Hide" button in the bottom-right corner allows users to remove the background image, revealing only the abstract pixel representation across the page. Hover interactions further enrich the experience by transforming the abstract pixels and logo into leaf silhouettes, echoing the idea of turning over a new leaf—symbolizing transformation, growth, and renewal. This playful yet meaningful interaction reinforces the theme, while the interface as a whole offers a layered, immersive experience that captures the ephemeral beauty of nature.