Material Ecology
Exhibition Identity | Creative Coding | Interactive Installation
This project explores the concept of "Material Ecology," inspired by Neri Oxman's philosophy of integrating technology, material science, and nature into design practices. It focuses on interactive, dynamic systems that mimic natural growth processes and transformations. The installation combines real-time generative text effects coded in p5.js and Processing, and a series of visual and tangible artifacts to immerse viewers in an experiential understanding of material behavior and evolution.
New Talent Awards 2025 - Silver Winner in Typography for Design
Indigo Design Award 2025 - Silver Winner in Integrated Graphic Design for Graphic Design
Modular TypeThis typeface was designed on a hexagonal grid to mimic cellular structures found in nature.
Each letter is built from repeated units, allowing the system to scale, deform, or combine into patterns. The structure references how biological systems grow from simple components into complex forms.
Title WallThe modular typeface was scaled into a large wall piece for the exhibition entrance. Instead of using standard titles or labels, the installation creates a pattern-based identity that blends into the space. This approach reflects how ecological materials are embedded in their environments, not just placed on top.
Brochure
The printed materials use the same visual logic as the digital system—based on modular grids and repeatable shapes. Layouts are designed to guide users through the space using structure rather than hierarchy.
Motion Chase
https://editor.p5js.org/xhou1/full/iFRvWb0i7This installation uses a tracking camera to detect user movement. When someone walks past, the system triggers random growth of visual cells on screen. It simulates how natural systems respond to stimuli, reacting without direct control, but within boundaries.
TypewriterIn this interface, users can type on a keyboard and see the letters appear on a screen. As they drag their mouse, the letters distort in real time, stretching or shifting. This interaction simulates the physical behavior of materials—how they can deform under pressure or direction.
ApplicatonsThe system was extended into posters, tote bags, and large-scale billboards. Each artifact uses the same modular alphabet but adapts its scale and layout to the context. This allows the system to function across digital and physical spaces while maintaining visual consistency.
©2025 JoeyHou
All rights are reserved
+16263948646