Work

Exploration

About

Time

Fall 2021

Highlights

✦ Experiential Design

✦ Immersive Art

✦ Architectural Visualization

✦ Generative Code

Collaborators

✦ Experiential Design

✦ Immersive Art

✦ Architectural Visualization

✦ Generative Code

As Above / So Below is an interactive art installation proposed for The Bentway in Toronto. The concept aims to explore the similarities between natural and man-made systems by visualizing live traffic data from the Gardiner Expressway above as a dynamic flock simulation projected onto the "ceiling" of The Bentway.

As Above / So Below

As Above / So Below

As Above / So Below

Final Renders

Final Renders

Final Renders

01

Objectives

✦ Transform the ever-present traffic noise into an organic and welcoming experience.

✦ Reclaim not just the physical space of The Bentway but also its sounds and ambiance.

✦ Create an immersive experience that juxtaposes soothing visuals against the concrete backdrop of the Gardiner Expressway.

✦ Highlight the patterns and behaviors found in both natural and urban environments.

01

Objectives

✦ Transform the ever-present traffic noise into an organic and welcoming experience.

✦ Reclaim not just the physical space of The Bentway but also its sounds and ambiance.

✦ Create an immersive experience that juxtaposes soothing visuals against the concrete backdrop of the Gardiner Expressway.

✦ Highlight the patterns and behaviors found in both natural and urban environments.

var locs = [];

function setup() {
  createCanvas(windowWidth, windowHeight);

  var res = 20;
  var countX = ceil(width/res) + 1;
  var countY = ceil(height/res) + 1;

  for (var j = 0; j < countY; j++) {
    for (var i = 0; i < countX; i++) {
      locs.push( new p5.Vector(res*i, res*j) );
    }
  };

  noFill();
  stroke(249,78,128);
}

function draw() {
  background(30,67,137);
  for (var i = locs.length - 1; i >= 0; i--) {
    var h = calcVec( locs[i].x - mouseX, locs[i].y - mouseY);
    line(
      locs[i].x, 
      locs[i].y, 
      locs[i].x + 15*cos(h.heading()), 
      locs[i].y + 15*sin(h.heading())
    );
  };
}

function calcVec(x, y) {
  return new p5.Vector(y - x, - x - y);
}

02

Competitor Analysis

The project draws inspiration from Roosegaarde's "Dune" and "Waterlicht," utilizing technology to create interactive art that engages public spaces. These installations serve as benchmarks for integrating art with urban environments to enhance public engagement and convey messages.

02

Competitor Analysis

The project draws inspiration from Roosegaarde's "Dune" and "Waterlicht," utilizing technology to create interactive art that engages public spaces. These installations serve as benchmarks for integrating art with urban environments to enhance public engagement and convey messages.

03

Process & Methodology

The project was initiated with research, tech demos, and project pitches, with the majority of the work completed in the final month. The process involved:

✦ Capturing live traffic data from the Gardiner Expressway.

✦ Processing the data to drive a flock simulation, rendered as bird silhouettes projected onto the Bentway's "ceiling."

✦ Exploring speculative design practices to create a virtual rendition of the site and installation in 3D space.

03

Process & Methodology

The project was initiated with research, tech demos, and project pitches, with the majority of the work completed in the final month. The process involved:

✦ Capturing live traffic data from the Gardiner Expressway.

✦ Processing the data to drive a flock simulation, rendered as bird silhouettes projected onto the Bentway's "ceiling."

✦ Exploring speculative design practices to create a virtual rendition of the site and installation in 3D space.

04

Design Solutions

The installation's design features abstract renditions of birds, with the flock's density dynamically changing based on traffic intensity. This concept was visualized through conceptual renderings and a system map, outlining the integration of projectors and data processing to create the immersive experience.

04

Design Solutions

The installation's design features abstract renditions of birds, with the flock's density dynamically changing based on traffic intensity. This concept was visualized through conceptual renderings and a system map, outlining the integration of projectors and data processing to create the immersive experience.

05

Findings

The project's iterative and research-backed approach allowed for creative exploration within technical constraints. Initial uncertainty gave way to a clear concept, leveraging speculative design to propose a grounded yet imaginative installation.

05

Findings

The project's iterative and research-backed approach allowed for creative exploration within technical constraints. Initial uncertainty gave way to a clear concept, leveraging speculative design to propose a grounded yet imaginative installation.

06

Success Metrics

Success would be measured by the engagement and positive reception from visitors, the effective communication of the project's themes, and the seamless integration of the installation within The Bentway's environment.

06

Success Metrics

Success would be measured by the engagement and positive reception from visitors, the effective communication of the project's themes, and the seamless integration of the installation within The Bentway's environment.

07

Reflection

The project underscored the importance of allowing room for creativity within a pragmatic, research-heavy approach. The experience gained from this project is expected to influence future design proposals, especially those involving public spaces and interactive art.

07

Reflection

The project underscored the importance of allowing room for creativity within a pragmatic, research-heavy approach. The experience gained from this project is expected to influence future design proposals, especially those involving public spaces and interactive art.

A digital platform designed to enhance the operations and financial performance of Jane Doe International Airport, offering airport administrators and merchants valuable insights into traveler behavior and expenditure trends through data and analytics collected from our mobile virtual reality application, utilized by travelers during their airport experience.

A digital platform designed to enhance the operations and financial performance of Jane Doe International Airport, offering airport administrators and merchants valuable insights into traveler behavior and expenditure trends through data and analytics collected from our mobile virtual reality application, utilized by travelers during their airport experience.

I, along with John Smith, collaborated for Ampersand Corporation to assist them in presenting the concept to Jane Doe International Airport.

My services include designing user experience and visual design for mobile app and structuring key performance indicators for web dashboard.

My services include designing user experience and visual design for mobile app and structuring key performance indicators for web dashboard.

01

Objectives

✦ Transform the ever-present traffic noise into an organic and welcoming experience.

✦ Reclaim not just the physical space of The Bentway but also its sounds and ambiance.

✦ Create an immersive experience that juxtaposes soothing visuals against the concrete backdrop of the Gardiner Expressway.

✦ Highlight the patterns and behaviors found in both natural and urban environments.

var locs = [];

function setup() {
  createCanvas(windowWidth, windowHeight);

  var res = 20;
  var countX = ceil(width/res) + 1;
  var countY = ceil(height/res) + 1;

  for (var j = 0; j < countY; j++) {
    for (var i = 0; i < countX; i++) {
      locs.push( new p5.Vector(res*i, res*j) );
    }
  };

  noFill();
  stroke(249,78,128);
}

function draw() {
  background(30,67,137);
  for (var i = locs.length - 1; i >= 0; i--) {
    var h = calcVec( locs[i].x - mouseX, locs[i].y - mouseY);
    line(
      locs[i].x, 
      locs[i].y, 
      locs[i].x + 15*cos(h.heading()), 
      locs[i].y + 15*sin(h.heading())
    );
  };
}

function calcVec(x, y) {
  return new p5.Vector(y - x, - x - y);
}

02

Competitor Analysis

The project draws inspiration from Roosegaarde's "Dune" and "Waterlicht," utilizing technology to create interactive art that engages public spaces. These installations serve as benchmarks for integrating art with urban environments to enhance public engagement and convey messages.

03

Process & Methodology

The project was initiated with research, tech demos, and project pitches, with the majority of the work completed in the final month. The process involved:

✦ Capturing live traffic data from the Gardiner Expressway.

✦ Processing the data to drive a flock simulation, rendered as bird silhouettes projected onto the Bentway's "ceiling."

✦ Exploring speculative design practices to create a virtual rendition of the site and installation in 3D space.

04

Design Solutions

The installation's design features abstract renditions of birds, with the flock's density dynamically changing based on traffic intensity. This concept was visualized through conceptual renderings and a system map, outlining the integration of projectors and data processing to create the immersive experience.

05

Findings

The project's iterative and research-backed approach allowed for creative exploration within technical constraints. Initial uncertainty gave way to a clear concept, leveraging speculative design to propose a grounded yet imaginative installation.

06

Success Metrics

Success would be measured by the engagement and positive reception from visitors, the effective communication of the project's themes, and the seamless integration of the installation within The Bentway's environment.

07

Reflection

The project underscored the importance of allowing room for creativity within a pragmatic, research-heavy approach. The experience gained from this project is expected to influence future design proposals, especially those involving public spaces and interactive art.

A digital platform designed to enhance the operations and financial performance of Jane Doe International Airport, offering airport administrators and merchants valuable insights into traveler behavior and expenditure trends through data and analytics collected from our mobile virtual reality application, utilized by travelers during their airport experience.

I, along with John Smith, collaborated for Ampersand Corporation to assist them in presenting the concept to Jane Doe International Airport.

My services include designing user experience and visual design for mobile app and structuring key performance indicators for web dashboard.

Branding

Branding

Branding

Work

Exploration

About