http://www.evinnquinn.com evinnquinn.com Thu, 17 Feb 2011 01:36:04 +0000 http://www.evinnquinn.com en http://www.evinnquinn.com/Tomahawk-Three-Peat http://www.evinnquinn.com/following/evinnquinn.com/Tomahawk-Three-Peat Thu, 17 Feb 2011 01:36:04 +0000 evinnquinn.com 1068896 A visualization showing how Shaun White won the Winter X-Games before going to the Olympics. Shaun White invented a completely new move in the world of snowboarding called the "Tomahawk" which is a front flip, back flip, and a 1080 degree spin all wrapped into one elegant move. This poster shows how the move is done and how the contestants ranked in score based on their runs down the mountain. <img src="http://payload.cargocollective.com/1/0/25820/1068896/TTP 2.jpg" border="0" width="500" height="632" width_o="500" height_o="632" src_o="http://payload.cargocollective.com/1/0/25820/1068896/TTP 2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/1068896/final on a poster_edit.jpg" border="0" width="500" height="683" width_o="500" height_o="683" src_o="http://payload.cargocollective.com/1/0/25820/1068896/final on a poster_edit_o.jpg" align="left" /> ZOOM! http://www.evinnquinn.com/O-Prism http://www.evinnquinn.com/following/evinnquinn.com/O-Prism Sun, 13 Feb 2011 06:36:15 +0000 evinnquinn.com 1052191 I created O-Prism as a personal concept project. Completed in a morning, O-Prism uses o.l.e.d. technology to the max, creating a lighter, thinner, more environmentally friendly display. O-Prism is a 55 inch display that is less than 1 inch thick. It has rotating speakers on both sides for quality sound and direction. Its size and weight allow it to be very versatile in the home. The television interface is was also conceptualized as a complement to the display. Giving users options, similar to that of a computer but without adding another box to the entertainment center. <img src="http://payload.cargocollective.com/1/0/25820/1052191/screen-2.gif" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/1052191/screen-2_o.gif" align="left" /> Ideation <img src="http://payload.cargocollective.com/1/0/25820/1052191/Sketch.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/1052191/Sketch_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/1052191/interface-sketch.png" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/1052191/interface-sketch_o.png" align="left" /> Final Renders <img src="http://payload.cargocollective.com/1/0/25820/1052191/screen-2.gif" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/1052191/screen-2_o.gif" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/1052191/screen 1_edit.jpg" border="0" width="670" height="333" width_o="670" height_o="333" src_o="http://payload.cargocollective.com/1/0/25820/1052191/screen 1_edit_o.jpg" align="left" /> http://www.evinnquinn.com/JCB-Skid-Steer-Joystick http://www.evinnquinn.com/following/evinnquinn.com/JCB-Skid-Steer-Joystick Thu, 25 Mar 2010 16:24:25 +0000 evinnquinn.com 303182 This is a spec project done for the construction equipment company JCB. JCB is one of the top construction equipment manufactures in the world. They were in midst of re-designing their Back-Hoe cabin, and were concerned with the ergonomics inside their cabin, specifically the controls. The Goal of this project was to explore the ergonomics of the hand, and develop a design that was comfortable, provided ample feedback to the user, and cause little to no injury. <img src="http://payload.cargocollective.com/1/0/25820/303182/5.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/5_o.jpg" align="left" /> To accomplish the goal of designing a successful handle for the JCB Backhoe Cabin, an understanding of how the human body operates is critical. Learning about anthropometrics, anatomy and ergonomics helped me achieve my goal in a constructive and innovative way. Once I grasped these concepts, user testing only further validated my hypothesis. What I learned from the user tests and the previous sciences made itself prevalent in the ideation phase. Once I developed concrete criteria for my design, implementing it was very simple. Because of the previous phases of this project, I can assure you that my final Joy-Stick accomplishes the goals set out by JCB and myself. Research & Anthropometry<img src="http://payload.cargocollective.com/1/0/25820/303182/7.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/7_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303182/jcb-handle.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/jcb-handle_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303182/6.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/6_o.jpg" align="left" /> Target UserBefore designing a product, it is important to understand what and who you are designing for. Defining the target user group in important because you can target specific areas and create features that appeal to this user group, which in turn improves the product. For this project we are re-designing the main controls for a backhoe, so our target users would be people that use backhoes and other heavy machinery. Target User Group: *Ages 16 - 70 *New users and experienced users *Men and Women *Young & Old *Strong & Physically Impaired <img src="http://payload.cargocollective.com/1/0/25820/303182/4.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/4_o.jpg" align="left" /> Sketches, Handle Matrix & User ResearchI began this exploration with sketches. Exploring the handle shape and form and the numerous possibilities. From the sketches, i was able to select a few variations that would be suitable to make into physical prototypes. I selected different shapes, sizes, and styles to create a wide range of selection, then I put them all into one handle matrix. <img src="http://payload.cargocollective.com/1/0/25820/303182/11.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/11_o.jpg" align="left" /> To get an accurate sample of our user group to test the handle matrix, I went to HOME DEPOT. Considering it’s a construction and hardware store, and most of my users are going to be construction and home improvement workers it seemed best. I set up my testing apparatus and matrix on a cart and went around the store testing subjects. As I predicted, going to Home Depot was a good idea because many of the test subject were either backhoe operators of have driven one for many years or have had some kind of experience with them. Once I explained the project, I asked their opinion about the handles. I didn’t want to lead them in any specific direction so I just asked them to think out loud. After they exhausted their opinions I started probing for information. I asked them which one they thought was most comfortable by looks, and then which one was actually the most comfortable. I asked them what they wanted out of a handle, what positions they prefer, if the handle was comfortable for a long period of time. The responses from the testing were very informative and essential in the design of a successful handle. The most popular handle that was selected was the handle that had multiple ways of griping it and fit snuggly inside the palm. “I feel like I have more stability and control, and I can grip if from the top if I need to look over the front and still be comfortable.”-Home Depot Tester <img src="http://payload.cargocollective.com/1/0/25820/303182/1.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303182/2.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303182/3.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/3_o.jpg" align="left" /> Final DesignCombining multiple handle and there attributes lead me to my final design, a sleek comfortable, usable design that meats the criteria for a JCB Backhoe. Exploiting the shape of the handle, I specifically contoured it for each hand. This gives the user more insight into how they work as well as giving them more control. I recessed the thumb rest, placing the hand in a more natural position at all times while working. This puts less stress on the thumb joint as well as the lower part of the wrist. I integrated alternate materials into the design of the handle as well. I utilized a soft poly-plastic material on the surface of the handle. I cut t into the specific shape of the contour of the hand to make sure that when griped properly, it cushions the user from the machine. Practical use of the handle was also considered for my final design. Not only is the actual handle comfortable to use, it also has specialized button placement that doesn’t obstruct the user. The buttons are also place in areas where the user can still use them, no matter the position. <img src="http://payload.cargocollective.com/1/0/25820/303182/10.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/10_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303182/9.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/9_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303182/8.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303182/8_o.jpg" align="left" /> My Role: Solo Project http://www.evinnquinn.com/Irwin-Knives-Package-Design http://www.evinnquinn.com/following/evinnquinn.com/Irwin-Knives-Package-Design Thu, 25 Mar 2010 15:29:30 +0000 evinnquinn.com 303176 This project was sponsored by Newell/Rubbermaid as a packaging exercise. Newell / Rubbermaid’s subsidiary tool and construction equipment company Irwin was concerned that their current packaging was not reaching their target market. They didn't want to get lost in the "SEA OF YELLOW & BLUE" that is often found on an average wall of products available at home Depot. Their goals were to appear more attractive to their user market and distinguish themselves apart from other brands. <img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout3.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout3_o.jpg" align="left" /> Research<img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout7.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout7_o.jpg" align="left" /> observing the products visability <img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout9.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout9_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout8.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout8_o.jpg" align="left" /> So in order to accomplish this task, I went to Home Depot and observed products, packaging, who was buying what and why they were buying it. I also took a look at competitors and analyzed why they were doing quantitatively better than Irwin in this product category. <img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout10.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout10_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout11.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout11_o.jpg" align="left" /> When looking at Irwin's brand language, identity as a whole, and the strategy that they were using to capture market share and retain market value, I thought about how they communicate the product they’re selling, its benefits to the consumer, the face value, and how other companies were capitalizing on this. I wanted to make sure that in the final design, their product communicated and resonated with the user, and make sure that the consumer is getting the info that they need. Original Packaging<img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout5.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout4.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout4_o.jpg" align="left" /> The original packaging was very simple. There was nothing to attract potential new customers or even convert other brand loyal consumers. The strategy for the newly designed packaging was to just put the product into the hands of the consumers. Offering extra cases of blades with the purchase of the knives. Being very explicit with terminology on the face of the package was also an addition. Clearly showing what you get and explaining why it’s better. Also, by styling the package more aggressively draws the eye of the target consumer. New Packaging Concept<img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout3.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout2.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout6.5.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout6.5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303176/irwin-layout_o.jpg" align="left" /> My Role: Solo Project http://www.evinnquinn.com/Airloom http://www.evinnquinn.com/following/evinnquinn.com/Airloom Wed, 10 Mar 2010 06:48:33 +0000 evinnquinn.com 303100 The Airloom sits on the family table and captures memories through photos and audio clips. It ubiquitously captures pictures and audio in a individual photo style documentation. For every picture there is audio recorded for that exact moment, so you can relive the experience in the future. You can view your memories through a 360-degree touch projection interface, projected from the Airloom itself. The Airloom is designed to be passed down through a family’s generations, so it can record a family’s history and share it with the generations to come. Airloom: SVA Interaction Design Final Project from Evinn on Vimeo.*This is a fully functional interactive demonstration of the Airloom experience. A concept created by SVA Interaction Design Students: Kistin Graefe, Gene Lu, Russ Maschmeyer, Evinn Quinn Our IdeaThe concept was sparked by a talk at Interaction '10 by Richard Banks. He spoke about the concept of memories and the things that trigger them. Ultimately asking what will this be like in the future? Will the documentation methods that we have now such as twitter, facebook, and blogs mean anything to us later? These thoughts sparked the idea to create the Airloom. We wanted to address these issues with the creation of a device that can have meaning. <img src="http://payload.cargocollective.com/1/0/25820/303100/a2.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/a3.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a3_o.jpg" align="left" /> ResearchWe wanted to know what was most important to families, so we interviewed families and asked them for their thoughts on capturing memories. We organized our findings into high-level task flow diagram; listing all tasks we needed the device to accomplish. Once we had a basis for the design, we prototyped the interactions with paper and created a screen cast to demonstrate how it would work. Our initial concept was to have the user interact with the system through a touch screen photo frame. <img src="http://payload.cargocollective.com/1/0/25820/303100/a11.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a11_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/a10.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a10_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/a12.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a12_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/Airloom4.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/Airloom4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/Airloom3.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/Airloom3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/Airloom1.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/Airloom1_o.jpg" align="left" /> Form Factor ExplorationFor the form development, we centered our thoughts on the dinner table. We wanted to create a form that was inviting and encapsulated the idea of something that can grow old with the family. Being that it will be placed on the dinner table, we also wanted the form to look elegant and suitable for multiple occasions. We developed a vase like structure with soft curves as to make sure it wasn’t too aggressive. The vase symbolizes a vessel, holding a families memories. The Airloom’s purpose is to carry memories through the generations. <img src="http://payload.cargocollective.com/1/0/25820/303100/Airloom5.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/Airloom5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/Airloom6 copy.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/Airloom6 copy_o.jpg" align="left" /> How It WorksThe Airloom is a vessel of families memories. The Airloom can capture photos from its series of cameras around the neck. It can take photos in 360 degrees, to make sure it captures everything. The way to view these photos is to lift up the upper half to reveal a 360 degree projection system that projects the contents of the Airloom in the round. This give the Airloom the ability to share photos around a table in a family setting.<img src="http://payload.cargocollective.com/1/0/25820/303100/a9.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a9_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/a7.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a7_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/a6.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a6_o.jpg" align="left" /> Interface <img src="http://payload.cargocollective.com/1/0/25820/303100/airloom_edit.jpg" border="0" width="670" height="365" width_o="670" height_o="365" src_o="http://payload.cargocollective.com/1/0/25820/303100/airloom_edit_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/airloom1_edit.jpg" border="0" width="670" height="365" width_o="670" height_o="365" src_o="http://payload.cargocollective.com/1/0/25820/303100/airloom1_edit_o.jpg" align="left" /> We continued to think about our focus and why we had chosen the dinner table as our project setting. The dinner table was chosen because it is one of the few places that a family can come together, in a natural setting and create memories. After design iteration, we developed an interface touch point that was suitable for our goals. The projection can be viewed on any flat surface, but preferably at the dinner table. The goal behind capturing dinner moments and sharing them again, around the family table is to create a shared viewing experience. Having a shared experience promotes family interaction even more, evolving more people in the viewing experience. The 360-degree projection allows for a table touch interface as well. This idea simulates looking through photos, like you would if you dumped a shoebox of photos on the ground. It lets you move the pictures around with your hands and sift through piles of photos just like the old days. <img src="http://payload.cargocollective.com/1/0/25820/303100/Airloom8.jpg" border="0" width="670" height="376" width_o="670" height_o="376" src_o="http://payload.cargocollective.com/1/0/25820/303100/Airloom8_o.jpg" align="left" /> We created a basic wireframe of the interface show the granularity of the system, and the filters available to the viewer. <img src="http://payload.cargocollective.com/1/0/25820/303100/1.png" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/1_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/2.png" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/2_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/3.png" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/3_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/4.png" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/4_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/5.png" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/5_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/6.png" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/6_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/7.png" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/7_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/8.png" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/8_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/9.png" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303100/9_o.png" align="left" /> We created a user journey to show a specific use case for the Airloom. Airloom: User Journey from Evinn on Vimeo. We began experimenting with ways that we can engage our audience in the picture browsing experience. We decided that once the projection started, all the pictures that the Airloom has taken would fall onto the table. We thought that this promoted serendipitous exploration of family’s memories. We began to mock up this idea using paper, and trying to get a feel of how the experience really comes across. This idea also helped support the nostalgic notion of searching through many photos. <img src="http://payload.cargocollective.com/1/0/25820/303100/Airloom9.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/Airloom9_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/a5.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a5_o.jpg" align="left" /> Final Physical FormFor the form, we wanted to create something non-intrusive, but we also wanted something that can travel through the generations. We thought about material choices that were suitable for idea. Wood was the obvious choice. Wood is a classic material that ages well, we thought it to be the best choice for our form. We started to create the form with a cedar block and a wood lathe. <img src="http://payload.cargocollective.com/1/0/25820/303100/a8.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a8_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/a4.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a4_o.jpg" align="left" /> How The Prototype WorksFor the final deliverable. We wanted to produce a full blown experience using the Airloom. We decided to prototype the 360 degree touch projection element of the product. Encapsulating the experience of going into the Airloom and retrieving a memory. To acomplish this, we had to divise an idea for creating a touchable, augmentable surface. Since we were unable to the obtain the technology to efficiently create the experience, we simulated it by using a projector, Wii Remotes, a specially designed Wii Remote program, and Infared L.E.D.'s to make a simulation of the experience. To actually get a projected surface on a table, instead of using H.L.P (Holographic Laser Projection) technology, developed for the Light Touch by Light Blue Optics We simulated this idea with a projector mounted to the ceiling in a downward direction.<img src="http://payload.cargocollective.com/1/0/25820/303100/a15.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a15_o.jpg" align="left" /> We connected the projector to a computer running a functional version of our designed interface with actual sample data to simulate data captured. Designed in Action Script 2, the interface was fully interactive. The trick was to figure out how to navigate the interface through the use of the projection with your hands.<img src="http://payload.cargocollective.com/1/0/25820/303100/a14.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a14_o.jpg" align="left" /> In combination with the Wii Multi-Touch Program created by I.D.E.O. Labs ,some flash programming, and these infared rings that we created, we were able to actually control our flash demo from our fingertips, successfully creating a effective experience.<img src="http://payload.cargocollective.com/1/0/25820/303100/a13.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a13_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303100/a1.jpg" border="0" width="670" height="398" width_o="670" height_o="398" src_o="http://payload.cargocollective.com/1/0/25820/303100/a1_o.jpg" align="left" /> My Role: Concept Development, Ideation, Prototype Creation, Movie Actor & Filming, Interface Development, Sketching, & 3-D Modeling. http://www.evinnquinn.com/Ram-Eyewear http://www.evinnquinn.com/following/evinnquinn.com/Ram-Eyewear Tue, 09 Mar 2010 17:11:44 +0000 evinnquinn.com 303187 Ram Eyewear is a spec concept developed in conjunction with The McGee Group, one of the largest eyewear manufactures and distributors on the east coast. The goal was to create an eyewear line for a specific target market for the year 2010. For this project I created Ram Eyewear, a combination of form and function to support the active males lifestyle. <img src="http://payload.cargocollective.com/1/0/25820/303187/11.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/11_o.jpg" align="left" /> Facial AnalysisThe initial research requires a certain understanding of different face types and features. I did quick mock ups of different types of glasses, on people with different face types. I discovered that certain facial features are crucial to fitting glasses properly such as the bridge of the nose in particular. <img src="http://payload.cargocollective.com/1/0/25820/303187/7.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/7_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303187/9.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/9_o.jpg" align="left" /> Sketches <img src="http://payload.cargocollective.com/1/0/25820/303187/13.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/13_o.jpg" align="left" /> Models & LogoThe final design of Ram Eyewear takes into consideration the measurements of the face as well as the activities of the user. The design is elegant and modern, and still retains functionality and aggressiveness. <img src="http://payload.cargocollective.com/1/0/25820/303187/1.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303187/2.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303187/3.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303187/4.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303187/5.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303187/6.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303187/10.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303187/10_o.jpg" align="left" /> My Role: Solo Project http://www.evinnquinn.com/Wash-Away http://www.evinnquinn.com/following/evinnquinn.com/Wash-Away Tue, 09 Mar 2010 17:10:52 +0000 evinnquinn.com 303186 Wash Away: Dissolving Scrubbers was a project I did as a branding exercise. The goal of the exercise was to create a brand, an identity, and a memorable user experience through the use of a mailer. The idea behind Wash Away: Dissolving Scrubbers is that they are scrubbers comprised of a soap foam polymer which allows you to pre-scrub your dishes before you put them into the dishwasher. Once the dishes are in...you can throw the sponge in with them and when the cycle starts the sponge will dissolve and turn into soap to clean your dishes! <img src="http://payload.cargocollective.com/1/0/25820/303186/3.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303186/3_o.jpg" align="left" /> Logo & Final Images <img src="http://payload.cargocollective.com/1/0/25820/303186/1.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303186/1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303186/2.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303186/2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303186/3.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303186/3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303186/6.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303186/6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303186/4.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303186/4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303186/5.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303186/5_o.jpg" align="left" /> My Role: Solo Project http://www.evinnquinn.com/High-Line-Story-View http://www.evinnquinn.com/following/evinnquinn.com/High-Line-Story-View Tue, 09 Mar 2010 17:05:31 +0000 evinnquinn.com 303178 <img src="http://payload.cargocollective.com/1/0/25820/303178/core-feature.png" border="0" width="670" height="78" width_o="670" height_o="78" src_o="http://payload.cargocollective.com/1/0/25820/303178/core-feature_o.png" align="left" /> The High Line is a suspended walking park on the west side of Manhattan. Created from an old freight trail railroad track, the newly designed High Line Park is modern and sheik. Recently opening its first section in June 2009, the High Line is a great space for viewing New York City from a different perspective. Jill Nussbaum of R/GA challenged us to extend the perspective of the High Line by designing an interactive element for this public space. Story View User Journey from Jeff Kirsch on Vimeo. <img src="http://payload.cargocollective.com/1/0/25820/303178/Untitled-1.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303178/Untitled-1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/Untitled-4.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303178/Untitled-4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/Untitled-2.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303178/Untitled-2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/Untitled-3.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303178/Untitled-3_o.jpg" align="left" /> To understand what the High Line is and needs, we had to visit. We conducted interviews asking people questions about why they were visiting and what they liked about the High Line. After, we synthesized our findings and developed some core concepts based on what we found out. High Line Interviews from Evinn on Vimeo. After visiting the High Line, we synthesized our findings and developed some core concepts based on what we found out. Concepts<img src="http://payload.cargocollective.com/1/0/25820/303178/Untitled-5.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303178/Untitled-5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/Untitled-6.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303178/Untitled-6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/Untitled-7.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303178/Untitled-7_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/Untitled-8.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303178/Untitled-8_o.jpg" align="left" /> After a reviewing our concepts, we combined a few of our concepts into one. Chosen Concept"Audio Viewer" Borrowing a nostalgic and easily recognizable form, we updated the "viewers" to provide visitors access to short spoken-word stories and historical facts about the High Line and the surrounding city. As a visitor pans and tilts the viewer, they are able to listen to snippets of audio (either programmed by the High Line or left by other visitors) about the places and things the viewer is pointed at. By aiming the viewer at a location and holding down a record button, the visitor is able to leave a story tied to that place for others to discover. While sitting silently when not in use, as soon as a visitor begins moving the viewer they would hear a sound similar to scrubbing through radio stations. Stopping the viewer over a location with a story would cause it to come into "focus", and play back clearly. The viewers themselves preserve a mechanical, industrial form that fits with the history of the High Line, and are placed at specific locations on High Line. They are positioned to allow viewing of the scene off the High Line, and can be spun around to capture the view down the High Line as well. The "Audio Viewer" provides information about the city and the High Line’s history. It takes advantage of the High Line's unique perspective to allow visitors to share their thoughts and experiences in a unique and unexpected way that is equally accessible regardless of personal technology. It creates a constantly changing point of interest for one-time visitors from out of town and locals alike, and serves to catalyze conversation both within groups of visitors and between different visitors to the High Line over time. Final Concept Presentation <img src="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.001.jpg" border="0" width="670" height="376" width_o="1280" height_o="720" src_o="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.001_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.002.jpg" border="0" width="670" height="376" width_o="1280" height_o="720" src_o="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.002_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.003.jpg" border="0" width="670" height="376" width_o="1280" height_o="720" src_o="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.003_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.004.jpg" border="0" width="670" height="376" width_o="1280" height_o="720" src_o="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.004_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.005.jpg" border="0" width="670" height="376" width_o="1280" height_o="720" src_o="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.005_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/Untitled-12.jpg" border="0" width="670" height="377" width_o="670" height_o="377" src_o="http://payload.cargocollective.com/1/0/25820/303178/Untitled-12_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.007.jpg" border="0" width="670" height="376" width_o="1280" height_o="720" src_o="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.007_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.010.jpg" border="0" width="670" height="376" width_o="1280" height_o="720" src_o="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.010_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.011.jpg" border="0" width="670" height="376" width_o="1280" height_o="720" src_o="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.011_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.012.jpg" border="0" width="670" height="376" width_o="1280" height_o="720" src_o="http://payload.cargocollective.com/1/0/25820/303178/StoryView_final_JK_CM_EQ.012_o.jpg" align="left" /> My Role: Concept Development, Interview Note Recorder, Storyboarding, User Journey Creation, 3D Modeling http://www.evinnquinn.com/New-York-Times-iPhone-App http://www.evinnquinn.com/following/evinnquinn.com/New-York-Times-iPhone-App Tue, 09 Mar 2010 16:55:14 +0000 evinnquinn.com 303169 Under the direction of Khoi Vin design director of The New York Times, we were challenged to create a new and compelling way to distribute the New York Times newspaper content. My goal for this project was to provide an engaging, surprising, and personal experience when using the vast source of NY Times content. A redesigned iphone application made this possible, on a mobile scale. The new application is a user driven system. Instead of having to sift through all of the NY Times content, you can type in a subject that interest you, and all the NY Times content will be presented to you one article at a time. Articles related to your search will present themselves one after another assuring that the user is reading something they are interested in. The revised application also lets the user rate articles. The more the user reads & rates, the faster the application figures out the users personal preferences, and can provide better preference-based content. <img src="http://payload.cargocollective.com/1/0/25820/303169/1.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303169/1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303169/2.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303169/2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303169/3.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303169/3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303169/4.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303169/4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303169/5.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303169/5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303169/6.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303169/6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303169/7.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303169/7_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303169/8.jpg" border="0" width="670" height="379" width_o="740" height_o="419" src_o="http://payload.cargocollective.com/1/0/25820/303169/8_o.jpg" align="left" /> My Role: Concept Development, Graphics, Interface Design http://www.evinnquinn.com/Walmart-Spark-Change http://www.evinnquinn.com/following/evinnquinn.com/Walmart-Spark-Change Tue, 09 Mar 2010 16:53:59 +0000 evinnquinn.com 303163 Spark Change was a intern concept pitched during my internship with R/GA. Spark Change is a Platform that lets Moms use shopping at Walmart as a way to help their local community. By shopping at Walmart, Moms earn points which can be used for "Rollbacks" in Walmart stores. While Mom is donating sparks online, Walmart is donating just as much to local community organizations. Moms can team up with Walmart and utilize the Spark Change platform to do what she does best, saving money by shopping and help out her local community at the same time! Making her childrens school better, making the parks she visits cleaner, all while keeping the brand promise at the core, helping mom "Save Money and Live Better." <img src="http://payload.cargocollective.com/1/0/25820/303163/3.jpg" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/303163/3_o.jpg" align="left" /> Walmart: Smart Change Journey from Evinn on Vimeo. Walmart: Smart Change Journey pt. 2 from Evinn on Vimeo. ResearchAt the beginning of this idea, we wanted to create something that would help out Walmart's primary user. Utilizing existing research we targeted our idea around mothers and ways that we could help them. We put together a mood video profiling the life and mindset of mothers to help guide our design. Spark Change Mood Video from Evinn on Vimeo. We wanted to know what Mom really cares about. After examining the research, we saw that moms and the well being of their family come first. Their priorities don’t really concern giving back to their local community. They would love to give back and help out, but time and money are vey limiting factors. Here we show how impactful mom is within different realms. Her reach cant extend out to the community and the world. Our goal with the Spark Change platform was to change that. <img src="http://payload.cargocollective.com/1/0/25820/303163/infographic.jpg" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/303163/infographic_o.jpg" align="left" /> Going off of what we knew about Mom, we wanted to create an experience that was easily adopted. Immediately our idea centered on creating a better shopping experience. We wanted to improve what Mom already does instead of giving her something else to do. With that in mind, we wanted to help Mom save money. What better idea than to create a loyalty program centered on helping the community. Allowing Mom to continue to shop at Walmart, and receive savings and special promotions; and Walmart donating to local communities and charities on Moms behalf. <img src="http://payload.cargocollective.com/1/0/25820/303163/momshopping.jpg" border="0" width="670" height="317" width_o="670" height_o="317" src_o="http://payload.cargocollective.com/1/0/25820/303163/momshopping_o.jpg" align="left" /> SketchesWe ran with this concept and started to think of ideas around this, running iterations by the team and R/GA execs to get feedback. We wanted to create a platform idea with multiple touchpoints that Mom could interact with easily, so we a mobile portal along with a web interface was desired. <img src="http://payload.cargocollective.com/1/0/25820/303163/sk-1.jpg" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/303163/sk-1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303163/sk-2.jpg" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/303163/sk-2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303163/sk-3.jpg" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/303163/sk-3_o.jpg" align="left" /> Final ScreensWith Spark Change, mom can shop at Walmart and receive sparks points. She can then go online and pledge those points to the local group or charity that she wants. The more she donates the more Walmart donates. Mom also receives badges online to keep her motivated and special discounts instore that she can use to get what she needs. <img src="http://payload.cargocollective.com/1/0/25820/303163/spread-1.jpg" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/303163/spread-1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303163/spread-2.jpg" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/303163/spread-2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/25820/303163/spread-3.jpg" border="0" width="670" height="381" width_o="670" height_o="381" src_o="http://payload.cargocollective.com/1/0/25820/303163/spread-3_o.jpg" align="left" /> My Role: Concept Development, Graphic Design, Interaction Design