Miguel Trias - Digital Art Direction, Interactive Designer

Miguel Trias - Digital Art Direction, Interactive Designer https://cargocollective.com Miguel Trias - Digital Art Direction, Interactive Designer Wed, 24 Sep 2014 09:26:47 +0000 https://cargocollective.com en Cartujano https://cargocollective.com/migueltrias/Cartujano https://cargocollective.com/migueltrias/following/migueltrias/Cartujano Wed, 24 Sep 2014 09:26:47 +0000 Miguel Trias - Digital Art Direction, Interactive Designer 8509697 © 2014 Background: Cartujano is a legacy brand, representing pride in generations of design and quality craftsmanship following the highest of traditional standards. It blends this legacy with a rich fusion of art, culture and heritage, creating timeless pieces that are unique. My role: I art directed and designed the digital experiences of the brand in web and mobile devices. Our IT team got in charge of the HTML development. Coming Soon <img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-demo.gif" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-demo_o.gif" data-mid="46483506" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-2.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-2_o.jpg" data-mid="45981497" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-3.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-3_o.jpg" data-mid="45981498" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-4b.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-4b_o.jpg" data-mid="46483093" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-7.jpg" width="670" height="650" width_o="670" height_o="650" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-7_o.jpg" data-mid="45981505" border="0" align="left" data-title="670 — 670 × 650"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-5b.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-5b_o.jpg" data-mid="46483094" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-6b.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-6b_o.jpg" data-mid="46483096" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-7b.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-7b_o.jpg" data-mid="46483099" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-8b.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-8b_o.jpg" data-mid="46483100" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-9.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-9_o.jpg" data-mid="46483103" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-10.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-10_o.jpg" data-mid="46483106" border="0" align="left" data-title="670 — 670 × 502"/><img src="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-11.jpg" width="670" height="502" width_o="670" height_o="502" src_o="https://payload.cargocollective.com/1/0/11800/8509697/cartujano-11_o.jpg" data-mid="46483107" border="0" align="left" data-title="670 — 670 × 502"/> © 2014 Background: Cartujano is a legacy brand, representing pride in generations of design and quality craftsmanship following the highest of traditional ... ADL Palma https://cargocollective.com/migueltrias/ADL-Palma https://cargocollective.com/migueltrias/following/migueltrias/ADL-Palma Wed, 10 Jul 2013 15:43:48 +0000 Miguel Trias - Digital Art Direction, Interactive Designer 5949540 © 2013 - 2014 Background: I got involved in this family project from the very begining, and I was really excited to be part of it. Even it's youth, it's a successful and plenty-of-energy store located in the old town of Palma de Mallorca, ran by the two Adela's, mother and daughter. They've put a lot of passion on it, and it's been contagious.My role: I did the Art Direction and Communication, and designed many elements of the store. Here I am showcasing their new website, which I've designed and produced in a fully responsive HTML5/CSS3 layout made from scratch. Photography by friend and colleague Pep Fuster. The site has been nominated for a CSS Design Award and has also been featured in CSS Based and Greensock Showcases. <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> <img src="https://payload.cargocollective.com/1/0/11800/5949540/ADL-Palma-de-Mallorca.jpg" width="670" height="1003" width_o="670" height_o="1003" src_o="https://payload.cargocollective.com/1/0/11800/5949540/ADL-Palma-de-Mallorca_o.jpg" data-mid="32275979" border="0" align="left" data-title="670 — 670 × 1003"/> <img src="https://payload.cargocollective.com/1/0/11800/5949540/imac.jpg" width="670" height="576" width_o="670" height_o="576" src_o="https://payload.cargocollective.com/1/0/11800/5949540/imac_o.jpg" data-mid="32277545" border="0" align="left" data-title="670 — 670 × 576"/><img src="https://payload.cargocollective.com/1/0/11800/5949540/iphone.jpg" width="670" height="604" width_o="670" height_o="604" src_o="https://payload.cargocollective.com/1/0/11800/5949540/iphone_o.jpg" data-mid="32277529" border="0" align="left" data-title="670 — 670 × 604"/><img src="https://payload.cargocollective.com/1/0/11800/5949540/ipadmini.jpg" width="670" height="652" width_o="670" height_o="652" src_o="https://payload.cargocollective.com/1/0/11800/5949540/ipadmini_o.jpg" data-mid="32277523" border="0" align="left" data-title="670 — 670 × 652"/><img src="https://payload.cargocollective.com/1/0/11800/5949540/La-tienda---ADL-Palma-de-Mallorca.jpg" width="670" height="1730" width_o="670" height_o="1730" src_o="https://payload.cargocollective.com/1/0/11800/5949540/La-tienda---ADL-Palma-de-Mallorca_o.jpg" data-mid="32275988" border="0" align="left" data-title="670 — 670 × 1730"/><img src="https://payload.cargocollective.com/1/0/11800/5949540/Primavera-Verano---ADL-Palma-de-Mallorca.jpg" width="670" height="1274" width_o="670" height_o="1274" src_o="https://payload.cargocollective.com/1/0/11800/5949540/Primavera-Verano---ADL-Palma-de-Mallorca_o.jpg" data-mid="32276009" border="0" align="left" data-title="670 — 670 × 1274"/><img src="https://payload.cargocollective.com/1/0/11800/5949540/Camisetas-Le-Temps-des-Cerises---ADL-Palma-de-Mallorca.jpg" width="670" height="1839" width_o="670" height_o="1839" src_o="https://payload.cargocollective.com/1/0/11800/5949540/Camisetas-Le-Temps-des-Cerises---ADL-Palma-de-Mallorca_o.jpg" data-mid="32276000" border="0" align="left" data-title="670 — 670 × 1839"/><img src="https://payload.cargocollective.com/1/0/11800/5949540/Nosotras---ADL-Palma-de-Mallorca.jpg" width="670" height="888" width_o="670" height_o="888" src_o="https://payload.cargocollective.com/1/0/11800/5949540/Nosotras---ADL-Palma-de-Mallorca_o.jpg" data-mid="32275989" border="0" align="left" data-title="670 — 670 × 888"/><img src="https://payload.cargocollective.com/1/0/11800/5949540/adl-verano14.jpg" width="670" height="2206" width_o="670" height_o="2206" src_o="https://payload.cargocollective.com/1/0/11800/5949540/adl-verano14_o.jpg" data-mid="46483925" border="0" align="left" data-title="670 — 670 × 2206"/> <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> © 2013 - 2014 Background: I got involved in this family project from the very begining, and I was really excited to be part of it. Even it's youth, it's a ... Institut Dental Inca https://cargocollective.com/migueltrias/Institut-Dental-Inca https://cargocollective.com/migueltrias/following/migueltrias/Institut-Dental-Inca Mon, 07 Jan 2013 13:27:06 +0000 Miguel Trias - Digital Art Direction, Interactive Designer 4583883 © 2012 Background: Friends of mine started a new professional adventure by setting up a Dental Institute from scratch. The project was big, but the team was better. They built an excellent place and installations, and they needed to have a simple but effective website to communicate their message, and that, was a very clear one: the best dental institute you could find in Mallorca island.My role: I designed the website and produced it under HTML5 and CSS3 standards. Photography by Leo Serrat. <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> <img src="https://payload.cargocollective.com/1/0/11800/4583883/idi-670-sombra.jpg" width="670" height="3950" width_o="670" height_o="3950" src_o="https://payload.cargocollective.com/1/0/11800/4583883/idi-670-sombra_o.jpg" data-mid="24379745" border="0" align="left" data-title="670 — 670 × 3950"/> <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> © 2012 Background: Friends of mine started a new professional adventure by setting up a Dental Institute from scratch. The project was big, but the team was ... Camper SS / AW12 https://cargocollective.com/migueltrias/Camper-SS-AW12 https://cargocollective.com/migueltrias/following/migueltrias/Camper-SS-AW12 Mon, 04 Jun 2012 15:44:05 +0000 Miguel Trias - Digital Art Direction, Interactive Designer 3365587 2012-2013 © Camper Background: After we merged our brand and shop websites, it became clear to us that we needed to simplify and clean the number of elements of the interface, starting with the homepage and then spreading to the rest of the sections. So here you can see the result of that exercise. A very minimalistic layout, dramatic wide photographies and clean product images are the stars. Learn more about this project in this article I was featured in.My role: I did the Art Direction and Designed the new homepage layout and interactions, the new eShop grid and product pages, and other sections. The Camper IT team developed the html production. <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> <img src="https://payload.cargocollective.com/1/0/11800/3365587/14.jpg" width="670" height="626" width_o="670" height_o="626" src_o="https://payload.cargocollective.com/1/0/11800/3365587/14_o.jpg" data-mid="17968894" border="0" align="left" data-title="670 — 670 × 626"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/3.jpg" width="670" height="626" width_o="670" height_o="626" src_o="https://payload.cargocollective.com/1/0/11800/3365587/3_o.jpg" data-mid="17364411" border="0" align="left" data-title="670 — 670 × 626"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/4.jpg" width="670" height="626" width_o="670" height_o="626" src_o="https://payload.cargocollective.com/1/0/11800/3365587/4_o.jpg" data-mid="17364412" border="0" align="left" data-title="670 — 670 × 626"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/2.jpg" width="670" height="626" width_o="670" height_o="626" src_o="https://payload.cargocollective.com/1/0/11800/3365587/2_o.jpg" data-mid="17364409" border="0" align="left" data-title="670 — 670 × 626"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/5.jpg" width="670" height="626" width_o="670" height_o="626" src_o="https://payload.cargocollective.com/1/0/11800/3365587/5_o.jpg" data-mid="17364414" border="0" align="left" data-title="670 — 670 × 626"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/6.jpg" width="670" height="771" width_o="670" height_o="771" src_o="https://payload.cargocollective.com/1/0/11800/3365587/6_o.jpg" data-mid="17364415" border="0" align="left" data-title="670 — 670 × 771"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/12.jpg" width="670" height="626" width_o="670" height_o="626" src_o="https://payload.cargocollective.com/1/0/11800/3365587/12_o.jpg" data-mid="17784970" border="0" align="left" data-title="670 — 670 × 626"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/13.jpg" width="670" height="626" width_o="670" height_o="626" src_o="https://payload.cargocollective.com/1/0/11800/3365587/13_o.jpg" data-mid="17873710" border="0" align="left" data-title="670 — 670 × 626"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-11.jpg" width="670" height="954" width_o="670" height_o="954" src_o="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-11_o.jpg" data-mid="36446651" border="0" align="left" data-title="670 — 670 × 954"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-12.jpg" width="670" height="854" width_o="670" height_o="854" src_o="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-12_o.jpg" data-mid="36446653" border="0" align="left" data-title="670 — 670 × 854"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-17.jpg" width="670" height="922" width_o="670" height_o="922" src_o="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-17_o.jpg" data-mid="36446656" border="0" align="left" data-title="670 — 670 × 922"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-29b.jpg" width="670" height="866" width_o="670" height_o="866" src_o="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-29b_o.jpg" data-mid="36446659" border="0" align="left" data-title="670 — 670 × 866"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-45.jpg" width="670" height="850" width_o="670" height_o="850" src_o="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-45_o.jpg" data-mid="36446666" border="0" align="left" data-title="670 — 670 × 850"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-62.jpg" width="670" height="762" width_o="670" height_o="762" src_o="https://payload.cargocollective.com/1/0/11800/3365587/t76-new-designs-62_o.jpg" data-mid="36446672" border="0" align="left" data-title="670 — 670 × 762"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/1.jpg" width="670" height="682" width_o="670" height_o="682" src_o="https://payload.cargocollective.com/1/0/11800/3365587/1_o.jpg" data-mid="17364408" border="0" align="left" data-title="670 — 670 × 682"/><img src="https://payload.cargocollective.com/1/0/11800/3365587/11ipad.jpg" width="670" height="623" width_o="670" height_o="623" src_o="https://payload.cargocollective.com/1/0/11800/3365587/11ipad_o.jpg" data-mid="17574301" border="0" align="left" data-title="670 — 670 × 623"/> <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> 2012-2013 © Camper Background: After we merged our brand and shop websites, it became clear to us that we needed to simplify and clean the number of elements of ... George's Shoes https://cargocollective.com/migueltrias/George-s-Shoes https://cargocollective.com/migueltrias/following/migueltrias/George-s-Shoes Tue, 29 May 2012 08:06:59 +0000 Miguel Trias - Digital Art Direction, 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, resolution-fluid interface, etc). <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> <img src="https://payload.cargocollective.com/1/0/11800/879725/2.jpg" width="670" height="383" width_o="670" height_o="383" src_o="https://payload.cargocollective.com/1/0/11800/879725/2_o.jpg" data-mid="7894414" border="0" align="left" data-title="670 — 670 × 383"/><img src="https://payload.cargocollective.com/1/0/11800/879725/3.jpg" width="670" height="383" width_o="670" height_o="383" src_o="https://payload.cargocollective.com/1/0/11800/879725/3_o.jpg" data-mid="7894415" border="0" align="left" data-title="670 — 670 × 383"/><img src="https://payload.cargocollective.com/1/0/11800/879725/4.jpg" width="670" height="383" width_o="670" height_o="383" src_o="https://payload.cargocollective.com/1/0/11800/879725/4_o.jpg" data-mid="7894417" border="0" align="left" data-title="670 — 670 × 383"/><img src="https://payload.cargocollective.com/1/0/11800/879725/5.jpg" width="670" height="383" width_o="670" height_o="383" src_o="https://payload.cargocollective.com/1/0/11800/879725/5_o.jpg" data-mid="7894418" border="0" align="left" data-title="670 — 670 × 383"/><img src="https://payload.cargocollective.com/1/0/11800/879725/6.jpg" width="670" height="383" width_o="670" height_o="383" src_o="https://payload.cargocollective.com/1/0/11800/879725/6_o.jpg" data-mid="7894419" border="0" align="left" data-title="670 — 670 × 383"/><img src="https://payload.cargocollective.com/1/0/11800/879725/7.jpg" width="670" height="383" width_o="670" height_o="383" src_o="https://payload.cargocollective.com/1/0/11800/879725/7_o.jpg" data-mid="7894421" border="0" align="left" data-title="670 — 670 × 383"/><img src="https://payload.cargocollective.com/1/0/11800/879725/8.jpg" width="670" height="383" width_o="670" height_o="383" src_o="https://payload.cargocollective.com/1/0/11800/879725/8_o.jpg" data-mid="7894423" border="0" align="left" data-title="670 — 670 × 383"/><img src="https://payload.cargocollective.com/1/0/11800/879725/1.jpg" width="670" height="383" width_o="670" height_o="383" src_o="https://payload.cargocollective.com/1/0/11800/879725/1_o.jpg" data-mid="7894413" border="0" align="left" data-title="670 — 670 × 383"/> <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> © 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 ... Lifelovers ABC https://cargocollective.com/migueltrias/Lifelovers-ABC https://cargocollective.com/migueltrias/following/migueltrias/Lifelovers-ABC Thu, 24 May 2012 16:08:53 +0000 Miguel Trias - Digital Art Direction, 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="https://brurel.com/visit-online.jpg"> <img src="https://payload.cargocollective.com/1/0/11800/2174271/The-Lifelovers-ABC-2.jpg" width="670" height="1511" width_o="670" height_o="1511" src_o="https://payload.cargocollective.com/1/0/11800/2174271/The-Lifelovers-ABC-2_o.jpg" data-mid="10859771" border="0" align="left" data-title="670 — 670 × 1511"/><img src="https://payload.cargocollective.com/1/0/11800/2174271/s-for-sound.jpg" width="670" height="358" width_o="670" height_o="358" src_o="https://payload.cargocollective.com/1/0/11800/2174271/s-for-sound_o.jpg" data-mid="13032140" border="0" align="left" data-title="670 — 670 × 358"/> <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> 2011 © Camper Background: Introducing the new Camper lifestyle concept Lifelovers Welcome, we created the Lifelovers ABC, a 26-letter manifest deeply focused on ... Camper Online Store https://cargocollective.com/migueltrias/Camper-Online-Store https://cargocollective.com/migueltrias/following/migueltrias/Camper-Online-Store Fri, 11 Nov 2011 13:11:58 +0000 Miguel Trias - Digital Art Direction, 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="https://payload.cargocollective.com/1/0/11800/1134981/1.jpg" width="670" height="1006" width_o="670" height_o="1006" src_o="https://payload.cargocollective.com/1/0/11800/1134981/1_o.jpg" data-mid="7894211" border="0" align="left" data-title="670 — 670 × 1006"/><img src="https://payload.cargocollective.com/1/0/11800/1134981/grid.jpg" width="670" height="1270" width_o="670" height_o="1270" src_o="https://payload.cargocollective.com/1/0/11800/1134981/grid_o.jpg" data-mid="7894214" border="0" align="left" data-title="670 — 670 × 1270"/><img src="https://payload.cargocollective.com/1/0/11800/1134981/product-detail.jpg" width="670" height="889" width_o="670" height_o="889" src_o="https://payload.cargocollective.com/1/0/11800/1134981/product-detail_o.jpg" data-mid="7894216" border="0" align="left" data-title="670 — 670 × 889"/><img src="https://payload.cargocollective.com/1/0/11800/1134981/eshop1.5-mobile3.jpg" width="670" height="472" width_o="670" height_o="472" src_o="https://payload.cargocollective.com/1/0/11800/1134981/eshop1.5-mobile3_o.jpg" data-mid="13048603" border="0" align="left" data-title="670 — 670 × 472"/><img src="https://payload.cargocollective.com/1/0/11800/1134981/checkout.jpg" width="670" height="758" width_o="670" height_o="758" src_o="https://payload.cargocollective.com/1/0/11800/1134981/checkout_o.jpg" data-mid="7894220" border="0" align="left" data-title="670 — 670 × 758"/><img src="https://payload.cargocollective.com/1/0/11800/1134981/faqs.jpg" width="670" height="868" width_o="670" height_o="868" src_o="https://payload.cargocollective.com/1/0/11800/1134981/faqs_o.jpg" data-mid="7894225" border="0" align="left" data-title="670 — 670 × 868"/><img src="https://payload.cargocollective.com/1/0/11800/1134981/SHOPLOCATOR-1.5.1.jpg" width="670" height="553" width_o="670" height_o="553" src_o="https://payload.cargocollective.com/1/0/11800/1134981/SHOPLOCATOR-1.5.1_o.jpg" data-mid="7894232" border="0" align="left" data-title="670 — 670 × 553"/><img src="https://payload.cargocollective.com/1/0/11800/1134981/SHOPLOCATOR-1.5.2.jpg" width="670" height="553" width_o="670" height_o="553" src_o="https://payload.cargocollective.com/1/0/11800/1134981/SHOPLOCATOR-1.5.2_o.jpg" data-mid="7894233" border="0" align="left" data-title="670 — 670 × 553"/> 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 ... Volvo Ocean Race https://cargocollective.com/migueltrias/Volvo-Ocean-Race https://cargocollective.com/migueltrias/following/migueltrias/Volvo-Ocean-Race Fri, 11 Nov 2011 13:11:57 +0000 Miguel Trias - Digital Art Direction, 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="https://brurel.com/visit-online.jpg"> <img src="https://payload.cargocollective.com/1/0/11800/1285908/1.jpg" width="670" height="411" width_o="670" height_o="411" src_o="https://payload.cargocollective.com/1/0/11800/1285908/1_o.jpg" data-mid="8784159" border="0" align="left" data-title="670 — 670 × 411"/><img src="https://payload.cargocollective.com/1/0/11800/1285908/2.jpg" width="670" height="411" width_o="670" height_o="411" src_o="https://payload.cargocollective.com/1/0/11800/1285908/2_o.jpg" data-mid="8784163" border="0" align="left" data-title="670 — 670 × 411"/><img src="https://payload.cargocollective.com/1/0/11800/1285908/3.jpg" width="670" height="411" width_o="670" height_o="411" src_o="https://payload.cargocollective.com/1/0/11800/1285908/3_o.jpg" data-mid="8784164" border="0" align="left" data-title="670 — 670 × 411"/><img src="https://payload.cargocollective.com/1/0/11800/1285908/4.jpg" width="670" height="411" width_o="670" height_o="411" src_o="https://payload.cargocollective.com/1/0/11800/1285908/4_o.jpg" data-mid="8784167" border="0" align="left" data-title="670 — 670 × 411"/><img src="https://payload.cargocollective.com/1/0/11800/1285908/5.jpg" width="670" height="411" width_o="670" height_o="411" src_o="https://payload.cargocollective.com/1/0/11800/1285908/5_o.jpg" data-mid="8784169" border="0" align="left" data-title="670 — 670 × 411"/><img src="https://payload.cargocollective.com/1/0/11800/1285908/6.jpg" width="670" height="411" width_o="670" height_o="411" src_o="https://payload.cargocollective.com/1/0/11800/1285908/6_o.jpg" data-mid="8784170" border="0" align="left" data-title="670 — 670 × 411"/><img src="https://payload.cargocollective.com/1/0/11800/1285908/7.jpg" width="670" height="411" width_o="670" height_o="411" src_o="https://payload.cargocollective.com/1/0/11800/1285908/7_o.jpg" data-mid="8784171" border="0" align="left" data-title="670 — 670 × 411"/><img src="https://payload.cargocollective.com/1/0/11800/1285908/8.jpg" width="670" height="1745" width_o="670" height_o="1745" src_o="https://payload.cargocollective.com/1/0/11800/1285908/8_o.jpg" data-mid="17293631" border="0" align="left" data-title="670 — 670 × 1745"/><img src="https://payload.cargocollective.com/1/0/11800/1285908/9.jpg" width="670" height="1475" width_o="670" height_o="1475" src_o="https://payload.cargocollective.com/1/0/11800/1285908/9_o.jpg" data-mid="17293637" border="0" align="left" data-title="670 — 670 × 1475"/> <img style="margin:0px 0px 0px 0px;" src="https://brurel.com/visit-online.jpg"> 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 ... Leather Life https://cargocollective.com/migueltrias/Leather-Life https://cargocollective.com/migueltrias/following/migueltrias/Leather-Life Fri, 11 Nov 2011 13:11:56 +0000 Miguel Trias - Digital Art Direction, 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="https://brurel.com/visit-online.jpg"> <img src="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-1.jpg" width="670" height="404" width_o="670" height_o="404" src_o="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-1_o.jpg" data-mid="17493228" border="0" align="left" data-title="670 — 670 × 404"/><img src="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-3.jpg" width="670" height="404" width_o="670" height_o="404" src_o="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-3_o.jpg" data-mid="19255679" border="0" align="left" data-title="670 — 670 × 404"/><img src="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-4.jpg" width="670" height="404" width_o="670" height_o="404" src_o="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-4_o.jpg" data-mid="17493231" border="0" align="left" data-title="670 — 670 × 404"/><img src="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-9.jpg" width="670" height="404" width_o="670" height_o="404" src_o="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-9_o.jpg" data-mid="19255930" border="0" align="left" data-title="670 — 670 × 404"/><img src="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-7.jpg" width="670" height="404" width_o="670" height_o="404" src_o="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-7_o.jpg" data-mid="19255684" border="0" align="left" data-title="670 — 670 × 404"/><img src="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-8.jpg" width="670" height="404" width_o="670" height_o="404" src_o="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-8_o.jpg" data-mid="19255927" border="0" align="left" data-title="670 — 670 × 404"/><img src="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-5.jpg" width="670" height="404" width_o="670" height_o="404" src_o="https://payload.cargocollective.com/1/0/11800/1440251/leather-life-5_o.jpg" data-mid="17494881" border="0" align="left" data-title="670 — 670 × 404"/> © 2010-2011 Background: Leather Life is a personal blog I started for one of my favourite passions: motorcycles and road lifestyle. Extraordinary Crafts https://cargocollective.com/migueltrias/Extraordinary-Crafts https://cargocollective.com/migueltrias/following/migueltrias/Extraordinary-Crafts Fri, 11 Nov 2011 13:11:55 +0000 Miguel Trias - Digital Art Direction, 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="https://payload.cargocollective.com/1/0/11800/1285926/ect71-1.jpg" width="670" height="386" width_o="670" height_o="386" src_o="https://payload.cargocollective.com/1/0/11800/1285926/ect71-1_o.jpg" data-mid="7916475" border="0" align="left" data-title="670 — 670 × 386"/><img src="https://payload.cargocollective.com/1/0/11800/1285926/ect71-2.jpg" width="670" height="386" width_o="670" height_o="386" src_o="https://payload.cargocollective.com/1/0/11800/1285926/ect71-2_o.jpg" data-mid="7916478" border="0" align="left" data-title="670 — 670 × 386"/><img src="https://payload.cargocollective.com/1/0/11800/1285926/ect72-1.jpg" width="670" height="407" width_o="670" height_o="407" src_o="https://payload.cargocollective.com/1/0/11800/1285926/ect72-1_o.jpg" data-mid="7916479" border="0" align="left" data-title="670 — 670 × 407"/><img src="https://payload.cargocollective.com/1/0/11800/1285926/ect72-2.jpg" width="670" height="407" width_o="670" height_o="407" src_o="https://payload.cargocollective.com/1/0/11800/1285926/ect72-2_o.jpg" data-mid="7916481" border="0" align="left" data-title="670 — 670 × 407"/><img src="https://payload.cargocollective.com/1/0/11800/1285926/ect70-1.jpg" width="670" height="406" width_o="670" height_o="406" src_o="https://payload.cargocollective.com/1/0/11800/1285926/ect70-1_o.jpg" data-mid="7916466" border="0" align="left" data-title="670 — 670 × 406"/><img src="https://payload.cargocollective.com/1/0/11800/1285926/ect70-3.jpg" width="670" height="406" width_o="670" height_o="406" src_o="https://payload.cargocollective.com/1/0/11800/1285926/ect70-3_o.jpg" data-mid="7916469" border="0" align="left" data-title="670 — 670 × 406"/><img src="https://payload.cargocollective.com/1/0/11800/1285926/ect70-4.jpg" width="670" height="406" width_o="670" height_o="406" src_o="https://payload.cargocollective.com/1/0/11800/1285926/ect70-4_o.jpg" data-mid="7916473" border="0" align="left" data-title="670 — 670 × 406"/> 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 ...