Resources for Students:

Currently at SFU Surrey,

XHTML and CSS Quick Reference Sheet
[PDF] [mirror]

"Russell's Rules" Design Concepts
[PDF]

Hello! I'm Brian and I am an Interaction Designer and New Media Artist with a passion for Interactive Installations and Urban Design.

Brian is an interdisciplinary creative professional, based in Vancouver with a Bachelors of Science in Interactive Arts & Technology, with concentrations in New Media Environments and Interaction Design.


x

Sustain-a-Stack by Octobox

An interdisciplinary design studio project where my team, Octobox, developed from beginning to end, an innovative product. Our process began with many brainstorming and idea generation sessions, which lead us to the idea for Sustain-a-Stack. We took this concept, and it developed forward by performing crucial research, interviews and market feedback. This collected data was analyzed and applied to grow the ideas. In the second phase of the project, digital-physical prototypes were developed. Starting from early proof-of-concepts, interactions were carefully developed and materials and technologies were chosen through rigorous experimentation. The final result was a fully working physical prototype with carefully developed digital interactions and experiences was developed.

Octobox.org - Team Octobox Development Blog

Concluding Project Presentation
(note slide images may take a moment to load)

Concept Presentation
(warning:lengthy loading time)

Team:
+ Brian Quan
+ Kurtis Beard
+ Kiks Chua
+ Sammy Jayetileke
+ Derek Pante
+ Manuel Pineault
+ Andrew Thong

weBlimp
weBlimp is a social, crowd controlled flying airship. It conceptually miniaturizes participants and places them inside the gondola of a remote controlled blimp.


The purpose of this project is to explore the concept of crowd collaboration, and how it can occur in the context of navigational controls in an embodied manner. The project attempts to bridge the gap caused by the disembodied relationship between the remote control and the device. The weBLIMP is intended to play with participant's sense of scale. weBLIMP is a blimp, controlled by participants in a room (located away from view of the blimp). The navigators play in a room with a projector showing, at wall size, what the blimp is seeing, and the blimp embodies what the participants do. The participants react to what they see on screen, and the blimp reacts to what the participants do. This project is an example of embodied interaction, which plays with scale and social interaction.

Project Website
http://weblimp.brianquan.com

Publications:
Quan, B., Thong, A., Waddington, N., Wu, A. "weBlimp", ACM Creativity and Cognition 2009 Conference, October 27-30, 2009, Berkeley, CA. Poster session.

Exhibitions
+ Vancouver 2010 Olympics - Surrey Celebration Site - February 17-22, 2010
+ SFU Surrey Annual Open House - Dale B. Regehr Grand Hall - March 4, 2010
+ International Digital Media Arts Association Conference 2010 - November 4-6, 2010

Press
+ ShawTV - [Television Interview]
+ CNET
+ Fast Company
+ NOTCOT
+ DesignBoom
+ Surrey Leader - [Newspaper Article]
+ Green Diary
+ Gizmo Watch
+ Technabob

Team:
+ Brian Quan
+ Andrew Thong
+ Nathan Waddington
+ Anna Wu

Brief
A large scale project where I was the project manager of a 50+ member team. An entire senior-level project class works togeather as an interdiciplinary team (calling themselves BlueBox) over four months, developing ideas and then pushing those ideas into a polished finished project with in the subject area of immersive environments.

Consume Now Think Later
The project, called 'Consume Now, Think Later', is a large scale interactive installation / exhibition that addresses issues surrounding the environment. The structure of the installation comprises of four rooms that focus on the issues of over consumption, pollution, and urban sprawl. The final exhibition of 'CNTL' took place at Fraser Heights High School, interactively educating hundreds of teenagers on environmental issues in a unique, innovative, and fun way.

For more on Consume Now Think Later, please take a look at the Project Brochure or visit the project website www.ConsumeNow.com.

A photographer drops his camera.
A video short, created out of digital still images, playing with the relationship between still images and sound. Digital photography, video compositing + effects, custom audio.

Team:
Brian Quan
Josef Liu



Project: Sodom & Gomorrah

Brief Introduction:
An interactive installation, titled "Sodom and Gomorrah," addresses and modernizes the themes generated by the biblical tale of the same name. The installation involes a participant in a variety of visuals and audio that relate to themes of 'good and evil'. The installation changes according to the interactions of the participant, who is put into the role of the all-seeing, all-knowing being - God.
Custom surface touch sensors, Multi-projector anti-occlusion projections, Camera tracking, and sensor-projection processing.
Please see the Project Blog for more information.

Team:
+ Kurtis Beard
+ Kawi Cho
+ Derek Pante
+ Brian Quan

An excercise in physical computing, this project was a talking Batman head which had a motor controlling the mouth and LEDs for glowing eyes. The motor and LEDs were interfaced through a Teleo I/O board which communicated with Max/MSP on a computer.

Team:
Brian Quan
Derek Pante

'Dillema', is a 3D animated short video.

An artistic look at a disgruntled character that reminisces and learns that can't run away from the problems in his life.

My second year animation portfolio site also includes other modelling and animation assignments

An assignment for my Cultural Icons course. An investigation into the post modern world of the Brand, we were asked to take on a celebrity role, and make ourselves into a 'fetishized commodity', and turn a person into a brand.

Please see the bDOTq brand site and related 'articles'.

Tek Toys e-store
A flashed based online toy store. An technical excercise in Flash Animation, Actionscript, PHP, and MySQL. Interactions by a user on the website is processed by the Flash and Actionscript, which then passes that information to PHP scripts. User and shopping information is stored in a MySQL database.

Please view the Tek Toys site here.

Team:
Brian Quan
Ben Volpov
Vanessa Carpenter
James Hseuh

Floral Function

An interactive installation where movements of a participant affect the presented environment.
The idea for the project was derived from the current issues of global warming, deforestation and human's impact on the environment. We as a group of artists wanted to come up with a creative way of highlighting this message. The artistic approach to this issue was to create an interactive installation that would send out a message illustrating this idea of the Man's destructive impact. The idea is an Interactive installation that features real time growing floral art projected on a wall. Each time someone passes in front of it the plant would degenerate and wither back down or away from the being. This idea will be the basis of our Installation.

Floral Function project website


Team:
Brian Quan
Aaron Liu
Abe Lo
Steve Cutinho
Gail Wu

Twi Lite

An interface design project for competition in BCHydro's Power Smart Innovation competition.
Our proposal involved using wireless and sensing technologies to greatly reduce power consumption of everyday lighting. Lights are dynamically adjusted and only turned on when someone is around.
The interface of the control device was the focus of the project and the most designed and tested parts.

TwiLite Conept Plan

TwiLite Digital Prototype


Team:
Brian Quan
Anna Wu
Ali Behnoosh



Takeout for Two
A short film about a radio host who finds himself trapped in an unending loop, doomed to relive the same moments over and over again, until he can learn to take his own advice.

First place winner of the 48 hour Quick flick challenge. "QFC" is a 48 hour film festival, where your team is given an "inspiration package" containing a character, a location, a line of dialog, a prop, and a CD of music, all of which must be used to create a 5 minute long film over the course of 48 hours. Our inspiration package included: Character: radio host; Location: dead end road; Prop: "Takeout for Two" box; Phrase: "The game takes over your life".

Visual Effects Reel

A reel of various motion and visual effects work, including cinematography and digital retouching.

Right This Way
Synopsis:
After an eccentric billionaire starts his own left-handed Utopian society, Rod, Andy, and Lewis try to solve their financial crisis by signing up. However, they soon find out that being left-handed is not as easy as they thought.

Production Crew:
Brian Quan, Jackson Chan, Hosea Cheung, Tim Kong, Nabil Lam, Josef Liu, Justin Mah, Jeff Tay

IMDB - Internet Movie Database (link)

'Telescope' - by Shalini
I had a great time working on a music video for up and coming Canadian singer, Shalini. Working with first time director Vik Prasad, I was consulted on all aspects of the production as well as being behind the camera and cinematography.

"SIATTLE": Seattle Alaskan Way Viaduct Study and Intervention

A three day in-field design charrette: The Alaskan Way Viaduct in Seattle has divided the city center from it's waterfront since its construction in the 1950s and as a result has created pockets of land that have been underutilized, underdeveloped and is unwelcoming to the residents and visitors of Seattle.


Click for slideshow

Our proposal for the space is to create interventions that will parallel Seattle's development plan - to grow and develop for the future. This is done through the nurturing of the city's core values, investing in the future - the children of the community, and creating a space to encourage creativity and innovation to meet the challenges that the future will bring.









Danese Milano at Railspur Alley, Granville Island


Click for slideshow

A showroom proposal for client Danese Milano in the context of Granville Island, located in Vancouver, Canada.
The project site is a challenging narrow alleyway in Granville Island known as Railspur Alley.













X
close