http://andrewfung.ca Andrew Fung's Portfolio Tue, 24 Apr 2012 05:09:21 +0000 http://andrewfung.ca en http://andrewfung.ca/Mitto-Water-Harvesting-Filtration-System http://andrewfung.ca/following/andrewfung.ca/Mitto-Water-Harvesting-Filtration-System Tue, 24 Apr 2012 05:09:21 +0000 Andrew Fung's Portfolio 3264549 <img src="http://payload48.cargocollective.com/1/3/127361/3264549/Title.jpg" width="300" height="161" width_o="300" height_o="161" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Title_o.jpg" data-mid="16739685" border="0" align="left"/> Mitto is a system designed to be highly transportable and rapidly deployable. Somewhere between disaster relief and long voyages into the depth of the wilderness we plan to situate our design, capable of augmenting existing rainwater collection systems or establishing a temporary but resilient system at wherever base camp happens to be. Mitto is the continuation of a 8 months long graduation project. The first prototype, Noro can be viewed here. Having returned from the winter break, the design team recapped on the 7 key insights from our first user study session with Noro. Ergonomics / Trust / Operations / Transparency / Modularity / Communication More forms and ideas were generated through low-fi prototyping and sketching. However, to further realize the usability of the device, a Mk. 4 prototype is fabricated through 3D Printing. <img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk4_Portable.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk4_Portable_o.jpg" data-mid="16740319" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk4_Catchment.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk4_Catchment_o.jpg" data-mid="16740313" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk4_Components.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk4_Components_o.jpg" data-mid="16740315" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk4_Interaction.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk4_Interaction_o.jpg" data-mid="16740317" border="0" align="left"/> A 2nd user study session was held with 14 potential users to gain further insights into our new prototype. <img src="http://payload48.cargocollective.com/1/3/127361/3264549/user Study.png" width="640" height="294" width_o="640" height_o="294" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/user Study_o.png" data-mid="16740416" border="0" align="left"/> The first part of the study informed our participants on what Mitto is through a short questionnaire. The second part requires our users to configure the prototype into catchment and portable form while a facilitator observes how participants are interacting with the form. To conclude the session, the facilitators held a short participatory design session with our participants to visualized, prototype additional ideas for the device. The results of the user study session assisted the design team in narrowing down on the following areas: Function / Assembly / Visual Communication / Stability / Storage Our next (and final) prototype was then built to address these areas. First in SolidWorks <img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Portable.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Portable_o.jpg" data-mid="16741334" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Portable_base.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Portable_base_o.jpg" data-mid="16741336" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Catchment Exploded.png" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Catchment Exploded_o.png" data-mid="16741339" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Catchment.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Catchment_o.jpg" data-mid="16741341" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Icons.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk6_Icons_o.jpg" data-mid="16741344" border="0" align="left"/> and then 3D Printed. The catchment hydrophobic fabric and the carrying case is also introduced. <img src="http://payload48.cargocollective.com/1/3/127361/3264549/Mk 6 Set.png" width="640" height="561" width_o="640" height_o="561" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Mk 6 Set_o.png" data-mid="16741463" border="0" align="left"/> A short motion graphic is also produced from the 3D Model to demonstrate the configurations of Mitto Interaction in Context: <img src="http://payload48.cargocollective.com/1/3/127361/3264549/Context2.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Context2_o.jpg" data-mid="16741661" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Context1.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Context1_o.jpg" data-mid="16741655" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Context3.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Context3_o.jpg" data-mid="16741645" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Context4.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Context4_o.jpg" data-mid="16741643" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/Context5.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/Context5_o.jpg" data-mid="16741640" border="0" align="left"/><img src="http://payload48.cargocollective.com/1/3/127361/3264549/context6.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload48.cargocollective.com/1/3/127361/3264549/context6_o.jpg" data-mid="16741634" border="0" align="left"/> For a detailed version of Mitto's design + built process, you can download our development report right Here (21.3MB) ------ Team: Jordan Manning: Ideation, Sketches, Prototype, Fabrication Andrew Fung: Ideation, Sketches, Storyboards & Visual Communication Mike Kruk: Ideation, Sketches, Prototypes Mark Edwards: Sketches, Prototypes, Visual prototyping Colin Sharp: Sketches, prototypes ------ Mitto has been mentioned on Alice Truong's article for USA Today, "5 cool green gadgets for Earth Day" J Brooks' Article on RomeroBrooks, "Portable System That Filters Rain Water Into Clean Drinking Water" Dakshina Thuakur's Article on Gizmo Watch "Noro Rainwater Catchment and Filtration System supplies clean water" Asmita Prashad's Article on DesignBuzz , "Noro Rainwater Catchment and Filtration System provides clean water virtually anywhere" Derek Makham's Article on TreeHugger, "Portable Rainwater Harvesting and Filtration Prototype Supplies Clean Drinking Water" http://andrewfung.ca/Zaha-Hadid-s-LF-One http://andrewfung.ca/following/andrewfung.ca/Zaha-Hadid-s-LF-One Tue, 24 Apr 2012 00:41:27 +0000 Andrew Fung's Portfolio 1876459 This architectural study is under Russel Taylor's Spatial Design Course in SFU's School of Interactive Arts & Technology. The goal of the project was to understand the ideas behind and the context of Zaha Hadid's LFOne. To achieve this, my project team was required to spend a 3 weeks period studying the building. Two physical models were built in the earlier weeks. <img src="http://payload.cargocollective.com/1/3/127361/1876459/a000.jpg" width="604" height="453" width_o="604" height_o="453" src_o="http://payload.cargocollective.com/1/3/127361/1876459/a000_o.jpg" data-mid="9281440" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/a001.jpg" width="604" height="453" width_o="604" height_o="453" src_o="http://payload.cargocollective.com/1/3/127361/1876459/a001_o.jpg" data-mid="9281442" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/a002.jpg" width="604" height="453" width_o="604" height_o="453" src_o="http://payload.cargocollective.com/1/3/127361/1876459/a002_o.jpg" data-mid="9281444" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/a003.jpg" width="604" height="453" width_o="604" height_o="453" src_o="http://payload.cargocollective.com/1/3/127361/1876459/a003_o.jpg" data-mid="9281445" border="0" align="left"/> The final week required the team to reconstruct the building in Cinema 4D <img src="http://payload.cargocollective.com/1/3/127361/1876459/000.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/000_o.jpg" data-mid="9281162" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/001.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/001_o.jpg" data-mid="9281172" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/002.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/002_o.jpg" data-mid="9281180" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/003.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/003_o.jpg" data-mid="9281183" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/004.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/004_o.jpg" data-mid="9281190" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/005.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/005_o.jpg" data-mid="9281200" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/006.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/006_o.jpg" data-mid="9281203" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/007.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/007_o.jpg" data-mid="9281209" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876459/008.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/008_o.jpg" data-mid="9281213" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/3/127361/1876459/009.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876459/009_o.jpg" data-mid="9281219" border="0" align="left"/> http://andrewfung.ca/Noro-Rainwater-Catchment-Filtration-System-1 http://andrewfung.ca/following/andrewfung.ca/Noro-Rainwater-Catchment-Filtration-System-1 Sat, 25 Feb 2012 02:17:10 +0000 Andrew Fung's Portfolio 2878716 <img src="http://payload28.cargocollective.com/1/3/127361/2878716/Screen Shot 2012-02-24 at 5.10.17 PM.png" width="306" height="183" width_o="306" height_o="183" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/Screen Shot 2012-02-24 at 5.10.17 PM_o.png" data-mid="14633843" border="0" align="left"/> Noro is a system designed to be highly transportable and rapidly deployable. Somewhere between disaster relief and long voyages into the depth of the wilderness we plan to situate our design, capable of augmenting existing rainwater collection systems or establishing a temporary but resilient system at wherever base camp happens to be. The project began as a rainwater filtration system built from salvaged local material for residences of Vancouver's downtown east side. Here are some early sketches <img src="http://payload28.cargocollective.com/1/3/127361/2878716/Old Process 2.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/Old Process 2_o.jpg" data-mid="14633878" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/old process1.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/old process1_o.jpg" data-mid="14633881" border="0" align="left"/> However, upon visiting our context, we quickly realized the need for such installation is not necessary. Upon further research into the nature of working with rainwater, the team discovered an opportunity within the domain of outdoor camping. While the team engaged in different ways to explore the potential interaction with Noro, I took the approach of storyboarding in context to develop the experience between the user and the product. <img src="http://payload28.cargocollective.com/1/3/127361/2878716/process1.jpg" width="640" height="498" width_o="640" height_o="498" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/process1_o.jpg" data-mid="14633888" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/process2.jpg" width="640" height="310" width_o="640" height_o="310" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/process2_o.jpg" data-mid="14633891" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/process3.jpg" width="640" height="301" width_o="640" height_o="301" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/process3_o.jpg" data-mid="14633894" border="0" align="left"/> To further realize this project, the team headed over to a Home Depot (hardware store) to pick up parts that we can use for prototyping Noro. Upon finishing our Mk. II Prototype, we conducted a prototype study with 15 different users. <img src="http://payload28.cargocollective.com/1/3/127361/2878716/noro1.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/noro1_o.jpg" data-mid="14633908" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/noro2.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/noro2_o.jpg" data-mid="14633911" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/noro3.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/noro3_o.jpg" data-mid="14633913" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/noro4.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/noro4_o.jpg" data-mid="14633914" border="0" align="left"/> Taking the feedback we received from our many user study sessions(which is extremely tiring as well), the team went on to build Noro Mk. III <img src="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_1.jpg" width="640" height="420" width_o="640" height_o="420" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_1_o.jpg" data-mid="14633917" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_2.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_2_o.jpg" data-mid="14633918" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_3.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_3_o.jpg" data-mid="14633919" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_4.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_4_o.jpg" data-mid="14633920" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_5.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/noromk3_5_o.jpg" data-mid="14633922" border="0" align="left"/> In Spring 2012, the team entered Noro into Simon Fraser University's Interactive Arts & Technology project showcase. Noro placed #1 in the Prototyping category and we were also featured on Global TV Noro also placed #3 in the project showcase at Touch Point 2012: Interaction Design Symposium Here are some of the print material created for the showcase. <img src="http://payload28.cargocollective.com/1/3/127361/2878716/showcase poster.jpg" width="640" height="960" width_o="640" height_o="960" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/showcase poster_o.jpg" data-mid="14633934" border="0" align="left"/> <img src="http://payload28.cargocollective.com/1/3/127361/2878716/showcase stuff.jpg" width="640" height="364" width_o="640" height_o="364" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/showcase stuff_o.jpg" data-mid="14633938" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/kruk1.jpg" width="640" height="415" width_o="640" height_o="415" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/kruk1_o.jpg" data-mid="14633940" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/kruk2.jpg" width="640" height="415" width_o="640" height_o="415" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/kruk2_o.jpg" data-mid="14633941" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/kruk3.jpg" width="640" height="415" width_o="640" height_o="415" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/kruk3_o.jpg" data-mid="14633943" border="0" align="left"/><img src="http://payload28.cargocollective.com/1/3/127361/2878716/kruk4.jpg" width="640" height="415" width_o="640" height_o="415" src_o="http://payload28.cargocollective.com/1/3/127361/2878716/kruk4_o.jpg" data-mid="14633944" border="0" align="left"/> The next stage of this project can be seen at Mitto: Water Harvesting & Filtration System ------ Team: Jordan Manning: Ideation, Sketches, Prototype, Fabrication Andrew Fung: Ideation, Sketches, Storyboards & Visual Communication Mike Kruk: Ideation, Sketches, Prototypes Mark Edwards: Sketches, Prototypes, Visual prototyping Colin Sharp: Sketches, prototypes http://andrewfung.ca/CIBC-IxA-Proposal http://andrewfung.ca/following/andrewfung.ca/CIBC-IxA-Proposal Sun, 11 Dec 2011 05:16:29 +0000 Andrew Fung's Portfolio 2438795 The goal of the CIBC IxA experience is to visualize the data presented in online banking as a way to challenge the implication of monetary interaction. By presenting the payments and spending history in an abstract form, the interface aims to add a layer of enjoyment to the existing banking system. User Testing Documentation Process <img src="http://payload6.cargocollective.com/1/3/127361/2438795/001_5.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload6.cargocollective.com/1/3/127361/2438795/001_5_o.jpg" data-mid="12287840" border="0" align="left"/><img src="http://payload6.cargocollective.com/1/3/127361/2438795/002_4.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload6.cargocollective.com/1/3/127361/2438795/002_4_o.jpg" data-mid="12287835" border="0" align="left"/><img src="http://payload6.cargocollective.com/1/3/127361/2438795/003_3.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload6.cargocollective.com/1/3/127361/2438795/003_3_o.jpg" data-mid="12287836" border="0" align="left"/><img src="http://payload6.cargocollective.com/1/3/127361/2438795/004_2.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload6.cargocollective.com/1/3/127361/2438795/004_2_o.jpg" data-mid="12287837" border="0" align="left"/><img src="http://payload6.cargocollective.com/1/3/127361/2438795/005_1.jpg" width="640" height="400" width_o="640" height_o="400" src_o="http://payload6.cargocollective.com/1/3/127361/2438795/005_1_o.jpg" data-mid="12287839" border="0" align="left"/> Designed in collaboration with Sahar Sayyadi and Luma Shehadeh http://andrewfung.ca/FINCAD-F3 http://andrewfung.ca/following/andrewfung.ca/FINCAD-F3 Fri, 11 Nov 2011 01:25:41 +0000 Andrew Fung's Portfolio 2288168 In Fall 2011, I had the opportunity to work with FINCAD, one of the leading financial software firm providing analytics tools for over 4000 organizations around the world. The project brief was to create a kinetic InfoGraphic video for FINCAD's new financial analytics suite, F3. Coming from a design research and design thinking background, I extracted and synthesized the core elements of the complex financial analytics system through the use of an Information Model and InfoGraphics. <img src="http://payload.cargocollective.com/1/3/127361/2288168/001.jpg" width="640" height="295" width_o="640" height_o="295" src_o="http://payload.cargocollective.com/1/3/127361/2288168/001_o.jpg" data-mid="11481825" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/2288168/002.jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/3/127361/2288168/002_o.jpg" data-mid="11481830" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/2288168/003.jpg" width="640" height="386" width_o="640" height_o="386" src_o="http://payload.cargocollective.com/1/3/127361/2288168/003_o.jpg" data-mid="11481833" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/2288168/004.jpg" width="640" height="385" width_o="640" height_o="385" src_o="http://payload.cargocollective.com/1/3/127361/2288168/004_o.jpg" data-mid="11481839" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/2288168/005.jpg" width="640" height="853" width_o="640" height_o="853" src_o="http://payload.cargocollective.com/1/3/127361/2288168/005_o.jpg" data-mid="11481843" border="0" align="left"/> After gaining an integral understanding of the overarching system, I used the Information Model as a storyboard to begin building the video. <img src="http://payload.cargocollective.com/1/3/127361/2288168/006.jpg" width="640" height="346" width_o="640" height_o="346" src_o="http://payload.cargocollective.com/1/3/127361/2288168/006_o.jpg" data-mid="11481846" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/2288168/007.jpg" width="640" height="349" width_o="640" height_o="349" src_o="http://payload.cargocollective.com/1/3/127361/2288168/007_o.jpg" data-mid="11481848" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/2288168/008.jpg" width="640" height="265" width_o="640" height_o="265" src_o="http://payload.cargocollective.com/1/3/127361/2288168/008_o.jpg" data-mid="11481851" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/2288168/009.jpg" width="640" height="331" width_o="640" height_o="331" src_o="http://payload.cargocollective.com/1/3/127361/2288168/009_o.jpg" data-mid="11481854" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/2288168/010.jpg" width="620" height="328" width_o="620" height_o="328" src_o="http://payload.cargocollective.com/1/3/127361/2288168/010_o.jpg" data-mid="11481856" border="0" align="left"/> http://andrewfung.ca/Misc-Graphic http://andrewfung.ca/following/andrewfung.ca/Misc-Graphic Thu, 25 Aug 2011 22:07:52 +0000 Andrew Fung's Portfolio 1912450 The following are projects that I am quite proud of, but they don't necessarily belong to any specific category other than Miscellaneous graphic works. Infographic built for raising awareness against Human Trafficking <img src="http://payload.cargocollective.com/1/3/127361/1912450/Info 2.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1912450/Info 2_o.jpg" data-mid="15586367" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1912450/info1.jpg" width="670" height="1035" width_o="800" height_o="1236" src_o="http://payload.cargocollective.com/1/3/127361/1912450/info1_o.jpg" data-mid="15586369" border="0" align="left"/> Legacy Posters for Jack Layton. Made in August 2011 <img src="http://payload.cargocollective.com/1/3/127361/1912450/poster 3.jpg" width="670" height="487" width_o="850" height_o="618" src_o="http://payload.cargocollective.com/1/3/127361/1912450/poster 3_o.jpg" data-mid="15586397" border="0" align="left"/> http://andrewfung.ca/Fictional-Artemide-Showroom http://andrewfung.ca/following/andrewfung.ca/Fictional-Artemide-Showroom Wed, 17 Aug 2011 21:13:24 +0000 Andrew Fung's Portfolio 1876628 This was the final project for Russel Taylor's Spatial Design Course in SFU's School of Interactive Arts & Technology. The project brief was to create a showroom within the context of Granville Island in Vancouver for Italian lighting firm - Artemide. The project took place over a period of 3 weeks. During the first week, the team conducted research on the context & the client. In the second week, the team began prototyping forms based on the information and data gathered in the first week. The final proposal in the last week synthesized the previous weeks with the idea or parti "Navigation with light" into a proposal for the fictional Artemide showroom at Granville Island. <img src="http://payload.cargocollective.com/1/3/127361/1876628/000.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/000_o.jpg" data-mid="9282008" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/001.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/001_o.jpg" data-mid="9282012" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/002.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/002_o.jpg" data-mid="9282014" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/003.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/003_o.jpg" data-mid="9282016" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/004.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/004_o.jpg" data-mid="9282022" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/005.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/005_o.jpg" data-mid="9282030" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/006.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/006_o.jpg" data-mid="9282036" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/007.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/007_o.jpg" data-mid="9282043" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/008.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/008_o.jpg" data-mid="9282045" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/009.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/009_o.jpg" data-mid="9282048" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/010.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/010_o.jpg" data-mid="9282055" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/011.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/011_o.jpg" data-mid="9282059" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/012.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/012_o.jpg" data-mid="9282064" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/013.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/013_o.jpg" data-mid="9282072" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/014.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/014_o.jpg" data-mid="9282077" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1876628/015.jpg" width="670" height="502" width_o="2048" height_o="1536" src_o="http://payload.cargocollective.com/1/3/127361/1876628/015_o.jpg" data-mid="9282088" border="0" align="left"/> http://andrewfung.ca/dutchDesign http://andrewfung.ca/following/andrewfung.ca/dutchDesign Tue, 05 Jul 2011 07:27:40 +0000 Andrew Fung's Portfolio 1679191 dutchDesign 2011 is a field study on Dutch design & architecture that took place during the month of May in Northern Europe. Along with our Professor, Russell Taylor, the team spent a full semester researching on Dutch culture, landscape, architects and designers to prepare ourselves for our month long field study prior to our departure in late April. At the end of this intensive research driven course, the group ended with a relatively robust understanding of the Dutch design scene in the Netherlands in which I had the opportunity to synthesize and visualize our result into a single information model. <img src="http://payload.cargocollective.com/1/3/127361/1679191/model.jpg" width="670" height="566" width_o="800" height_o="676" src_o="http://payload.cargocollective.com/1/3/127361/1679191/model_o.jpg" data-mid="8241286" border="0" align="left"/> Individual members of the group were also assigned interviews with specific designers & architects. Jordan Manning and I had the opportunity to prepare and lead the interview with OMA's Reinier de Graaf and KiBiSi's Lars Holme Larsen. Near the end of the in-field part of the field study, I was in charge of creating a graphic identity that will be used in our website and our interviews. The intent of this graphic is to showcase the nature of the field study. Therefore my “client”(which is really my professor) wanted a mark that reflects Dutch graphic design while embodying what the group has accomplished in this month. After researching into how Dutch graphic design works with type and forms, I have chosen to work with the space created by the contour of the words “Dutch Design”. What came out of this experiment was an architectural shape that references our involvement with architectural knowledge while visualizing the vision of the field study in a graphic form. This mark was implemented onto a website and a consistent typographic layout was also developed for the interview videos as well. The implementation of the website was lead by Kevin Fales & Stella Gucci. <img src="http://payload.cargocollective.com/1/3/127361/1679191/000.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/000_o.jpg" data-mid="8241137" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1679191/001.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/001_o.jpg" data-mid="8241141" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1679191/002.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/002_o.jpg" data-mid="8241144" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1679191/003.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/003_o.jpg" data-mid="8241148" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1679191/004.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/004_o.jpg" data-mid="8241149" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1679191/005.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/005_o.jpg" data-mid="8241153" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1679191/006.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/006_o.jpg" data-mid="8241154" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1679191/007.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/007_o.jpg" data-mid="8241156" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1679191/008.png" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/008_o.png" data-mid="8241158" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1679191/009.png" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1679191/009_o.png" data-mid="8241162" border="0" align="left"/> http://andrewfung.ca/Lighting http://andrewfung.ca/following/andrewfung.ca/Lighting Mon, 04 Jul 2011 19:59:38 +0000 Andrew Fung's Portfolio 1681785 Spline Light is a desk lamp made specifically for a workshop- studio environment. The body of the lamp is made from found wood, which affords personalization in the form of "wear & tear" over time. Each Spline Light created by the end user is completely unique as various kind of wood gives the lamp a completely different identity. <img src="http://payload.cargocollective.com/1/3/127361/1681785/spline.jpg" width="640" height="389" width_o="640" height_o="389" src_o="http://payload.cargocollective.com/1/3/127361/1681785/spline_o.jpg" data-mid="12291466" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/3/127361/1681785/process.jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/3/127361/1681785/process_o.jpg" data-mid="12291642" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1681785/001.jpeg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/3/127361/1681785/001_o.jpeg" data-mid="12291518" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1681785/002.jpeg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/3/127361/1681785/002_o.jpeg" data-mid="12291521" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1681785/004.jpg" width="640" height="480" width_o="640" height_o="480" src_o="http://payload.cargocollective.com/1/3/127361/1681785/004_o.jpg" data-mid="12291524" border="0" align="left"/> Designed in collaboration with Morgan Fraser / Obi Vattanawong / Luma Shehadeh / Fabiola Rodriguez The Principal Design Component of the Imbuto was derived from an intersection unit in pipelines. The idea explores the intangible and omnidirectional nature of light which lead to a form that attempts to contain the light and funnel its direction. <img src="http://payload.cargocollective.com/1/3/127361/1681785/001.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1681785/001_o.jpg" data-mid="8254702" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1681785/002.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1681785/002_o.jpg" data-mid="8254704" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1681785/003.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1681785/003_o.jpg" data-mid="8254705" border="0" align="left"/>{image 4}<img src="http://payload.cargocollective.com/1/3/127361/1681785/005.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1681785/005_o.jpg" data-mid="8254709" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1681785/006.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1681785/006_o.jpg" data-mid="8254759" border="0" align="left"/> Designed in collaboration with Jordan Manning / Mike Kruk / Michael Farrell / Kevin Fales http://andrewfung.ca/AX3 http://andrewfung.ca/following/andrewfung.ca/AX3 Sat, 02 Jul 2011 23:22:38 +0000 Andrew Fung's Portfolio 1675451 AX3 Multimedia is a collective of talented individuals who have a strong interest in Asian Lifestyle and Asian Pop Culture - concentrating within our interests in entertainment, fashion, gadgets, oddity, sports. By providing daily content, creative designs, and collaborative projects with clients, we power the web with a high voltage of original works. As the former lead designer of AX3, I was in charge of + Graphic identity development + Data visualization + Media quality control + Directing the design team + Design and Innovation Consulting + Hiring and interviewing graphic/media design interns. In the summer of 2011, I had the opportunity to redefine the graphic identity of AX3 and design a media kit for the collective. <img src="http://payload.cargocollective.com/1/3/127361/1675451/010.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/010_o.jpg" data-mid="8714621" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/009.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/009_o.jpg" data-mid="8714620" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/013.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/013_o.jpg" data-mid="8714624" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/011.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/011_o.jpg" data-mid="8714622" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/012.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/012_o.jpg" data-mid="8714623" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/016.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/016_o.jpg" data-mid="8714857" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/002.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/002_o.jpg" data-mid="8221037" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/003.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/003_o.jpg" data-mid="8221039" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/017.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/017_o.jpg" data-mid="8714966" border="0" align="left"/> In first General Meeting of 2012, I reviewed AX3's online and local presence to help shape a vision for the company. Here is the presentation: <img src="http://payload.cargocollective.com/1/3/127361/1675451/000.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/000_o.jpg" data-mid="15586153" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/001.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/001_o.jpg" data-mid="15586154" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/002_1.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/002_1_o.jpg" data-mid="15586155" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/004.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/004_o.jpg" data-mid="15586156" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/005.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/005_o.jpg" data-mid="15586157" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/006.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/006_o.jpg" data-mid="15586158" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/007_3.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/007_3_o.jpg" data-mid="15586160" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/008.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/008_o.jpg" data-mid="15586161" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/009_4.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/009_4_o.jpg" data-mid="15586162" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/010_5.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/010_5_o.jpg" data-mid="15586164" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/011_6.jpg" width="670" height="418" width_o="800" height_o="500" src_o="http://payload.cargocollective.com/1/3/127361/1675451/011_6_o.jpg" data-mid="15586167" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/127361/1675451/012_7.jpg" width="670" height="417" width_o="800" height_o="499" src_o="http://payload.cargocollective.com/1/3/127361/1675451/012_7_o.jpg" data-mid="15586169" border="0" align="left"/>