http://cargocollective.com Ryan Shelton, Portfolio of Work Wed, 16 Nov 2011 08:42:22 +0000 http://cargocollective.com en http://cargocollective.com/ryanshelton/Nokia-Video-Player http://cargocollective.com/ryanshelton/following/ryanshelton/Nokia-Video-Player Wed, 16 Nov 2011 08:42:22 +0000 Ryan Shelton, Portfolio of Work 5131 <img src="http://payload.cargocollective.com/1/0/728/5131/nokia_1.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5131/nokia_1_o.png" data-mid="19287" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5131/nokia_2.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5131/nokia_2_o.png" data-mid="19288" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5131/nokia_3.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5131/nokia_3_o.png" data-mid="19289" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5131/nokia_4.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5131/nokia_4_o.png" data-mid="19290" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5131/nokia_5.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5131/nokia_5_o.png" data-mid="19291" border="0" align="left"/>Approached by Prospect Design to produce web designs that promoted Nokia’s Video Manager application. An easy to understand click through demo of Nokia’s Video Player application, following Nokia’s brand guidelines, was created. The demo was aimed new customers, giving them a clear overview of the application and how they could use it for themselves. Prospect Design Approached by Prospect Design to produce web designs that promoted Nokia’s Video Manager application. An easy to understand click through demo of Nokia’s Video... http://cargocollective.com/ryanshelton/DropSend http://cargocollective.com/ryanshelton/following/ryanshelton/DropSend Wed, 16 Nov 2011 08:42:21 +0000 Ryan Shelton, Portfolio of Work 4241 <img src="http://payload.cargocollective.com/1/0/728/4241/2_dropsend_mac.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/4241/2_dropsend_mac_o.png" data-mid="16612" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/4241/3_dropsend_mac.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/4241/3_dropsend_mac_o.png" data-mid="16613" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/4241/4_dropsend_mac.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/4241/4_dropsend_mac_o.png" data-mid="16614" border="0" align="left"/>DropSend is a webapp that allows you to easily send large files to friends, as well as, store files online. It solves the problem of not being able to send huge files via email. Working closely with Carsonified, I developed the user experience, user interface and branding of DropSend. Simplicity and ease of use were the main focus when designing DropSend. A desktop application was also designed to make sending files directly from a Mac or PC desktop effortless. Fun animations were produced to welcome users to the website and to explain how DropSend solves the emailing of large files problem. View the site DropSend is a webapp that allows you to easily send large files to friends, as well as, store files online. It solves the problem of not being able to send huge... http://cargocollective.com/ryanshelton/Crowdstorm http://cargocollective.com/ryanshelton/following/ryanshelton/Crowdstorm Wed, 16 Nov 2011 08:42:19 +0000 Ryan Shelton, Portfolio of Work 5134 <img src="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_1.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_1_o.png" data-mid="19319" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_2.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_2_o.png" data-mid="19320" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_3.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_3_o.png" data-mid="19321" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_4.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_4_o.png" data-mid="19322" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_5.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_5_o.png" data-mid="19323" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_6.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_6_o.png" data-mid="19324" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_7.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_7_o.png" data-mid="19325" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_8.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_8_o.png" data-mid="19326" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_9.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/5134/crowdstorm_mb_9_o.png" data-mid="19327" border="0" align="left"/>Having designed the first version of Crowdstorm, I was approached to re-design an all new version of this social shopping website – “Crowdstorm Evolved”, as it became known. A number of new features needed to be implemented while maintaining a clean and simple user interface. Pages containing large amounts of information had to be designed so that users wouldn’t be overwhelmed by the amount of data presented to them. A clean, fresh look, as well as, a user experience that maintained but, also refreshed the brand that had been created for the first version of Crowdstorm was created. Having designed the first version of Crowdstorm, I was approached to re-design an all new version of this social shopping website – “Crowdstorm Evolved”, as... http://cargocollective.com/ryanshelton/Ryan-Carson-s-FOWA-Presentation http://cargocollective.com/ryanshelton/following/ryanshelton/Ryan-Carson-s-FOWA-Presentation Wed, 16 Nov 2011 08:42:18 +0000 Ryan Shelton, Portfolio of Work 36690 <img src="http://payload.cargocollective.com/1/0/728/36690/carson_1.png" width="670" height="465" width_o="670" height_o="465" src_o="http://payload.cargocollective.com/1/0/728/36690/carson_1_o.png" data-mid="148056" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/36690/carson_2.png" width="670" height="465" width_o="670" height_o="465" src_o="http://payload.cargocollective.com/1/0/728/36690/carson_2_o.png" data-mid="148057" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/36690/carson_3.png" width="670" height="465" width_o="670" height_o="465" src_o="http://payload.cargocollective.com/1/0/728/36690/carson_3_o.png" data-mid="148058" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/36690/carson_4.png" width="670" height="465" width_o="670" height_o="465" src_o="http://payload.cargocollective.com/1/0/728/36690/carson_4_o.png" data-mid="148059" border="0" align="left"/> http://cargocollective.com/ryanshelton/WeLoveLocal http://cargocollective.com/ryanshelton/following/ryanshelton/WeLoveLocal Wed, 16 Nov 2011 08:42:16 +0000 Ryan Shelton, Portfolio of Work 5130 <img src="http://payload.cargocollective.com/1/0/728/5130/local_1.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5130/local_1_o.png" data-mid="17862" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5130/local_2.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5130/local_2_o.png" data-mid="17863" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5130/local_3.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5130/local_3_o.png" data-mid="17864" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5130/local_4.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5130/local_4_o.png" data-mid="17865" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5130/local_5.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5130/local_5_o.png" data-mid="17866" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5130/local_6.png" width="670" height="435" width_o="670" height_o="435" src_o="http://payload.cargocollective.com/1/0/728/5130/local_6_o.png" data-mid="17867" border="0" align="left"/>WeLoveLocal is a social directory that allows users to find local businesses. “Find the best of local using reviews and ratings written by people just like you.” I worked closely with eMomentum, the team behind welovelocal, to produce the user experience, user interface and front end design of welovelocal. Our main goal when designing welovelocal was to transform all the complexity that was happening behind the scenes, into a friendly and usable experience for all welovelocal users – most of whom would be non-techie people, someone like our dear mums. View the site WeLoveLocal is a social directory that allows users to find local businesses. “Find the best of local using reviews and ratings written by people just like... http://cargocollective.com/ryanshelton/Online-Giving-System http://cargocollective.com/ryanshelton/following/ryanshelton/Online-Giving-System Wed, 16 Nov 2011 08:42:14 +0000 Ryan Shelton, Portfolio of Work 5127 <img src="http://payload.cargocollective.com/1/0/728/5127/giving_1.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5127/giving_1_o.png" data-mid="17839" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5127/giving_2.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5127/giving_2_o.png" data-mid="17840" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5127/giving_3.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5127/giving_3_o.png" data-mid="17841" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5127/giving_4.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5127/giving_4_o.png" data-mid="17842" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5127/giving_5.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5127/giving_5_o.png" data-mid="17843" border="0" align="left"/>This is an online giving system that has the ability to take donations for various causes and designations. The system had to pass UK Tax Laws, as well as, be secure and straightforward to use. This system was designed to break down the giving process into "bite-sized" chunks to make the exercise of donating money as simple and jargon-less as possible. The key objective was to remove clutter and direct users along a path that was focused on the primary objectives of each page while, keeping the number of pages to an absolute minimum. An area for registered users was also created to enable these users to manage their ongoing donations and have the ability to view, graphically, how much they have given to each of their designated causes. This is an online giving system that has the ability to take donations for various causes and designations. The system had to pass UK Tax Laws, as well as, be... http://cargocollective.com/ryanshelton/Studio-Uribe http://cargocollective.com/ryanshelton/following/ryanshelton/Studio-Uribe Wed, 16 Nov 2011 08:42:09 +0000 Ryan Shelton, Portfolio of Work 5606 <img src="http://payload.cargocollective.com/1/0/728/5606/uribe_1_1.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5606/uribe_1_1_o.png" data-mid="17916" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5606/uribe_2_1.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5606/uribe_2_1_o.png" data-mid="17917" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5606/uribe_3_1.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5606/uribe_3_1_o.png" data-mid="17918" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5606/uribe_4_2.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5606/uribe_4_2_o.png" data-mid="17927" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5606/uribe_5_2.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5606/uribe_5_2_o.png" data-mid="17928" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5606/uribe_6_2.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5606/uribe_6_2_o.png" data-mid="17929" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5606/uribe_7_1.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5606/uribe_7_1_o.png" data-mid="17922" border="0" align="left"/>View the site View the site http://cargocollective.com/ryanshelton/Hillsong-My-Church http://cargocollective.com/ryanshelton/following/ryanshelton/Hillsong-My-Church Fri, 03 Apr 2009 12:38:06 +0000 Ryan Shelton, Portfolio of Work 13988 <img src="http://payload.cargocollective.com/1/0/728/13988/mychurch_1.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/mychurch_1_o.png" data-mid="51262" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/13988/v1.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/v1_o.png" data-mid="51263" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/13988/v2.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/v2_o.png" data-mid="51264" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/13988/v3.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/v3_o.png" data-mid="51266" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/13988/v4.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/v4_o.png" data-mid="51267" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/13988/v5.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/v5_o.png" data-mid="51268" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/13988/mychurch_2.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/mychurch_2_o.png" data-mid="51269" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/13988/mychurch_3.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/mychurch_3_o.png" data-mid="51270" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/13988/mychurch_4.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/mychurch_4_o.png" data-mid="51271" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/13988/mychurch_5.png" width="670" height="402" width_o="670" height_o="402" src_o="http://payload.cargocollective.com/1/0/728/13988/mychurch_5_o.png" data-mid="51272" border="0" align="left"/>Hillsong London is a church based in Central London. As a church, with a growing congregation that meets in multiple locations, they needed a website that would allow them to communicate all their weekly events and venues to the congregation. HillsongMyChurch was built to be a useful resource and experience, not just a website, for members to easily find information. We made use of google maps, plugged in podcasts and, designed a video player "jukebox" for visitors to get more out of the website. Hillsong London saw visitor numbers to their website increase dramatically after the launch of the new site. View the site Hillsong London is a church based in Central London. As a church, with a growing congregation that meets in multiple locations, they needed a website that would... http://cargocollective.com/ryanshelton/Hillsong-Conference http://cargocollective.com/ryanshelton/following/ryanshelton/Hillsong-Conference Tue, 17 Feb 2009 11:18:14 +0000 Ryan Shelton, Portfolio of Work 5133 <img src="http://payload.cargocollective.com/1/0/728/5133/conf_1.png" width="538" height="458" width_o="538" height_o="458" src_o="http://payload.cargocollective.com/1/0/728/5133/conf_1_o.png" data-mid="17877" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5133/conf_2.png" width="538" height="458" width_o="538" height_o="458" src_o="http://payload.cargocollective.com/1/0/728/5133/conf_2_o.png" data-mid="17878" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5133/conf_3_1.png" width="538" height="458" width_o="538" height_o="458" src_o="http://payload.cargocollective.com/1/0/728/5133/conf_3_1_o.png" data-mid="17887" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5133/conf_4_2.png" width="538" height="458" width_o="538" height_o="458" src_o="http://payload.cargocollective.com/1/0/728/5133/conf_4_2_o.png" data-mid="17893" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5133/conf_5.png" width="538" height="458" width_o="538" height_o="458" src_o="http://payload.cargocollective.com/1/0/728/5133/conf_5_o.png" data-mid="17881" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5133/conf_6.png" width="538" height="458" width_o="538" height_o="458" src_o="http://payload.cargocollective.com/1/0/728/5133/conf_6_o.png" data-mid="17882" border="0" align="left"/>Hillsong London host conferences in the city each year. Visitors come from all over the world to be a part of these conferences. With this in mind, a site was delivered that would assist visitors in finding out more about the conference, booking tickets, as well as, get a taster of the conference experience via video clips. To enhance the anticipation toward the conference, a nifty conference countdown timer was designed and added to the homepage. Hillsong London host conferences in the city each year. Visitors come from all over the world to be a part of these conferences. With this in mind, a site was... http://cargocollective.com/ryanshelton/Doris http://cargocollective.com/ryanshelton/following/ryanshelton/Doris Tue, 17 Feb 2009 11:15:08 +0000 Ryan Shelton, Portfolio of Work 5129 <img src="http://payload.cargocollective.com/1/0/728/5129/doris_1_2.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5129/doris_1_2_o.png" data-mid="47766" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5129/doris_2_2.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5129/doris_2_2_o.png" data-mid="47767" border="0" align="left"/><img src="http://payload.cargocollective.com/1/0/728/5129/doris_3.png" width="670" height="372" width_o="670" height_o="372" src_o="http://payload.cargocollective.com/1/0/728/5129/doris_3_o.png" data-mid="47768" border="0" align="left"/>Doris is a free productivity tool that helps you get things done. Having previously worked with Demian Turner, from Doris on another project, I was excited about the opportunity to furnish Doris with a little graphical user interface loving. We set out to design an interface that provided a clear information hierarchy. Made intelligent distinctions between grouped to-dos and the ability to add new items. Have the ability to easily view completed tasks and shuffle items around. All the while, keeping clutter to an absolute minimum. Why not give it a whirl and sort your life out with Doris? Doris is a free productivity tool that helps you get things done. Having previously worked with Demian Turner, from Doris on another project, I was excited about...