https://joao-gil.com Joao Gil - Experience Design Studio Wed, 28 Aug 2019 12:29:28 +0000 https://joao-gil.com en https://joao-gil.com/Enigma-EP Thu, 22 Aug 2019 14:42:39 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/Enigma-EP window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Difusor&nbsp;— 20191. Enigma EP &nbsp; <img width="1500" height="1500" width_o="1500" height_o="1500" data-src="https://freight.cargo.site/t/original/i/3425ca0de312f48e61dbe606b09b85c01d6339fc53e441f5e6fbd93d572720d3/ENIGMA--CD-AND-COVER.jpg" data-mid="49111807" border="0" src="https://freight.cargo.site/w/1000/i/3425ca0de312f48e61dbe606b09b85c01d6339fc53e441f5e6fbd93d572720d3/ENIGMA--CD-AND-COVER.jpg" /> <img width="1500" height="1500" width_o="1500" height_o="1500" data-src="https://freight.cargo.site/t/original/i/c6a5976af7dd89bb213a648ddee3012d9f20efb43fd167cf44750b2e48949c06/ENIGMA--CD-ONLY.jpg" data-mid="49111808" border="0" src="https://freight.cargo.site/w/1000/i/c6a5976af7dd89bb213a648ddee3012d9f20efb43fd167cf44750b2e48949c06/ENIGMA--CD-ONLY.jpg" /> Joao Gil for Difusor Productions&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Enigma EP&nbsp;- Special Edition Enigma is the first EP release by Difusor Productions. To celebrate another step in this young collective of producers, we have teamed to deliver a cover design and a limited edition partnership with 50 Artists to deliver 50 unique artwork covers based on each artist’s response to the tracks of this release.&nbsp; On your left you can see an example of CD cover designs in selection stage and above some of the selected examples by Portuguese artist Filipa Camacho. The challenge becomes the design of a label that includes all information, previously spread over the cover and booklet. Design elements facilitate the reading of this information and attached is a QR code that leads to Difusor’s website, expanding their reach. The project will culminate on an exhibition and performances to be anounced later this fall <img width="1200" height="1200" width_o="1200" height_o="1200" data-src="https://freight.cargo.site/t/original/i/9401e9960aa2d9455ec1f82130e8b26f345e95c19c84707e75412605737270e1/DSCF8603-copy1.jpg" data-mid="49112864" border="0" src="https://freight.cargo.site/w/1000/i/9401e9960aa2d9455ec1f82130e8b26f345e95c19c84707e75412605737270e1/DSCF8603-copy1.jpg" /> <img width="1200" height="1142" width_o="1200" height_o="1142" data-src="https://freight.cargo.site/t/original/i/1ff3de06cc1a298ebe0c99081719a2ac2e81c64cdc33e27961d82ef1c0aa91e0/DSCF8605-copy1.jpg" data-mid="49112865" border="0" src="https://freight.cargo.site/w/1000/i/1ff3de06cc1a298ebe0c99081719a2ac2e81c64cdc33e27961d82ef1c0aa91e0/DSCF8605-copy1.jpg" /> <img width="970" height="720" width_o="970" height_o="720" data-src="https://freight.cargo.site/t/original/i/074796e2616cc5d34c68d84c072ac899b662233ae7e0e4def90de47be076f64e/PC120464.jpg" data-mid="49111804" border="0" src="https://freight.cargo.site/w/970/i/074796e2616cc5d34c68d84c072ac899b662233ae7e0e4def90de47be076f64e/PC120464.jpg" /> Créditos: Filipa CamachoExposição 12x12, edição de 2016 https://joao-gil.com/Logo-Difusor Thu, 22 Aug 2019 15:52:33 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/Logo-Difusor window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Difusor Productions&nbsp;— &nbsp;20192. Logo Design &nbsp; <img width="5334" height="3000" width_o="5334" height_o="3000" data-src="https://freight.cargo.site/t/original/i/22fc1009cbaafdf22f3865f71dac8823ef9140788b94cf1746c2e64b95db596e/Difusor-Website-Joao-02.jpg" data-mid="49115257" border="0" src="https://freight.cargo.site/w/1000/i/22fc1009cbaafdf22f3865f71dac8823ef9140788b94cf1746c2e64b95db596e/Difusor-Website-Joao-02.jpg" /> <img width="5334" height="3000" width_o="5334" height_o="3000" data-src="https://freight.cargo.site/t/original/i/57c05bc7868191e40a3967818be04bca628915a87839748dcc88ef40bb70f8d3/Difusor-Website-Joao-01.jpg" data-mid="49115258" border="0" src="https://freight.cargo.site/w/1000/i/57c05bc7868191e40a3967818be04bca628915a87839748dcc88ef40bb70f8d3/Difusor-Website-Joao-01.jpg" /> <img width="5334" height="3001" width_o="5334" height_o="3001" data-src="https://freight.cargo.site/t/original/i/238a2808e6ece434e848a9255f7b3bc063a785bbd36e619a3667f5417528380a/Difusor-Website-Joao-04.jpg" data-mid="49117137" border="0" src="https://freight.cargo.site/w/1000/i/238a2808e6ece434e848a9255f7b3bc063a785bbd36e619a3667f5417528380a/Difusor-Website-Joao-04.jpg" /> <img width="5334" height="3001" width_o="5334" height_o="3001" data-src="https://freight.cargo.site/t/original/i/48a60dab4323c5ba4b02cfa2d6596a59b74fed646bdb13b47f3ffa417fdfa6fc/Difusor-Website-Joao-05.jpg" data-mid="49115253" border="0" src="https://freight.cargo.site/w/1000/i/48a60dab4323c5ba4b02cfa2d6596a59b74fed646bdb13b47f3ffa417fdfa6fc/Difusor-Website-Joao-05.jpg" /> <img width="5334" height="3000" width_o="5334" height_o="3000" data-src="https://freight.cargo.site/t/original/i/ac9d3a06d05e0cb06800a8fd552e8538066926843bf0b843a464688a89aecac5/Difusor-Website-Joao-03.jpg" data-mid="49115256" border="0" src="https://freight.cargo.site/w/1000/i/ac9d3a06d05e0cb06800a8fd552e8538066926843bf0b843a464688a89aecac5/Difusor-Website-Joao-03.jpg" /> Joao Gil for Difusor Productions Logo Design Brand Identity. We developed the Logo, colour scheme and typography for Difusor. Difusor aims to raise awareness and thus spread or difuse contemporary classical music via releases, videos, events and interviews. We created a minimal aesthetic by creating a simple pallet between black and white, with enough shades to give richness to backgrounds and typography, thus accentuating spaces within layouts and facilitating reading times. The typography used for the headers contrasts with traditional classical music aesthetics, by being extremly round and fun by contrasting rounded terminals with clear geometric shapes. This contributes to a more contemporary and entertaining look and feel to the brand, which in in synergy with their aim of reaching new audiences. The logotype also clearly illustrates their&nbsp; mission of reaching new audiences by difusing and gently blurring the typography, giving it a dynamic effect that seems to be spreading. This also draws parallel not only with their goals but also with the difficult of containing Classic Contemporary Music as a genre but more has a boundless grey areas of music in expansion. To ensure that the logo would be legible in smaller formats was also created a breaking point for the logo in which a lesser diffuse version should be used. https://joao-gil.com/Website-Difusor Fri, 23 Aug 2019 16:33:18 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/Website-Difusor window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Difusor&nbsp;— 20193. Difusor - Website Design &nbsp; <img width="2886" height="1824" width_o="2886" height_o="1824" data-src="https://freight.cargo.site/t/original/i/c3e3a24476fb84607ab9821ae6c57969290daf5f83f4ef45587636fa26a040c5/Difusor---1.png" data-mid="49173701" border="0" src="https://freight.cargo.site/w/1000/i/c3e3a24476fb84607ab9821ae6c57969290daf5f83f4ef45587636fa26a040c5/Difusor---1.png" /> <img width="2886" height="1824" width_o="2886" height_o="1824" data-src="https://freight.cargo.site/t/original/i/d7a67e7517e634a5f8d4bb8f6274d747a2d27074f83d3a819c259f4b7e8b9128/Difusor---2.png" data-mid="49173700" border="0" src="https://freight.cargo.site/w/1000/i/d7a67e7517e634a5f8d4bb8f6274d747a2d27074f83d3a819c259f4b7e8b9128/Difusor---2.png" /> <img width="2886" height="1824" width_o="2886" height_o="1824" data-src="https://freight.cargo.site/t/original/i/6ec11cfb53c0d4dad800794e8371a27eb187a989aad409b42a177b7cc89fc9b6/Difusor---3.png" data-mid="49173699" border="0" src="https://freight.cargo.site/w/1000/i/6ec11cfb53c0d4dad800794e8371a27eb187a989aad409b42a177b7cc89fc9b6/Difusor---3.png" /> <img width="2886" height="1824" width_o="2886" height_o="1824" data-src="https://freight.cargo.site/t/original/i/3e26b9894872ec9e523c6881e6130c4914cbea3e265dadb00111a1972be33e0f/Difusor---4.png" data-mid="49173698" border="0" src="https://freight.cargo.site/w/1000/i/3e26b9894872ec9e523c6881e6130c4914cbea3e265dadb00111a1972be33e0f/Difusor---4.png" /> Joao Gil for Difusor Productions&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Difusor Website&nbsp;- Platform for Releases, Interviews and Music Sessions.Within the previously designed brand guidelines, we developed the website for Didusor productions. Our goal was to keep information architecture simple and clear, developing three main sections for the website in which Difusor would promote material: Releases, Sessions and Interviews. This was a turning point in their activity for they had always tried to promote content by release date, which created inconsistency and a lack of understanding by their audience of which services and content were they delivering.Keeping a 50/50 ratio was an initial idea explored around the squared formats of CD boxes and booklets. It also allowed the content not only to be found easily and consistently accross the website, but also to handle long title names from musical groups and collectives.The website also opens with a further development of the Difusor brand, projecting a slow fade-in/out that visualizes the emission of sound waves as a metaphor of spreading classical music.Throughout the website, the content also takes the main stage, given the darker colours, mimicking the dark rooms and stages inhabited by the performers in the videos, typical of a music concert.The website shines for it’s simplicity that enables navigation thorugh different content with a minimalist and professional but contemporary feel to an innovative and contemporary music promoter. https://joao-gil.com/Website-Henrique-Pavao Wed, 28 Aug 2019 12:29:28 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/Website-Henrique-Pavao window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Difusor&nbsp;— 20193. Difusor - Website Design &nbsp; <img width="2568" height="1656" width_o="2568" height_o="1656" data-src="https://freight.cargo.site/t/original/i/3a5a923017dfeaa71e1fe5b7ad1c31ed80fd5be5b0fcf53ec01080a43b972c44/Henrique---1.png" data-mid="49437059" border="0" src="https://freight.cargo.site/w/1000/i/3a5a923017dfeaa71e1fe5b7ad1c31ed80fd5be5b0fcf53ec01080a43b972c44/Henrique---1.png" /> <img width="2568" height="1656" width_o="2568" height_o="1656" data-src="https://freight.cargo.site/t/original/i/f6800ab15f82890491d755357dc86636b907bfd720d2be1605ec034221382233/Henrique---2.png" data-mid="49437058" border="0" src="https://freight.cargo.site/w/1000/i/f6800ab15f82890491d755357dc86636b907bfd720d2be1605ec034221382233/Henrique---2.png" /> <img width="2568" height="1656" width_o="2568" height_o="1656" data-src="https://freight.cargo.site/t/original/i/66e1f5a2049010dfcc8bc4b476f43bfc0b897b94f0e9d8fd6929a8b5ae31d994/Henrique---3.png" data-mid="49437056" border="0" src="https://freight.cargo.site/w/1000/i/66e1f5a2049010dfcc8bc4b476f43bfc0b897b94f0e9d8fd6929a8b5ae31d994/Henrique---3.png" /> <img width="2568" height="1656" width_o="2568" height_o="1656" data-src="https://freight.cargo.site/t/original/i/05d798280fd1876bdfc62e737f6464224a32ec96e3ac8cc484060e137d403e30/Henrique---4.png" data-mid="49437050" border="0" src="https://freight.cargo.site/w/1000/i/05d798280fd1876bdfc62e737f6464224a32ec96e3ac8cc484060e137d403e30/Henrique---4.png" /> <img width="2568" height="1656" width_o="2568" height_o="1656" data-src="https://freight.cargo.site/t/original/i/314c2df211e07b8d810646d5827b25b91b6412b9d630d71fc3941696dd29e25c/Henrique---5.png" data-mid="49437047" border="0" src="https://freight.cargo.site/w/1000/i/314c2df211e07b8d810646d5827b25b91b6412b9d630d71fc3941696dd29e25c/Henrique---5.png" /> Joao Gil for Difusor Productions&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Henrique Pavã0 - Website for an emerging artist.&nbsp;Within the previously designed brand guidelines, we developed the website for Didusor productions. Our goal was to keep information architecture simple and clear, developing three main sections for the website in which Difusor would promote material: Releases, Sessions and Interviews. This was a turning point in their activity for they had always tried to promote content by release date, which created inconsistency and a lack of understanding by their audience of which services and content were they delivering.Keeping a 50/50 ratio was an initial idea explored around the squared formats of CD boxes and booklets. It also allowed the content not only to be found easily and consistently accross the website, but also to handle long title names from musical groups and collectives.The website also opens with a further development of the Difusor brand, projecting a slow fade-in/out that visualizes the emission of sound waves as a metaphor of spreading classical music.Throughout the website, the content also takes the main stage, given the darker colours, mimicking the dark rooms and stages inhabited by the performers in the videos, typical of a music concert.The website shines for it’s simplicity that enables navigation thorugh different content with a minimalist and professional but contemporary feel to an innovative and contemporary music promoter. <img width="2568" height="1656" width_o="2568" height_o="1656" data-src="https://freight.cargo.site/t/original/i/f6800ab15f82890491d755357dc86636b907bfd720d2be1605ec034221382233/Henrique---2.png" data-mid="49437058" border="0" src="https://freight.cargo.site/w/1000/i/f6800ab15f82890491d755357dc86636b907bfd720d2be1605ec034221382233/Henrique---2.png" /> https://joao-gil.com/World-Press-Photo-VR Tue, 25 Sep 2018 14:35:48 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/World-Press-Photo-VR window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Canon Irista — 2017 / 20191. World Press Photo VR &nbsp; <img width="1973" height="1315" width_o="1973" height_o="1315" data-src="https://freight.cargo.site/t/original/i/a96bc067d73fb1eace51365986d2e3d7849b1ce8d02a8db98a483fff818d1beb/wpp1.jpg" data-mid="24881386" border="0" src="https://freight.cargo.site/w/1000/i/a96bc067d73fb1eace51365986d2e3d7849b1ce8d02a8db98a483fff818d1beb/wpp1.jpg" /> Joao Gil for World Press Photo &amp; Canon / 2018 Available for&nbsp;Oculus, Gear VR, Google Daydream &amp; Cardboard &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Immerse yourself — in the world most prestigious photo competition. &nbsp; To celebrate its 25-year partnership with World Press Photo, Canon is launching an immersive virtual gallery. Canon, world-leader in imaging solutions, today announces the UK launch of a World Press Photo virtual reality experience – an immersive virtual gallery. The exhibition tour, which was launched in Amsterdam, showcases 45 winning images from the 60th World Press Photo Contest – over half of which were shot on Canon. In a bid to inspire a wider photography audience, users can explore the 45 best images of 2017 – and their incredible stories – at any time. The World Press Photo VR app is available for free download in the Oculus Store. “Canon has been inspiring and enabling storytelling for 80 years, and this unique VR experience in collaboration with World Press Photo is part of our ongoing exploration of immersive storytelling. We believe virtual reality plays an exciting role in telling the incredible stories behind the winning images from this year’s World Press Photo Contest by creating an intimate, thoughtful and engaging experience that evolves the traditional gallery.” Richard Shepherd Pro Marketing Manager, Consumer Imaging, Canon Europe Those who engage with the VR experience will see the winning photos displayed in a virtual gallery that evolves based on each users’ individual interaction with the photos. The unique VR experience, which provides a deeper insight into the stories behind the images, is narrated by Stuart Franklin, chair of the 2017 World Press Photo Content general jury. “The world, the press and photography itself are undergoing seismic changes. For the last 25 years, we have enjoyed a partnership with Canon that has supported visual storytelling. World Press Photo cherishes its heritage, while at the same time recognises that, with the rise of new technologies, there are now many ways to make and see images – including in virtual environments. Canon’s VR experience enables the world’s best photojournalism to be showcased in a new way, taking us to the stories behind these incredible pictures.” Lars Boering Managing Director, World Press Photo Foundation Visiting a gallery is now just a virtual reality headset away thanks to Canon’s VR experience, which allows people to explore a full photographic exhibition from the comfort of their home through the World Press Photo app. The innovative, immersive app places the user in a vast gallery space surrounded with images from the 60th World Press Photo competition. Created by the team at irista, Canon’s photography management platform, it brings the 45 World Press Photo winning images, over half of which were shot on Canon, to life through VR. <img width="1200" height="800" width_o="1200" height_o="800" data-src="https://freight.cargo.site/t/original/i/d5a9faf897f3307d88b18b7a0d5ce14a1da971bd8a9995446ac46a573fde9527/wpp2.jpg" data-mid="24883372" border="0" src="https://freight.cargo.site/w/1000/i/d5a9faf897f3307d88b18b7a0d5ce14a1da971bd8a9995446ac46a573fde9527/wpp2.jpg" /> Joao Gil for World Press Photo &amp; Canon / 2018Screenshot Photo Detail Images celebrating the best in visual storytelling are displayed in a virtual gallery that evolves based on each user’s interaction. Focusing on an image ahead causes the user to glide forwards until they are looking up at an imposing high-res photograph. Looking around or behind will move you to other winners’ images, while the stories behind the photographs are narrated by Stuart Franklin, the Magnum photographer and Chair of the General Jury at World Press Photo 2017. Exploration is deliberately slow, with the app designed to encourage a gentle pace, quiet contemplation and enjoyment of the novelty of having a gallery all to oneself. <img width="5202" height="3468" width_o="5202" height_o="3468" data-src="https://freight.cargo.site/t/original/i/09d7de0f3beeb6fb26759c37f2fcf44014edb14e2942093094e58c130dbe54a9/wpp3.jpg" data-mid="24883616" border="0" src="https://freight.cargo.site/w/1000/i/09d7de0f3beeb6fb26759c37f2fcf44014edb14e2942093094e58c130dbe54a9/wpp3.jpg" /> Joao Gil for World Press Photo &amp; Canon / 2018Screenshot Gallery View “We are offering people the chance to visit the exhibition without having to travel to the biggest cities in the world and I think that adds a lot of value” says João Gil, Lead User Experience for VR:“We developed this project so that it would create a contemplative environment where the user is not distracted by any element except the photograph, where interactions are very limited and only defined by each user’s engagement with the shot.” Joao Gil Lead UX Designer, Canon <img width="1200" height="800" width_o="1200" height_o="800" data-src="https://freight.cargo.site/t/original/i/ff999838703b8b9687168996ea3b7205a485cf08fdeddaaaa4e294bfe1fb1609/wpp4.jpg" data-mid="24883819" border="0" src="https://freight.cargo.site/w/1000/i/ff999838703b8b9687168996ea3b7205a485cf08fdeddaaaa4e294bfe1fb1609/wpp4.jpg" /> Joao Gil for World Press Photo &amp; Canon / 2018Screenshot&nbsp;Gallery&nbsp; This new approach, released as Canon and World Press Photo celebrate a 25-year strong partnership, acknowledges that while its content is not new, the presentation is unique. “The photos have already been seen online and if you want to quickly scroll through while on the bus home you can, but that wasn’t for us,” explains João. “VR has the power to transport you to any reality. We created a reflective environment for people to explore and engage at a deeper and more intimate level. We also wanted to create something that people could go back to and get something new from the experience during each visit.” <img width="1200" height="800" width_o="1200" height_o="800" data-src="https://freight.cargo.site/t/original/i/fc970873d127a7fa4ece9e9dba8d8f803f9e42bcb4d267789601e93974437343/wpp5.jpg" data-mid="24884280" border="0" src="https://freight.cargo.site/w/1000/i/fc970873d127a7fa4ece9e9dba8d8f803f9e42bcb4d267789601e93974437343/wpp5.jpg" /> Joao Gil for Canon Irista / 2018Screenshot Photo Detail <img width="2899" height="1932" width_o="2899" height_o="1932" data-src="https://freight.cargo.site/t/original/i/f45cf737ff4c0d9165b005f1b52ef937dc4ba42533c43e796ac50e74d8e462e8/wpp6.jpg" data-mid="24884353" border="0" src="https://freight.cargo.site/w/1000/i/f45cf737ff4c0d9165b005f1b52ef937dc4ba42533c43e796ac50e74d8e462e8/wpp6.jpg" /> Joao Gil for Canon Irista / 2018Illustration Gallery Architecture <img width="2500" height="1667" width_o="2500" height_o="1667" data-src="https://freight.cargo.site/t/original/i/2f0a4cc01155455d7f0001457fc7577f6939976f66ce4a4ab374bf0d93718a71/wpp7.jpg" data-mid="24884422" border="0" src="https://freight.cargo.site/w/1000/i/2f0a4cc01155455d7f0001457fc7577f6939976f66ce4a4ab374bf0d93718a71/wpp7.jpg" /> Joao Gil for Canon Irista / 2018Map&nbsp;User Journey TEAM Nicholas Babain&nbsp;— &nbsp;Product Owner Joao Gil — &nbsp;Lead UX &amp; Product Designer David Haynes —&nbsp; Tech Lead &amp; UE4 Developer • Stuart Franklin&nbsp; —&nbsp; Narrator of the Experience, Magnum Photographer &amp;&nbsp;Chair of the General Jury at World Press Photo 2017 Lucy Fulford — &nbsp;Text &amp; Copy • All image credits to World Press Photo https://joao-gil.com/Irista-for-Apple-TV Tue, 25 Sep 2018 12:17:40 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/Irista-for-Apple-TV window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Canon Irista — 2017 / 20192. Irista for Apple TV &nbsp; <img width="1200" height="800" width_o="1200" height_o="800" data-src="https://freight.cargo.site/t/original/i/3f4291a2fe679b9dc8710d90c358f7b923c84dcf6a82a09fc7ee91bba02aed4a/tv2.jpg" data-mid="24877763" border="0" src="https://freight.cargo.site/w/1000/i/3f4291a2fe679b9dc8710d90c358f7b923c84dcf6a82a09fc7ee91bba02aed4a/tv2.jpg" /> Joao Gil for Canon Irista / 2018 For Apple TV &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Share on the Big Screen. &nbsp; &nbsp; &nbsp; Apple TV for Irista, is designed to expand the Canon ecossystem into the big screen. Photos are taken with high quality, with our photographers incredible passion for the craft. Nevertheless our experience with photography is often associated with the small screens. We wanted to rovide a solution for Canon users to enjoy a seamless experience of consuming their photographic content on their bigger Screen. TV's are the biggest screen of the house with resolutions often up to 4K - This is not only a great opportunity to understand the fine detail of Canon's camera resolution but it's the moment our users get to share, with their most close ones the reward of the stories and experiences they can relive with the craft of photographs. &nbsp; &nbsp; &nbsp; With Canon Irista's smart search, you can browse for any lens, Camera, activity, or even who's in it to find photos in you collection, up to 10TB with cloud storage, on your TV. Users can enjoy they Timeline, browse for photos or see their your curated Albums, and share your experiences with their family, relatives and friends - all in one couch. <img width="5337" height="2426" width_o="5337" height_o="2426" data-src="https://freight.cargo.site/t/original/i/4b2dbfa2b1816ef433841b85190f36bd8e2e265ddd2cf3731831156858030859/FLOW1x.jpg" data-mid="24878854" border="0" src="https://freight.cargo.site/w/1000/i/4b2dbfa2b1816ef433841b85190f36bd8e2e265ddd2cf3731831156858030859/FLOW1x.jpg" /> Joao Gil for Canon Irista / 2018Stage: User Flow @Login <img width="2400" height="1600" width_o="2400" height_o="1600" data-src="https://freight.cargo.site/t/original/i/0d571cd34731be46b282659b60239d958386e81add68e61bcd5fdc117eda843a/tv3.jpg" data-mid="24877857" border="0" src="https://freight.cargo.site/w/1000/i/0d571cd34731be46b282659b60239d958386e81add68e61bcd5fdc117eda843a/tv3.jpg" /> Joao Gil for Canon Irista / 2018Stage: Work in Progress <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/8c6ccbff5865b663144bf01f6fdaeb755e37bed0217abedb58df0c39bff7f9ba/Search.png" data-mid="24878992" border="0" src="https://freight.cargo.site/w/1000/i/8c6ccbff5865b663144bf01f6fdaeb755e37bed0217abedb58df0c39bff7f9ba/Search.png" /> Joao Gil for Canon Irista / 2018Feature: Search <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/855b2e0e9a530e456586a1711f0cbd185b07868ac2f6751e09f36f51bfa72127/Smart-Albums-V3.png" data-mid="24878993" border="0" src="https://freight.cargo.site/w/1000/i/855b2e0e9a530e456586a1711f0cbd185b07868ac2f6751e09f36f51bfa72127/Smart-Albums-V3.png" /> Joao Gil for Canon Irista / 2018Feature: Albums <img width="5760" height="3240" width_o="5760" height_o="3240" data-src="https://freight.cargo.site/t/original/i/64ddeaa54b1b9395a570d4a2ffc785da6be38dd029f2a52d46180342a3dd064a/Photos_V33x.jpg" data-mid="24878991" border="0" src="https://freight.cargo.site/w/1000/i/64ddeaa54b1b9395a570d4a2ffc785da6be38dd029f2a52d46180342a3dd064a/Photos_V33x.jpg" /> Joao Gil for Canon Irista / 2018Feature: Photos <img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/205b8d39cd54dc2b3b2b019f11888d457b68ad2ea4aaf4379b971be768aab60c/Apple-TV-Shot-3.jpg" data-mid="24879712" border="0" src="https://freight.cargo.site/w/1000/i/205b8d39cd54dc2b3b2b019f11888d457b68ad2ea4aaf4379b971be768aab60c/Apple-TV-Shot-3.jpg" /> Joao Gil for Canon Irista / 2018Stage: In Development TEAM Aurelien Guichard — &nbsp;Product Owner Joao Gil — &nbsp;Lead UX &amp; Product Designer David Haynes — &nbsp;Lead iOS Developer Laszlo Csernetics — &nbsp;Product Manager Robin Dorpe — &nbsp;iOS Developer https://joao-gil.com/Sharing-Improvements Thu, 29 Nov 2018 14:14:42 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/Sharing-Improvements window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Canon Irista — 2017 / 20183. Sharing Improvements &nbsp; <img width="3600" height="2328" width_o="3600" height_o="2328" data-src="https://freight.cargo.site/t/original/i/b047c4bd82c2b4e0013d4fad0ee23d5e5aacb88097cdbe0593f1468ba3c61ec8/Sharing-Hero2x.jpg" data-mid="29543710" border="0" src="https://freight.cargo.site/w/1000/i/b047c4bd82c2b4e0013d4fad0ee23d5e5aacb88097cdbe0593f1468ba3c61ec8/Sharing-Hero2x.jpg" /> Joao Gil for Canon Irista / 2018 For Web, iOS and Android &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Sharing Improvements This project looks at improving sharing mechanics for Irista users by making clear distinctions between inviting a user to an Album or sharing a public Album link. The starting point was to address problems identified during usability testing of the sharing feature after the introduction of “Collaborative Albums” by the previous team. This feature allows two users registered in Irista to co-own an Album and thus share easily photos from their Irista account. This was unclearly explained in the Interface and user testing revealed unclarity regarding the feature and its flows. The bried has limited scope - No changes to the API meant we had to redesign the feature with certain constraints from the previous iteration. Some of the key challenges surfaced included: Users don’t understand the two different Sharing OptionsThe benefits of each sharing option was not clearly explainedSingle entry point for two sharing options Unclear Modal with two sharing options stacked We addressed this issue by creating distinct entry points to a tabbed modal that allows the user to either send and Invite or create a public link, creating a clearer distinction of the outcome. An explanation of the feature and it’s utility was also added to further educate about the users about the differences between the two flows. Sharing Type Advantages Cons • Link • Public - Anyone with the link can view the album without signing in • Users can’t modify the album. • Anyone with the link can access the album until the link is deleted. • Invite • Users can edit the album and add images and text to the AlbumUsers can add the album to their Irista Album Collection. • Album is kept private at all times and only the person with the email address can join the album.• Users without an Irista account will have to create an account to join and view the Album. The following screen illustrates some of the annotations made to represent some of the difficulties experienced by our users during the sharing flow. Key concerns regarding a single entry point for two distinct flows and unclarity regarding two different sharing mechanisms as well as the ambiguity of the word “Collaborate”. <img width="2410" height="2062" width_o="2410" height_o="2062" data-src="https://freight.cargo.site/t/original/i/8694c0d064935928ae3022c76d50210fa707f96c08129ce16b93608f826179aa/Before--Problems2x.jpg" data-mid="29543795" border="0" src="https://freight.cargo.site/w/1000/i/8694c0d064935928ae3022c76d50210fa707f96c08129ce16b93608f826179aa/Before--Problems2x.jpg" /> Research for Canon Irista / 2018Before — Annotations of the problems on the previous UI We started our intervention by creating a single modal with a tab for each of the sharing modes. We have alsoi renamed them to clearer labels: Link and Invite As we previously explained, both forms of sharing have their advantages, but users reported not understanding the differnence so we created a caption under each tab that explains what does it mean to hsare with an Invite or with a link. <img width="4208" height="1860" width_o="4208" height_o="1860" data-src="https://freight.cargo.site/t/original/i/d37c2e51608add00963e3b73cd61be517d391a8387278ac5387210752ec04cb9/After--Solution2x.jpg" data-mid="29543793" border="0" src="https://freight.cargo.site/w/1000/i/d37c2e51608add00963e3b73cd61be517d391a8387278ac5387210752ec04cb9/After--Solution2x.jpg" /> Joao Gil for Canon Irista / 2018 After&nbsp;—&nbsp;Improvements Annotations: Modal Further changes were made to the interface with clear labelled call to actions, to “Send Invites” and social media iconography. Lastly feedback messages were added for users to have a clear visual confirmation at the end of the flow. The double tabbed modal allowed to create two distinct entrypoints in the albums page but surfacing to the user an alternative form of sharing by flicking through the tabs. <img width="3344" height="2320" width_o="3344" height_o="2320" data-src="https://freight.cargo.site/t/original/i/3bcebdce6abbdba14b22c30a9ada58214c6074f486f3b9c2cd3938c90360e0fc/After--Entry-Points2x.jpg" data-mid="29543792" border="0" src="https://freight.cargo.site/w/1000/i/3bcebdce6abbdba14b22c30a9ada58214c6074f486f3b9c2cd3938c90360e0fc/After--Entry-Points2x.jpg" /> Joao Gil for Canon Irista / 2018 After — Improvements Annotations: Entrypoints Take a closer look at the followind carroussel reprsented some of the featured screens of this project in which is possible to see different key states of the flow, hover states and some interactive elements: <img width="2880" height="1800" width_o="2880" height_o="1800" data-src="https://freight.cargo.site/t/original/i/05e9d7042360afd857610cdce04b7f094ba1ef81983deae8e2c48d1f9b710fcd/Album---Unshared.png" data-mid="29546474" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/05e9d7042360afd857610cdce04b7f094ba1ef81983deae8e2c48d1f9b710fcd/Album---Unshared.png" /> <img width="2880" height="1800" width_o="2880" height_o="1800" data-src="https://freight.cargo.site/t/original/i/272fb73ba58685081288c324096084837246f90afff7e5d802a96a65c1e6bc42/View-Only.png" data-mid="29546513" border="0" src="https://freight.cargo.site/w/1000/i/272fb73ba58685081288c324096084837246f90afff7e5d802a96a65c1e6bc42/View-Only.png" /> <img width="4320" height="2700" width_o="4320" height_o="2700" data-src="https://freight.cargo.site/t/original/i/552cc37a396576cb506267e29a1a3a5e56df35047189c570a61a3474d9e7da58/Share-Dialog---Private---Expanded.png" data-mid="29546479" border="0" src="https://freight.cargo.site/w/1000/i/552cc37a396576cb506267e29a1a3a5e56df35047189c570a61a3474d9e7da58/Share-Dialog---Private---Expanded.png" /> <img width="4320" height="2700" width_o="4320" height_o="2700" data-src="https://freight.cargo.site/t/original/i/90a44eb0b3fca2a4cd635725f52bd478d4c59a1c164a655fead4ca607512ab89/V4---Share-Dialog---Public.png" data-mid="29546512" border="0" src="https://freight.cargo.site/w/1000/i/90a44eb0b3fca2a4cd635725f52bd478d4c59a1c164a655fead4ca607512ab89/V4---Share-Dialog---Public.png" /> <img width="4320" height="2700" width_o="4320" height_o="2700" data-src="https://freight.cargo.site/t/original/i/6b9885fd91871ff7376c8ba103bfd3872101c9b58ea557d6bec2f03f75335698/V4---Share-Dialog---Public---EXIF-Description.png" data-mid="29546511" border="0" src="https://freight.cargo.site/w/1000/i/6b9885fd91871ff7376c8ba103bfd3872101c9b58ea557d6bec2f03f75335698/V4---Share-Dialog---Public---EXIF-Description.png" /> Joao Gil for Canon Irista / 2018 After — Featured Screens The following flow illustrates the complexity of this project but how the experience is optimised by allowing the user to start the sharing flow from either entrypoints and to switch between sharing modes depending on the most apporpriate sharing mechanic for the job at hand. <img width="10206" height="5571" width_o="10206" height_o="5571" data-src="https://freight.cargo.site/t/original/i/4e729ef7c83f90489e60b87e283350a208739051385d6aac43b1ce4b38df8492/000_Sharing-Flow.jpg" data-mid="29545199" border="0" src="https://freight.cargo.site/w/1000/i/4e729ef7c83f90489e60b87e283350a208739051385d6aac43b1ce4b38df8492/000_Sharing-Flow.jpg" /> Joao Gil for Canon Irista / 2018 After — Sharing Flow The importance of this project was also highlighted on the mobile applications and we worked of aligning all the platforms while trying to keep consistent with native patterns. Below you can see an example of a simplified iOS flow. <img width="8646" height="5349" width_o="8646" height_o="5349" data-src="https://freight.cargo.site/t/original/i/ae6da3935aa19f1c2f41c0c525dc44ed8838244b30bf84989656e515b1889e55/After-iOS-Sharing-Flow3x.jpg" data-mid="29543794" border="0" src="https://freight.cargo.site/w/1000/i/ae6da3935aa19f1c2f41c0c525dc44ed8838244b30bf84989656e515b1889e55/After-iOS-Sharing-Flow3x.jpg" /> Joao Gil for Canon Irista / 2018 After — iOS Sharing Flow Outcome The percentage of albums shared increased, reaching 35% following the months after the release, meaning that over one in three albums is now shared. The percentage of accepted invites also went up by 20% compared with the same period last year, translating in an improvement of 50% improvement in the number of invitees per album. TEAM Aurelien Guichard — &nbsp;Product Owner Laszlo Csernetics — &nbsp;Product Manager Joao Gil —&nbsp; UX &amp; Product Designer Giles Perry —&nbsp; UX &amp; Product Designer Robin Dorpe — &nbsp;Lead iOS Developer Lampros Gkotsoulias —&nbsp; Lead Android Developer Lang Adam — Android Developer https://joao-gil.com/Smart-Albums Thu, 27 Sep 2018 08:41:59 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/Smart-Albums window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Canon Irista — 2017 / 20194. Suggested Albums &nbsp; <img width="3900" height="2220" width_o="3900" height_o="2220" data-src="https://freight.cargo.site/t/original/i/2912debdc1c42c5e07704ad384b4827e6047407b407d5cfbe23b6e71b5f6f38f/Smart-Albums---Hero.jpg" data-mid="25017522" border="0" src="https://freight.cargo.site/w/1000/i/2912debdc1c42c5e07704ad384b4827e6047407b407d5cfbe23b6e71b5f6f38f/Smart-Albums---Hero.jpg" /> Joao Gil for Canon Irista / 2018 For Web, iOS and Android &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Smart Albums, Suggested Memories. This project looks at removing the burden of a repetitive flow in for any Photographer - organising their collection by creating albums or folders with their photos; Albums are very important to Photographers, as they represent a more curated space for their most important moments captured through photography.Nevertheless, our user-led insights have surfaced album creation as a time-consuming task. Following those insights, we looked at opportunities to use computer vision and intelligent algorithms to create tailored and meaningful albums and present them to the user. Experience Principles Surfacing — Discovering Suggested Albums should be easy and part of the User’s Album Flow.Saving — Users should select which Sugested Albums to keep in their Albums Collection. Relevance — Ensure Suggested Albums are relevant to the user. The user journey was designed to be clear and consistent with the existing albums flow.By navigating to their Albums tab, users can find Suggested Albums. These new album cards are highlighted by being positioned in a Horizontal Carousel on the top of the page, and by their size and different aspect ratio. 
The user can then click on each of the cards to view the photos automatically selected for that suggested album; the user can then choose to &nbsp;Save, Share, Create Photobook or Delete the album. This ensures that a suggestion is not forced on the user album collection, but rather individually picked according to each user. <img width="5000" height="2302" width_o="5000" height_o="2302" data-src="https://freight.cargo.site/t/original/i/d20652aea1912aff42c6afcc73099f1ca009e1f9d46f1dc2d78d4764e4906b31/Research2x.jpg" data-mid="25016590" border="0" src="https://freight.cargo.site/w/1000/i/d20652aea1912aff42c6afcc73099f1ca009e1f9d46f1dc2d78d4764e4906b31/Research2x.jpg" /> Joao Gil for Canon Irista / 2018Stage: Research &amp; Requirements <img width="5415" height="3453" width_o="5415" height_o="3453" data-src="https://freight.cargo.site/t/original/i/398233710b809bdc23014320b8539bee5628e6f13f6229d55be54578db2676cb/User-Flow---Web3x.jpg" data-mid="25018990" border="0" src="https://freight.cargo.site/w/1000/i/398233710b809bdc23014320b8539bee5628e6f13f6229d55be54578db2676cb/User-Flow---Web3x.jpg" /> Joao Gil for Canon Irista / 2018Stage: User Flow <img width="3662" height="1926" width_o="3662" height_o="1926" data-src="https://freight.cargo.site/t/original/i/e384867da63b41a30285a19d26b410c6c6c97fcb61ed36c2f4289b634be6a9eb/Anatomy---Suggested-Albums.jpg" data-mid="25018612" border="0" src="https://freight.cargo.site/w/1000/i/e384867da63b41a30285a19d26b410c6c6c97fcb61ed36c2f4289b634be6a9eb/Anatomy---Suggested-Albums.jpg" />Joao Gil for Canon Irista / 2018Screenshot: Anatomy of Albums <img width="5000" height="2302" width_o="5000" height_o="2302" data-src="https://freight.cargo.site/t/original/i/5b31fb76be205aed2e068115a2a8c333f106589d0a09c7f423350fafbbc54040/Smart-Albums---Diversity-Recipe2x.jpg" data-mid="25019688" border="0" src="https://freight.cargo.site/w/1000/i/5b31fb76be205aed2e068115a2a8c333f106589d0a09c7f423350fafbbc54040/Smart-Albums---Diversity-Recipe2x.jpg" /> Joao Gil for Canon Irista / 2018Feature: Recipe Diversity <img width="7281" height="1890" width_o="7281" height_o="1890" data-src="https://freight.cargo.site/t/original/i/182d375fea3b7418f8d6422d7b600a939c482f1ed79970ce9346a6379ea32b2c/Hover-States.jpg" data-mid="25019686" border="0" src="https://freight.cargo.site/w/1000/i/182d375fea3b7418f8d6422d7b600a939c482f1ed79970ce9346a6379ea32b2c/Hover-States.jpg" /> Joao Gil for Canon Irista / 2018Feature:&nbsp;Hover States <img width="3108" height="4142" width_o="3108" height_o="4142" data-src="https://freight.cargo.site/t/original/i/dad1931315bddebb4a63061deca578e9ae202def0f1284919e90b698027fa6f7/iPhone-X---Mockups.jpg" data-mid="25023236" border="0" src="https://freight.cargo.site/w/1000/i/dad1931315bddebb4a63061deca578e9ae202def0f1284919e90b698027fa6f7/iPhone-X---Mockups.jpg" /> Joao Gil for Canon Irista / 2018Featured: iOS Screens <img width="4751" height="3056" width_o="4751" height_o="3056" data-src="https://freight.cargo.site/t/original/i/cf4b73ffadc283c32b9d0c69a576a907fea9e7a45b97601c4eb53c2be3a62cfb/Smart-Albums---iOS-Flow.jpg" data-mid="25022734" border="0" src="https://freight.cargo.site/w/1000/i/cf4b73ffadc283c32b9d0c69a576a907fea9e7a45b97601c4eb53c2be3a62cfb/Smart-Albums---iOS-Flow.jpg" /> Joao Gil for Canon Irista / 2018Featured: iOS Flow <img width="2650" height="2712" width_o="2650" height_o="2712" data-src="https://freight.cargo.site/t/original/i/013e850529649417818bede1ae8d3589adcdc28b3c0bb4fe3f28c671f38dc944/Android---Suggested-Albums.jpg" data-mid="25025655" border="0" src="https://freight.cargo.site/w/1000/i/013e850529649417818bede1ae8d3589adcdc28b3c0bb4fe3f28c671f38dc944/Android---Suggested-Albums.jpg" /> Joao Gil for Canon Irista / 2018Featured: Android Screens <img width="720" height="1480" width_o="720" height_o="1480" data-src="https://freight.cargo.site/t/original/i/e50856c1f815b8c6b97c628a52e67c77983bafbdb684dee0dc0372b2896f2a13/Android----Saved.jpg" data-mid="25025696" border="0" src="https://freight.cargo.site/w/720/i/e50856c1f815b8c6b97c628a52e67c77983bafbdb684dee0dc0372b2896f2a13/Android----Saved.jpg" /> <img width="720" height="1480" width_o="720" height_o="1480" data-src="https://freight.cargo.site/t/original/i/a6309a2d65342b92c5c58e8002e3415a6459430f0b6be422a160260602e6f4cd/Android---Albums.jpg" data-mid="25025697" border="0" src="https://freight.cargo.site/w/720/i/a6309a2d65342b92c5c58e8002e3415a6459430f0b6be422a160260602e6f4cd/Android---Albums.jpg" /> <img width="720" height="1480" width_o="720" height_o="1480" data-src="https://freight.cargo.site/t/original/i/eb87985a65491d731c76b236612f2ca9c4bc36b2ccec42394a26cb6f57c1d082/Android---Suggested-Album---Menu.jpg" data-mid="25025698" border="0" src="https://freight.cargo.site/w/720/i/eb87985a65491d731c76b236612f2ca9c4bc36b2ccec42394a26cb6f57c1d082/Android---Suggested-Album---Menu.jpg" /> <img width="720" height="1480" width_o="720" height_o="1480" data-src="https://freight.cargo.site/t/original/i/a5e0719eaa268cff939889609012ec1358af408c9ddc1db9d452d82e84c6e875/Android---Suggested-Album.jpg" data-mid="25025699" border="0" src="https://freight.cargo.site/w/720/i/a5e0719eaa268cff939889609012ec1358af408c9ddc1db9d452d82e84c6e875/Android---Suggested-Album.jpg" /> Joao Gil for Canon Irista / 2018Featured: Android Flow “As a user, I want my collections of photos organised in a meaningful way because finding relevant photos and organising my memories into albums is painful and time consuming.” Vision “Help users organise their collection to get more from their photos by surfacing the best group of images using Smart Photo Selection, by suggesting albums of memorable events so that photos of emotional significance are organised effortlessly.” Business Goals Growth — Automatically create albums that can easily be shared. Retention — Make users less likely to leave the platform by increasing emotional connection and loss amount. Monetisation — Facilitate the way print products are generated around a automatic group of photos. TEAM Aurelien Guichard — &nbsp;Product Owner Laszlo Csernetics — &nbsp;Product Manager Joao Gil — &nbsp;Lead UX &amp; Product Designer Giles Perry —&nbsp; UX &amp; Product Designer Robin Dorpe — &nbsp;Lead iOS Developer Lampros Gkotsoulias —&nbsp; Lead Android Developer Lang Adam — Android Developer Igor Nakonetsnoi — iOS Developer https://joao-gil.com/Storytelling-in-Albums Tue, 25 Sep 2018 15:27:17 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/Storytelling-in-Albums window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Canon Irista — 2017 / 20185. Storytelling in Albums &nbsp; <img width="2500" height="1229" width_o="2500" height_o="1229" data-src="https://freight.cargo.site/t/original/i/bacaf0182985cd1ed196755f1633048eb960ab70d75abb0a12df47b736e26602/Hero.jpg" data-mid="24888899" border="0" src="https://freight.cargo.site/w/1000/i/bacaf0182985cd1ed196755f1633048eb960ab70d75abb0a12df47b736e26602/Hero.jpg" /> Joao Gil for Canon Irista / 2018 For Web, iOS and Android &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; From Albums to Memories. &nbsp; &nbsp; &nbsp; In this project we looked at creating an Unique Selling Proposition for Canon Users. We created a proposal to move from photo storage to storytelling, allowing the user to craft visual stories with the re-ordering of images, layout and insertion of text. This feature will allow users to create a deeper connection with the platform&nbsp;— by becoming the place to create stories and memories after the photos have been taken. &nbsp; &nbsp; Combined with existing features in Canon Irista, such as private sharing and collaborators, users can share one album — one memory — privately with their friends so that they all curate their story. &nbsp; &nbsp; For hobbyist and semi-professional Photographers it also means an opportunity to curate and expose their work easily straight from their photo storage platform, by sharing the album with a public link to be exposed to potential clients and grow their network around their work. <img width="5000" height="2000" width_o="5000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/9a629d7a8d27904bf2e02ea405837d8b6885f96b5ec48947e5ef554a385251e3/Layout-Options.jpg" data-mid="24892449" border="0" src="https://freight.cargo.site/w/1000/i/9a629d7a8d27904bf2e02ea405837d8b6885f96b5ec48947e5ef554a385251e3/Layout-Options.jpg" /> Joao Gil for Canon Irista / 2018Web Album&nbsp;Layout Examples &nbsp; &nbsp; To allow users to interact seamless with the product, a drag and drop interaction was designed. This interaction allows the user to grab any image and drop it anywhere else in the album, quickly moving pictures around to edit the layout of the album. This interaction is signalised by the cursor, which changed to a hand-grab when hovering an image. Dragging an object — Photo or Text — is signalised with a thumbnail, a hand cursor, and when dragging multiple objects, the cursor also displays a counter. The place where the photos will be dropped is highlighted by a red line that surfaces between the images by increasing the padding between the grid as if preparing to accommodate the new image being dropped. ︎ Check our prototype here. <img width="5000" height="3054" width_o="5000" height_o="3054" data-src="https://freight.cargo.site/t/original/i/89cea715620584dc62505a1704989e14bdf163520fe9bf54fc265e5748ee9a87/Interactions.jpg" data-mid="24890857" border="0" src="https://freight.cargo.site/w/1000/i/89cea715620584dc62505a1704989e14bdf163520fe9bf54fc265e5748ee9a87/Interactions.jpg" /> Joao Gil for Canon Irista / 2018Web Interaction Design<img width="5000" height="2458" width_o="5000" height_o="2458" data-src="https://freight.cargo.site/t/original/i/3cc8b42a404431b2561ba12711e5dda37cff8e4c01c14646a54dc8783bdd749d/Interaction---Drag-and-Drop.jpg" data-mid="24889009" border="0" src="https://freight.cargo.site/w/1000/i/3cc8b42a404431b2561ba12711e5dda37cff8e4c01c14646a54dc8783bdd749d/Interaction---Drag-and-Drop.jpg" /> Joao Gil for Canon Irista / 2018Web Drag &amp; Drop Interaction - Detail <img width="5000" height="3324" width_o="5000" height_o="3324" data-src="https://freight.cargo.site/t/original/i/5d12c0ec0ce851bafed318583704266cc8770acdef82449da84c9ebb42b4ce98/Responsive.jpg" data-mid="24891789" border="0" src="https://freight.cargo.site/w/1000/i/5d12c0ec0ce851bafed318583704266cc8770acdef82449da84c9ebb42b4ce98/Responsive.jpg" /> Joao Gil for Canon Irista / 2018Web Responsive Design &nbsp; &nbsp; Part of our strategy to reinforce storytelling has a core action in our product was to deliver this feature to the mobile apps — Android and iOS&nbsp; — so that users could not only view but also create their stories anywhere from their mobile device. <img width="5760" height="4200" width_o="5760" height_o="4200" data-src="https://freight.cargo.site/t/original/i/6dadf56b46c9f81dc4815af7c6d6ed0fcb1411df7747260b24f607a508bb0d89/iPhone-Layouts.jpg" data-mid="24892253" border="0" src="https://freight.cargo.site/w/1000/i/6dadf56b46c9f81dc4815af7c6d6ed0fcb1411df7747260b24f607a508bb0d89/iPhone-Layouts.jpg" /> &nbsp; &nbsp; Joao Gil for Canon Irista / 2018&nbsp; &nbsp; iOS Storytelling in Albums <img width="5760" height="4200" width_o="5760" height_o="4200" data-src="https://freight.cargo.site/t/original/i/d18018ca4becd6f698f0ed14dcbaa62105daa0c7db5de58cd03db096daf5946c/Android---Layouts.jpg" data-mid="24892441" border="0" src="https://freight.cargo.site/w/1000/i/d18018ca4becd6f698f0ed14dcbaa62105daa0c7db5de58cd03db096daf5946c/Android---Layouts.jpg" /> &nbsp; &nbsp; Joao Gil for Canon Irista / 2018&nbsp; &nbsp; Android Storytelling in Albums “As a user, I want the photos in my albums to be organised, curated and displayed in a meaningful way, and complemented by text and maps so that my albums show my work in meaningful and relevant ways” VISION “The aim of Suggested Albums is to help users organise their collection to get more from their photos, by surfacing the best group of images using Smart Photo Selection, and suggesting albums of memorable events so that photos of emotional significance are organised effortlessly.” Business Goals Growth&nbsp;— Easily create Albums that can be easily shared. Retention — Make users less likely to leave the platform by increasing emotional connection and loss amount. Monetisation — Facilitate the way print products are generated around a automatic group of photos. TEAM Aurelien Guichard — &nbsp;Product Owner Laszlo Csernetics — &nbsp;Product Manager Joao Gil — &nbsp;Lead UX &amp; Product Designer Giles Perry&nbsp; —&nbsp; UX &amp; Product Designer Robin Dorpe — &nbsp;Lead iOS Developer Lampros Gkotsoulias&nbsp;—&nbsp; Lead Android Developer Lang Adam&nbsp;— Android Developer Igor&nbsp;Nakonetsnoi&nbsp;— iOS Developer https://joao-gil.com/Organisation-Tools Fri, 07 Dec 2018 16:49:08 +0000 Joao Gil - Experience Design Studio https://joao-gil.com/Organisation-Tools window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '72427723'); Canon Irista — 2017 / 20186. Organisation Tools &nbsp; <img width="3782" height="2816" width_o="3782" height_o="2816" data-src="https://freight.cargo.site/t/original/i/7d73f349f6c1fab35f939730de15b9d04cf11c9aebacfb4fbce911a6341ff2f3/Hero-Organisation-Tools2x.jpg" data-mid="30136306" border="0" src="https://freight.cargo.site/w/1000/i/7d73f349f6c1fab35f939730de15b9d04cf11c9aebacfb4fbce911a6341ff2f3/Hero-Organisation-Tools2x.jpg" /> Joao Gil for Canon Irista / 2018 For Web, iOS and Android &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Keeping your collection organised. Creating a set of organisation tools that allow photographers to find their images quickly and tidy up large collections of photographs. This project was started off some improvements of the experience of organising photos in Irista, and benchmarking it to more professional photo management tools.This analysis with feedback from our users put us on the track not only to improve existing featurs but also to create standard features such has rating, reject, flags, batch tagging, batch renaming, among others. &nbsp;“As a Photographer, Irista doesn’t offer enough tools to keep my collection organised - it lacks some basic tools that professional photographer software offers, such has a tagging, rating and other organisation mechanisms.” Feature Need Improvement 1. Rating • Public - Anyone with the link can view the album without signing in • Users can’t modify the album. • Anyone with the link can access the album until the link is deleted. 2. Tagging• Users can edit the album and add images and text to the AlbumUsers can add the album to their Irista Album Collection. • Album is kept private at all times and only the person with the email address can join the album.• Users without an Irista account will have to create an account to join and view the Album. 3. Search &amp; Filters • Users can edit the album and add images and text to the AlbumUsers can add the album to their Irista Album Collection. • Album is kept private at all times and only the person with the email address can join the album. • Users without an Irista account will have to create an account to join and view the Album. 1. Rating Text Lorem Ipsum<img width="2880" height="1800" width_o="2880" height_o="1800" data-src="https://freight.cargo.site/t/original/i/d768cb706430b8f7e0ab5ed0760be17658706af2fc36e05c604f87eff15f3899/Interactions---Short-Cuts2x.jpg" data-mid="30136821" border="0" src="https://freight.cargo.site/w/1000/i/d768cb706430b8f7e0ab5ed0760be17658706af2fc36e05c604f87eff15f3899/Interactions---Short-Cuts2x.jpg" /> <img width="2880" height="2048" width_o="2880" height_o="2048" data-src="https://freight.cargo.site/t/original/i/f481c3c62bf80dc926f502d669a7dcc9312a71a7dd9f5140c902a974a40a9a23/V2---Rating---Select-View---Active-Menu2x.jpg" data-mid="30136825" border="0" src="https://freight.cargo.site/w/1000/i/f481c3c62bf80dc926f502d669a7dcc9312a71a7dd9f5140c902a974a40a9a23/V2---Rating---Select-View---Active-Menu2x.jpg" /> <img width="2880" height="2048" width_o="2880" height_o="2048" data-src="https://freight.cargo.site/t/original/i/1672fa1f0458507bffb58cea4b48045149121b37fafabb841769ce27d77c6aac/V2---Rating---Select-View---Multiple-Values-Selected2x.jpg" data-mid="30136826" border="0" src="https://freight.cargo.site/w/1000/i/1672fa1f0458507bffb58cea4b48045149121b37fafabb841769ce27d77c6aac/V2---Rating---Select-View---Multiple-Values-Selected2x.jpg" /> <img width="2880" height="2048" width_o="2880" height_o="2048" data-src="https://freight.cargo.site/t/original/i/7c64db7c10c407c182dfc6da82c0d9ada7311112da826e153a7b572615cfe6e0/V2---Rating---Select-View2x.jpg" data-mid="30136827" border="0" src="https://freight.cargo.site/w/1000/i/7c64db7c10c407c182dfc6da82c0d9ada7311112da826e153a7b572615cfe6e0/V2---Rating---Select-View2x.jpg" /> 2. Tagging Text Lorem Ipsum <img width="2880" height="2048" width_o="2880" height_o="2048" data-src="https://freight.cargo.site/t/original/i/84cb3734c2fb0db07bc9474b71ddde4fad13380550ff4c0a718100017235a0af/Add-Tag---Modal-Timeline-Example2x.jpg" data-mid="30136940" border="0" src="https://freight.cargo.site/w/1000/i/84cb3734c2fb0db07bc9474b71ddde4fad13380550ff4c0a718100017235a0af/Add-Tag---Modal-Timeline-Example2x.jpg" /> <img width="5134" height="3864" width_o="5134" height_o="3864" data-src="https://freight.cargo.site/t/original/i/81fad58e608620a7f1027931807813e88d2b143f08c70ac7012c0dad9f24c16a/Tags---Flow2x.jpg" data-mid="30136941" border="0" src="https://freight.cargo.site/w/1000/i/81fad58e608620a7f1027931807813e88d2b143f08c70ac7012c0dad9f24c16a/Tags---Flow2x.jpg" /><img width="2880" height="2048" width_o="2880" height_o="2048" data-src="https://freight.cargo.site/t/original/i/72eb02b58c02c1a167e17d400cec21e946cb139e42138ed0ce11fffa806e13bf/Tags---Notes2x.jpg" data-mid="30136942" border="0" src="https://freight.cargo.site/w/1000/i/72eb02b58c02c1a167e17d400cec21e946cb139e42138ed0ce11fffa806e13bf/Tags---Notes2x.jpg" /> 3. Date &amp; Time Text <img width="2880" height="2048" width_o="2880" height_o="2048" data-src="https://freight.cargo.site/t/original/i/fa43d4e33d426975701b49d09e2a15550ff380dc2d10f556ab318b85304bb509/Add-Tag---Modal-Date-Example2x.jpg" data-mid="30137663" border="0" src="https://freight.cargo.site/w/1000/i/fa43d4e33d426975701b49d09e2a15550ff380dc2d10f556ab318b85304bb509/Add-Tag---Modal-Date-Example2x.jpg" /> <img width="2880" height="2048" width_o="2880" height_o="2048" data-src="https://freight.cargo.site/t/original/i/3e43f74dbfbdabce00c523fa52d387a2037fe3dad65711ad890d84424c584dc1/Edit-Date-and-Time---Notes2x.jpg" data-mid="30137670" border="0" src="https://freight.cargo.site/w/1000/i/3e43f74dbfbdabce00c523fa52d387a2037fe3dad65711ad890d84424c584dc1/Edit-Date-and-Time---Notes2x.jpg" /> <img width="5760" height="1646" width_o="5760" height_o="1646" data-src="https://freight.cargo.site/t/original/i/8b347280387ecaafee7d27a7d08bb8676f5f31161067fde6637ac5b8b1647ba2/Edit-Date---States2x.jpg" data-mid="30137667" border="0" src="https://freight.cargo.site/w/1000/i/8b347280387ecaafee7d27a7d08bb8676f5f31161067fde6637ac5b8b1647ba2/Edit-Date---States2x.jpg" /> 4. Search &amp; Filters TEAM Aurelien Guichard — &nbsp;Product Owner Laszlo Csernetics — &nbsp;Product Manager Joao Gil —&nbsp; UX &amp; Product Designer Giles Perry —&nbsp; UX &amp; Product Designer Robin Dorpe — &nbsp;Lead iOS Developer Lampros Gkotsoulias —&nbsp; Lead Android Developer Lang Adam — Android Developer