http://www.tafol.la Chad Tafolla | Interactive Art Director Tue, 21 Feb 2012 01:03:12 +0000 http://www.tafol.la en http://tafol.la/Sound-Of-My-Voice http://tafol.la/following/tafol.la/Sound-Of-My-Voice Tue, 21 Feb 2012 01:03:12 +0000 Chad Tafolla | Interactive Art Director 2848972 In order to build anticipation for the release of Sound Of My Voice, a film centered on a couple documenting a mysterious cult, the first 12 minutes was released and turned into an interactive film. The experience features several hotspots where users can explore aspects of the film in detail and share their thoughts with others. A slimmed down, embeddable version of the experience was also created allowing users to share the interactive film on Facebook, Twitter and Tumblr. Featured on Wired Magazine. View the websitehttp://soundofmyvoicemovie.com<img src="http://payload27.cargocollective.com/1/0/3374/2848972/SOMV_Loader.jpg" border="0" width="670" height="462" width_o="800" height_o="552" src_o="http://payload27.cargocollective.com/1/0/3374/2848972/SOMV_Loader_o.jpg" align="left" /> <img src="http://payload27.cargocollective.com/1/0/3374/2848972/SOMV_Hotspot.jpg" border="0" width="670" height="481" width_o="800" height_o="575" src_o="http://payload27.cargocollective.com/1/0/3374/2848972/SOMV_Hotspot_o.jpg" align="left" /> <img src="http://payload27.cargocollective.com/1/0/3374/2848972/SOMV_Share.jpg" border="0" width="670" height="481" width_o="800" height_o="575" src_o="http://payload27.cargocollective.com/1/0/3374/2848972/SOMV_Share_o.jpg" align="left" /> <img src="http://payload27.cargocollective.com/1/0/3374/2848972/SOMV_FB.jpg" border="0" width="670" height="663" width_o="800" height_o="792" src_o="http://payload27.cargocollective.com/1/0/3374/2848972/SOMV_FB_o.jpg" align="left" /> http://tafol.la/Journey-2-The-Mysterious-Island http://tafol.la/following/tafol.la/Journey-2-The-Mysterious-Island Mon, 20 Feb 2012 22:00:22 +0000 Chad Tafolla | Interactive Art Director 2847340 Warner Bros. approached Ignition to help concept a fun, simple and addictive game to promote the release of the new Warner Bros. film, Journey 2: The Mysterious Island. I was responsible for concepting, art direction and interface design. With limited assets, I directed a photo shoot to capture still frames of the body double which we used to program the character. Andy Burdin created the beautiful matte painting for the game. Work done as Senior Art Director at Ignition InteractivePlay the gameapps.warnerbros.com/journey2/catchthegold/us/<img src="http://payload27.cargocollective.com/1/0/3374/2847340/J2_Intro.jpg" border="0" width="670" height="443" width_o="800" height_o="530" src_o="http://payload27.cargocollective.com/1/0/3374/2847340/J2_Intro_o.jpg" align="left" /> <img src="http://payload27.cargocollective.com/1/0/3374/2847340/J2_Game.jpg" border="0" width="670" height="443" width_o="800" height_o="530" src_o="http://payload27.cargocollective.com/1/0/3374/2847340/J2_Game_o.jpg" align="left" /> <img src="http://payload27.cargocollective.com/1/0/3374/2847340/J2_End.jpg" border="0" width="670" height="443" width_o="800" height_o="530" src_o="http://payload27.cargocollective.com/1/0/3374/2847340/J2_End_o.jpg" align="left" /> <img src="http://payload27.cargocollective.com/1/0/3374/2847340/J2_Matte.jpg" border="0" width="670" height="465" width_o="800" height_o="556" src_o="http://payload27.cargocollective.com/1/0/3374/2847340/J2_Matte_o.jpg" align="left" /> <img src="http://payload27.cargocollective.com/1/0/3374/2847340/J2_MatteZoom.jpg" border="0" width="670" height="465" width_o="800" height_o="556" src_o="http://payload27.cargocollective.com/1/0/3374/2847340/J2_MatteZoom_o.jpg" align="left" /> http://tafol.la/Eagle-View-Tattoo http://tafol.la/following/tafol.la/Eagle-View-Tattoo Mon, 25 Jul 2011 06:42:16 +0000 Chad Tafolla | Interactive Art Director 1747949 When my long time friend and tattoo artist Colin Dowling approached me to help establish the look behind his new venture Eagle View Tattoo Products, I jumped at the chance. After hearing what went into making these revolutionary products ideas instantly starting coming to me and knew we needed to find a compelling way to tell the story of Eagle View. I wrote, directed and even had a cameo in a short documentary style video for the products. With the help of friend Sean Rosenthal, we shot the video over the course of 2 days on location in Orange County at Gold Rush Tattoo. Along with the video, I established new branding and designed a custom tailored website all the way down to a mobile device. Development was done by the uber talented Keith Driessen. View the websitehttp://eagleviewtattoo.com<img src="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_home.jpg" border="0" width="670" height="390" width_o="800" height_o="466" src_o="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_home_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_light.jpg" border="0" width="670" height="390" width_o="800" height_o="466" src_o="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_light_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_about.jpg" border="0" width="670" height="390" width_o="800" height_o="466" src_o="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_about_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_mobile.jpg" border="0" width="670" height="753" width_o="800" height_o="900" src_o="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_mobile_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_seal.jpg" border="0" width="670" height="422" width_o="800" height_o="505" src_o="http://payload.cargocollective.com/1/0/3374/1747949/EagleView_seal_o.jpg" align="left" /> http://tafol.la/Coal-Headwear http://tafol.la/following/tafol.la/Coal-Headwear Mon, 25 Jul 2011 06:42:13 +0000 Chad Tafolla | Interactive Art Director 709732 Redesign for high-end hat makers Coal Headwear. A minimal and clean approach was taken to allow Coal's beautiful fullscreen photography to show off the product. jQuery animations and transitions are sprinkled throughout to add to the elegant feel of the two sites. Recognition: Site Of The Day, The CSS Awards - November 12, 2010 Work done as Senior Art Director at BKWLDLaunch the websitehttp://coalheadwear.com http://coalconsidered.com<img src="http://payload.cargocollective.com/1/0/3374/709732/CoalHeadwear01_3.jpg" border="0" width="670" height="546" width_o="800" height_o="653" src_o="http://payload.cargocollective.com/1/0/3374/709732/CoalHeadwear01_3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/709732/CoalHeadwear02_2.jpg" border="0" width="670" height="621" width_o="800" height_o="742" src_o="http://payload.cargocollective.com/1/0/3374/709732/CoalHeadwear02_2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/709732/CoalHeadwear03_4.jpg" border="0" width="670" height="498" width_o="800" height_o="595" src_o="http://payload.cargocollective.com/1/0/3374/709732/CoalHeadwear03_4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/709732/CoalHeadwear04_5.jpg" border="0" width="670" height="557" width_o="800" height_o="666" src_o="http://payload.cargocollective.com/1/0/3374/709732/CoalHeadwear04_5_o.jpg" align="left" /> http://tafol.la/HTC-Inspire-4G-Launch http://tafol.la/following/tafol.la/HTC-Inspire-4G-Launch Tue, 19 Jul 2011 07:12:37 +0000 Chad Tafolla | Interactive Art Director 1748034 Working within a small team of designers and producers I helped concept the story, design components inside the "designers notebook" and worked on set co-directing the live action capture for the HTC Inspire 4G launch. The motion wizards at Wintr rocked the live-action capture, production and 3D, bringing the series of 5 videos to the next level. Straying from the typical format of training for HTC phones, this launch was well received by the client. Work done as Senior Interactive Designer at Hornall Anderson.<img src="http://payload.cargocollective.com/1/0/3374/1748034/HTC_04_4.jpg" border="0" width="670" height="458" width_o="800" height_o="547" src_o="http://payload.cargocollective.com/1/0/3374/1748034/HTC_04_4_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1748034/HTC_02.jpg" border="0" width="670" height="412" width_o="800" height_o="492" src_o="http://payload.cargocollective.com/1/0/3374/1748034/HTC_02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1748034/HTC_01.jpg" border="0" width="670" height="447" width_o="800" height_o="534" src_o="http://payload.cargocollective.com/1/0/3374/1748034/HTC_01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1748034/HTC_05_5.jpg" border="0" width="670" height="377" width_o="800" height_o="451" src_o="http://payload.cargocollective.com/1/0/3374/1748034/HTC_05_5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1748034/HTC_03_3.jpg" border="0" width="670" height="820" width_o="800" height_o="980" src_o="http://payload.cargocollective.com/1/0/3374/1748034/HTC_03_3_o.jpg" align="left" /> http://tafol.la/Ria-7-Eleven-Energy-Boost http://tafol.la/following/tafol.la/Ria-7-Eleven-Energy-Boost Tue, 19 Jul 2011 06:55:01 +0000 Chad Tafolla | Interactive Art Director 1748017 Microsite design for Ria Financial to announce their new money transfer partnership with 7-Eleven stores. To help get their name familiar to the audience, Ria was looking for a way to get current and new 7-Eleven customers to use their service to transfer money. Users can enter daily to win gift cards and based on time of day can win either coffee, an energy drink or fountain drinks to boost their energy. All submissions are displayed on a globe based on user location.<img src="http://payload.cargocollective.com/1/0/3374/1748017/7-Eleven_01.jpg" border="0" width="670" height="448" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/3374/1748017/7-Eleven_01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1748017/7-Eleven_02.jpg" border="0" width="670" height="448" width_o="800" height_o="536" src_o="http://payload.cargocollective.com/1/0/3374/1748017/7-Eleven_02_o.jpg" align="left" /> http://tafol.la/buzz-snow-com http://tafol.la/following/tafol.la/buzz-snow-com Tue, 19 Jul 2011 06:51:07 +0000 Chad Tafolla | Interactive Art Director 270361 Vail Resorts approached FL2 to concept, design and develop a content aggregator for all things snow. The site pulls in content from several networks including Twitter, Facebook and Flickr. I worked with a team of motion designers to provide design direction for animation and visual style of short bumpers. Work done as Art Director at FL2<img src="http://payload.cargocollective.com/1/0/3374/270361/Buzz-Preloader.jpg" border="0" width="670" height="407" width_o="800" height_o="486" src_o="http://payload.cargocollective.com/1/0/3374/270361/Buzz-Preloader_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/270361/snowsquad-landing.jpg" border="0" width="670" height="400" width_o="800" height_o="478" src_o="http://payload.cargocollective.com/1/0/3374/270361/snowsquad-landing_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/270361/buzz3.jpg" border="0" width="670" height="458" width_o="800" height_o="547" src_o="http://payload.cargocollective.com/1/0/3374/270361/buzz3_o.jpg" align="left" /> http://tafol.la/Learn-to-Lottery http://tafol.la/following/tafol.la/Learn-to-Lottery Tue, 19 Jul 2011 06:16:58 +0000 Chad Tafolla | Interactive Art Director 1747940 Concept design for this microsite for the Washington State Lottery. Knowing we wanted to bring in Sasha Barr for illustration, I established a look based on his style. My design for the homepage, main navigation and preloader still live throughout while the rest of the site was heavily expanded upon. Work done as Senior Art Director at BKWLDView the websitehttp://learntolottery.com<img src="http://payload.cargocollective.com/1/0/3374/1747940/LearnToLottery_home.jpg" border="0" width="670" height="391" width_o="800" height_o="468" src_o="http://payload.cargocollective.com/1/0/3374/1747940/LearnToLottery_home_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1747940/LearnToLottery_Loader.jpg" border="0" width="670" height="393" width_o="800" height_o="470" src_o="http://payload.cargocollective.com/1/0/3374/1747940/LearnToLottery_Loader_o.jpg" align="left" /> http://tafol.la/More-than-HTML5 http://tafol.la/following/tafol.la/More-than-HTML5 Tue, 19 Jul 2011 06:13:17 +0000 Chad Tafolla | Interactive Art Director 1747930 Originally a handful of static visualizations to educate the designer and developer community on what exactly is HTML5, I concepted this rich story telling experience utilizing the latest in HTML5 including the canvas element, audio tags and a healthy dose of JavaScript. As the sole designer on this project, I was responsible for the art direction, design and illustration. Working with a small team of front-end developers to implement the build, the experience works best in a modern browser. Work done as Senior Designer at Hornall Anderson<img src="http://payload.cargocollective.com/1/0/3374/1747930/HTML5_01.jpg" border="0" width="670" height="408" width_o="800" height_o="488" src_o="http://payload.cargocollective.com/1/0/3374/1747930/HTML5_01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1747930/HTML5_02_11.jpg" border="0" width="670" height="408" width_o="800" height_o="488" src_o="http://payload.cargocollective.com/1/0/3374/1747930/HTML5_02_11_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1747930/HTML5_05_8.jpg" border="0" width="670" height="408" width_o="800" height_o="488" src_o="http://payload.cargocollective.com/1/0/3374/1747930/HTML5_05_8_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/1747930/HTML5_03.jpg" border="0" width="670" height="391" width_o="800" height_o="467" src_o="http://payload.cargocollective.com/1/0/3374/1747930/HTML5_03_o.jpg" align="left" /> http://tafol.la/Tool-of-North-America http://tafol.la/following/tafol.la/Tool-of-North-America Thu, 08 Jul 2010 23:08:57 +0000 Chad Tafolla | Interactive Art Director 296723 Full screen live-action experience for video production company Tool of North America. Exploratory live-action video is front and center upon entering. The site is navigable using a scrollbar to sift through content which is filtered in a 3D environment. A custom CMS system was also designed and built especially for the unique site structure. Recognition: Communication Arts, Webpick of the Day - August 9, 2010 Work done as Art Director at FL2Launch the websitehttp://toolofna.com<img src="http://payload.cargocollective.com/1/0/3374/296723/Tool01b.jpg" border="0" width="670" height="432" width_o="800" height_o="516" src_o="http://payload.cargocollective.com/1/0/3374/296723/Tool01b_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/296723/Tool02.jpg" border="0" width="670" height="432" width_o="800" height_o="516" src_o="http://payload.cargocollective.com/1/0/3374/296723/Tool02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/296723/Tool03.jpg" border="0" width="670" height="432" width_o="800" height_o="516" src_o="http://payload.cargocollective.com/1/0/3374/296723/Tool03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/296723/Tool04.jpg" border="0" width="670" height="432" width_o="800" height_o="516" src_o="http://payload.cargocollective.com/1/0/3374/296723/Tool04_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/3374/296723/Tool05.jpg" border="0" width="670" height="432" width_o="800" height_o="516" src_o="http://payload.cargocollective.com/1/0/3374/296723/Tool05_o.jpg" align="left" />