http://migueltrias.com Miguel Trias - Digital Art Director, Interactive Designer Tue, 03 Jan 2012 14:24:44 +0000 http://migueltrias.com en http://migueltrias.com/George-s-Shoes http://migueltrias.com/following/migueltrias.com/George-s-Shoes Tue, 03 Jan 2012 14:24:44 +0000 Miguel Trias - Digital Art Director, Interactive Designer 879725 © 2010-2011 Background: This legendary brand needed to re-design and re-think their website by adding as much information as possible while keeping the essence of its heritage.My role: The site concept was developed together with designer and friend Javier Esteban. I executed the Flash production and development (AS3, interactions, animations design, etc). <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg"> <img src="http://payload.cargocollective.com/1/0/11800/879725/2.jpg" width="670" height="383" width_o="670" height_o="383" src_o="http://payload.cargocollective.com/1/0/11800/879725/2_o.jpg" data-mid="7894414" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879725/3.jpg" width="670" height="383" width_o="670" height_o="383" src_o="http://payload.cargocollective.com/1/0/11800/879725/3_o.jpg" data-mid="7894415" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879725/4.jpg" width="670" height="383" width_o="670" height_o="383" src_o="http://payload.cargocollective.com/1/0/11800/879725/4_o.jpg" data-mid="7894417" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879725/5.jpg" width="670" height="383" width_o="670" height_o="383" src_o="http://payload.cargocollective.com/1/0/11800/879725/5_o.jpg" data-mid="7894418" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879725/6.jpg" width="670" height="383" width_o="670" height_o="383" src_o="http://payload.cargocollective.com/1/0/11800/879725/6_o.jpg" data-mid="7894419" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879725/7.jpg" width="670" height="383" width_o="670" height_o="383" src_o="http://payload.cargocollective.com/1/0/11800/879725/7_o.jpg" data-mid="7894421" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879725/8.jpg" width="670" height="383" width_o="670" height_o="383" src_o="http://payload.cargocollective.com/1/0/11800/879725/8_o.jpg" data-mid="7894423" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879725/1.jpg" width="670" height="383" width_o="670" height_o="383" src_o="http://payload.cargocollective.com/1/0/11800/879725/1_o.jpg" data-mid="7894413" border="0" align="left"/> <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg"> http://migueltrias.com/Lifelovers-ABC http://migueltrias.com/following/migueltrias.com/Lifelovers-ABC Fri, 11 Nov 2011 13:11:59 +0000 Miguel Trias - Digital Art Director, Interactive Designer 2174271 2011 © Camper Background: Introducing the new Camper lifestyle concept Lifelovers Welcome, we created the Lifelovers ABC, a 26-letter manifest deeply focused on our participation on the Volvo Ocean Race.My role: I did the concept and designed its layout and workflow. DoubleYou brought it to life in HTML5 with nice CSS effects. <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg"> <img src="http://payload.cargocollective.com/1/0/11800/2174271/The-Lifelovers-ABC-2.jpg" width="670" height="1511" width_o="670" height_o="1511" src_o="http://payload.cargocollective.com/1/0/11800/2174271/The-Lifelovers-ABC-2_o.jpg" data-mid="10859771" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/2174271/s-for-sound.jpg" width="670" height="358" width_o="670" height_o="358" src_o="http://payload.cargocollective.com/1/0/11800/2174271/s-for-sound_o.jpg" data-mid="13032140" border="0" align="left"/> <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg"> http://migueltrias.com/Camper-Online-Store http://migueltrias.com/following/migueltrias.com/Camper-Online-Store Fri, 11 Nov 2011 13:11:58 +0000 Miguel Trias - Digital Art Director, Interactive Designer 1134981 2010-2011 © Camper Background: This project started when we were looking for a cleaner, facelifted interface for our succesful eShop. The final designs led us to a new visual style, much cleaner and white, with realistic elements like the product shelves you may find in retail stores, to give it depth.My role: I lead this huge project by developing the Concept, Art Direction and Design of the new look & feel, including all from Web to iPhone. The excellent Camper IT team succesfully brought it to life. <img src="http://payload.cargocollective.com/1/0/11800/1134981/1.jpg" width="670" height="1006" width_o="670" height_o="1006" src_o="http://payload.cargocollective.com/1/0/11800/1134981/1_o.jpg" data-mid="7894211" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134981/grid.jpg" width="670" height="1270" width_o="670" height_o="1270" src_o="http://payload.cargocollective.com/1/0/11800/1134981/grid_o.jpg" data-mid="7894214" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134981/product-detail.jpg" width="670" height="889" width_o="670" height_o="889" src_o="http://payload.cargocollective.com/1/0/11800/1134981/product-detail_o.jpg" data-mid="7894216" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134981/eshop1.5-mobile3.jpg" width="670" height="472" width_o="670" height_o="472" src_o="http://payload.cargocollective.com/1/0/11800/1134981/eshop1.5-mobile3_o.jpg" data-mid="13048603" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134981/checkout.jpg" width="670" height="758" width_o="670" height_o="758" src_o="http://payload.cargocollective.com/1/0/11800/1134981/checkout_o.jpg" data-mid="7894220" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134981/faqs.jpg" width="670" height="868" width_o="670" height_o="868" src_o="http://payload.cargocollective.com/1/0/11800/1134981/faqs_o.jpg" data-mid="7894225" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134981/SHOPLOCATOR-1.5.1.jpg" width="670" height="553" width_o="670" height_o="553" src_o="http://payload.cargocollective.com/1/0/11800/1134981/SHOPLOCATOR-1.5.1_o.jpg" data-mid="7894232" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134981/SHOPLOCATOR-1.5.2.jpg" width="670" height="553" width_o="670" height_o="553" src_o="http://payload.cargocollective.com/1/0/11800/1134981/SHOPLOCATOR-1.5.2_o.jpg" data-mid="7894233" border="0" align="left"/> http://migueltrias.com/Volvo-Ocean-Race http://migueltrias.com/following/migueltrias.com/Volvo-Ocean-Race Fri, 11 Nov 2011 13:11:57 +0000 Miguel Trias - Digital Art Director, Interactive Designer 1285908 2011 © Camper Background: Camper is participating in one of the worlds most premiere Sailing events, the Volvo Ocean Race. An epic adventure which spans over nine months, sailing across four oceans and visiting five continents.  Often described as the “Mt. Everest” of sailing where teams fight under the most extreme conditions to be the first around the world.My role: First, we created a pre-race microsite to show our extraordinary boat design, team members and all the race details. Some months later, we launched the final site, with lots of contents and news about the competition. I did the Art Direction, Design, and lead the project in all it's digital production variants. <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg"> <img src="http://payload.cargocollective.com/1/0/11800/1285908/1.jpg" width="670" height="411" width_o="670" height_o="411" src_o="http://payload.cargocollective.com/1/0/11800/1285908/1_o.jpg" data-mid="8784159" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285908/2.jpg" width="670" height="411" width_o="670" height_o="411" src_o="http://payload.cargocollective.com/1/0/11800/1285908/2_o.jpg" data-mid="8784163" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285908/3.jpg" width="670" height="411" width_o="670" height_o="411" src_o="http://payload.cargocollective.com/1/0/11800/1285908/3_o.jpg" data-mid="8784164" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285908/4.jpg" width="670" height="411" width_o="670" height_o="411" src_o="http://payload.cargocollective.com/1/0/11800/1285908/4_o.jpg" data-mid="8784167" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285908/5.jpg" width="670" height="411" width_o="670" height_o="411" src_o="http://payload.cargocollective.com/1/0/11800/1285908/5_o.jpg" data-mid="8784169" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285908/6.jpg" width="670" height="411" width_o="670" height_o="411" src_o="http://payload.cargocollective.com/1/0/11800/1285908/6_o.jpg" data-mid="8784170" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285908/7.jpg" width="670" height="411" width_o="670" height_o="411" src_o="http://payload.cargocollective.com/1/0/11800/1285908/7_o.jpg" data-mid="8784171" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285908/8.jpg" width="670" height="1745" width_o="670" height_o="1745" src_o="http://payload.cargocollective.com/1/0/11800/1285908/8_o.jpg" data-mid="17293631" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285908/9.jpg" width="670" height="1475" width_o="670" height_o="1475" src_o="http://payload.cargocollective.com/1/0/11800/1285908/9_o.jpg" data-mid="17293637" border="0" align="left"/> <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg"> http://migueltrias.com/Leather-Life http://migueltrias.com/following/migueltrias.com/Leather-Life Fri, 11 Nov 2011 13:11:56 +0000 Miguel Trias - Digital Art Director, Interactive Designer 1440251 © 2010-2011 Background: Leather Life is a personal blog I started for one of my favourite passions: motorcycles and road lifestyle. <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg"> <img src="http://payload.cargocollective.com/1/0/11800/1440251/leather-life-1.jpg" width="670" height="404" width_o="670" height_o="404" src_o="http://payload.cargocollective.com/1/0/11800/1440251/leather-life-1_o.jpg" data-mid="17493228" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1440251/leather-life-shot.jpg" width="670" height="2458" width_o="670" height_o="2458" src_o="http://payload.cargocollective.com/1/0/11800/1440251/leather-life-shot_o.jpg" data-mid="7143250" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1440251/leather-life-4.jpg" width="670" height="404" width_o="670" height_o="404" src_o="http://payload.cargocollective.com/1/0/11800/1440251/leather-life-4_o.jpg" data-mid="17493231" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1440251/leather-life-5.jpg" width="670" height="404" width_o="670" height_o="404" src_o="http://payload.cargocollective.com/1/0/11800/1440251/leather-life-5_o.jpg" data-mid="17494881" border="0" align="left"/> http://migueltrias.com/Extraordinary-Crafts http://migueltrias.com/following/migueltrias.com/Extraordinary-Crafts Fri, 11 Nov 2011 13:11:55 +0000 Miguel Trias - Digital Art Director, Interactive Designer 1285926 2010-2011 © Camper Background: Extraordinary Crafts is Camper's product quality and technology label. Each season since its conception we've been developing a set of microsites to showcase the concept.My role: I lead the project production and its Camper's flash platform integration. I also Art Directed AW2010 and SS2011 season microsites, while the SS2010 season was art directed by SwingSwing. Xarxa Studio executed the Flash deployment. <img src="http://payload.cargocollective.com/1/0/11800/1285926/ect71-1.jpg" width="670" height="386" width_o="670" height_o="386" src_o="http://payload.cargocollective.com/1/0/11800/1285926/ect71-1_o.jpg" data-mid="7916475" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285926/ect71-2.jpg" width="670" height="386" width_o="670" height_o="386" src_o="http://payload.cargocollective.com/1/0/11800/1285926/ect71-2_o.jpg" data-mid="7916478" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285926/ect72-1.jpg" width="670" height="407" width_o="670" height_o="407" src_o="http://payload.cargocollective.com/1/0/11800/1285926/ect72-1_o.jpg" data-mid="7916479" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285926/ect72-2.jpg" width="670" height="407" width_o="670" height_o="407" src_o="http://payload.cargocollective.com/1/0/11800/1285926/ect72-2_o.jpg" data-mid="7916481" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285926/ect70-1.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1285926/ect70-1_o.jpg" data-mid="7916466" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285926/ect70-3.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1285926/ect70-3_o.jpg" data-mid="7916469" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1285926/ect70-4.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1285926/ect70-4_o.jpg" data-mid="7916473" border="0" align="left"/> http://migueltrias.com/Brurel http://migueltrias.com/following/migueltrias.com/Brurel Fri, 11 Nov 2011 13:11:54 +0000 Miguel Trias - Digital Art Director, Interactive Designer 167280 © 2008-2011 Background: Brurel is a project started with friend and colleage Javier Esteban. It's a place were we both collect our favourite designers, illustrators, musicians and artist in general. <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg"> <img src="http://payload.cargocollective.com/1/0/11800/167280/BRUREL-1.jpg" width="670" height="1285" width_o="670" height_o="1285" src_o="http://payload.cargocollective.com/1/0/11800/167280/BRUREL-1_o.jpg" data-mid="7939760" border="0" align="left"/> http://migueltrias.com/Tribute-by-Hella-Jongerius http://migueltrias.com/following/migueltrias.com/Tribute-by-Hella-Jongerius Fri, 11 Nov 2011 13:11:53 +0000 Miguel Trias - Digital Art Director, Interactive Designer 1134973 2009 © Camper Background: Microsite for the special collaboration between Camper and industrial designer Hella Jongerius for the re-design of old shoe icons.My role: I did the full project production, from Concept, Art Direction and Design to its Flash Development (AS3). <img src="http://payload.cargocollective.com/1/0/11800/1134973/tribute-1.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1134973/tribute-1_o.jpg" data-mid="7916494" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134973/tribute-2.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1134973/tribute-2_o.jpg" data-mid="7916496" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134973/tribute-3.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1134973/tribute-3_o.jpg" data-mid="7916497" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1134973/tribute-4.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1134973/tribute-4_o.jpg" data-mid="7916498" border="0" align="left"/> http://migueltrias.com/Camper-Together http://migueltrias.com/following/migueltrias.com/Camper-Together Fri, 11 Nov 2011 13:11:52 +0000 Miguel Trias - Digital Art Director, Interactive Designer 1022041 2009-2011 © Camper Background: Microsites for Camper's premium label of store and product designer collaborations, Camper Together. Artists like Jaime Hayon, Alfredo Haberli, Campana Brothers or Tokujin Yoshioka are part of this project.My role: I did the website Concept and Art Direction and lead its Camper's flash platform integration. Xarxa Studio executed the Flash deployment. <img src="http://payload.cargocollective.com/1/0/11800/1022041/together-1.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1022041/together-1_o.jpg" data-mid="7916507" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1022041/together-2.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1022041/together-2_o.jpg" data-mid="7916508" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1022041/together-b-1.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1022041/together-b-1_o.jpg" data-mid="7916510" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1022041/together-b-2.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1022041/together-b-2_o.jpg" data-mid="7939280" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/1022041/together-b-3.jpg" width="670" height="406" width_o="670" height_o="406" src_o="http://payload.cargocollective.com/1/0/11800/1022041/together-b-3_o.jpg" data-mid="7939281" border="0" align="left"/> http://migueltrias.com/Sa-Pedrissa http://migueltrias.com/following/migueltrias.com/Sa-Pedrissa Fri, 11 Nov 2011 13:11:51 +0000 Miguel Trias - Digital Art Director, Interactive Designer 879722 © 2008-2009 Background: Sa Pedrissa is a romantic agrotourism hotel settled in Deià, an amazing place with astonishing views.My role: I did the Art Direction, Design, and Flash execution (AS2). <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg"> <img src="http://payload.cargocollective.com/1/0/11800/879722/1.jpg" width="670" height="525" width_o="670" height_o="525" src_o="http://payload.cargocollective.com/1/0/11800/879722/1_o.jpg" data-mid="7916532" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879722/2.jpg" width="670" height="525" width_o="670" height_o="525" src_o="http://payload.cargocollective.com/1/0/11800/879722/2_o.jpg" data-mid="7916533" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879722/3.jpg" width="670" height="525" width_o="670" height_o="525" src_o="http://payload.cargocollective.com/1/0/11800/879722/3_o.jpg" data-mid="7916534" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879722/4.jpg" width="670" height="525" width_o="670" height_o="525" src_o="http://payload.cargocollective.com/1/0/11800/879722/4_o.jpg" data-mid="7916536" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879722/5.jpg" width="670" height="525" width_o="670" height_o="525" src_o="http://payload.cargocollective.com/1/0/11800/879722/5_o.jpg" data-mid="7916537" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/11800/879722/6.jpg" width="670" height="525" width_o="670" height_o="525" src_o="http://payload.cargocollective.com/1/0/11800/879722/6_o.jpg" data-mid="7916538" border="0" align="left"/> <img style="margin:0px 0px 0px 0px;" src="http://brurel.com/visit-online.jpg">