1999




                       2000




                       2001




                       2002




Online + interact...
1999




                                                                                                                 ...
1999




                                                                                                                 ...
1999




                                                                                                                S...
1999




                                                                                                Six Degrees of Se...
1999




                                                                                                                 ...
1999




                                                                                                 Six Degrees of S...
1999




                                                                                                                 ...
1999




                                                                                                   Six Degrees of...
1999




                                                                                                         Six Degr...
1999




                                                                                                   Six Degrees of...
1999




                                                                                                  Six Degrees of ...
1999




                                                                                               Six Degrees of Sep...
1999




                                                                                                 Six Degrees of S...
1999




                                                                                                  Six Degrees of ...
1999




                                                                                                   Six Degrees of...
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Chronologicalonline
Upcoming SlideShare
Loading in...5
×

Chronologicalonline

497

Published on

A brief history of some of the online projects I have worked on since 1999. A cathartic experience to review this.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
497
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Chronologicalonline

  1. 1. 1999 2000 2001 2002 Online + interactive 2003 2004 2005 2006 2007 2008 2009
  2. 2. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales Chronologidigital 2003 hmf LD v1 Outrage The process of preparing this application has been namely taking something out, plugging it in and Orange: HardNosedBusinessman very cathartic. I have spent time re-reading my MA clicking it. 2004 PS2 Ghosthunter dissertation (and finding lots I now disagree, and I digress, more of this can be found in my Isokon Plus still agree with). I’ve looked over old work and re- short paper about Interactive Design (StevePrice_ considered what it meant then and now. I have also shortpaper.pdf). taken the time to think about where I stand with I decided to show a selection of my (interactive/ Laurence King Publishing 2005 regards my own viewpoint on interactive design online) work spanning the last ten years. I have Evian and what I have contributed to this field. accompanied this within a chronological timeline, Sigrid Szetu Sunday Times Online. Digital. Interactive, call it what you will, which also serves as a device to see how I have The Streets 2006 has arguably gone through roughly three major adapted and changed according to the various phases in the last ten years. Phase one was really phases that online/ RedDot Cointreau the boom/bust years where it was about technology and software; I call it the Skip Intro era. RedDot HSBC 2007 Phase two has been about people and Whatif LD v2 connections; social networking and empowerment. salt Phase three, which feels like it is here, or almost LD here, will most likely be about connecting ‘stuff’* to jobsgopublic Poker trillion 2008 the network to the people. Look at how technologies My Breast Friends like iPhone (Apps) and syncing is connecting salt people to stuff much more easily. Nike+ is an early example, but still requires manual operations; ArisingArtist Democrazy 2009 Nyksund Bluebird
  3. 3. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales MA project 2003 hmf LD v1 Outrage Whilst applying for my MA I was working with Project: Six degrees of separation Orange: HardNosedBusinessman Design+Art direction: Steve Price the (then) three-man team of State. Consisting of Backend Development: n/a 2004 PS2 Ghosthunter Philip O’Dwyer, Mark Breslin and Mark Hough. Platform: HTML/Flash Isokon Plus Whilst there I worked on projects for Playstation, Dreamcast and onedotzero. However, my MA at Central Saint Martins was Laurence King Publishing 2005 amongst other things a great way for me to start Evian really challenging myself and my abilities. So I set Sigrid Szetu Sunday Times about working in Flash. The Streets 2006 The brief was simply to create a response to the theory of the Six Degrees of Separation, so I chose RedDot Cointreau to animate mine, however badly it looks now, it was the beginning of my interest in interactive design. RedDot HSBC 2007 Whatif LD v2 salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt www.plan-bstudio.com/KHiB/MA/sixdegrees/sixdegreesofseparation.swf ArisingArtist Democrazy 2009 Nyksund Bluebird
  4. 4. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales MA projects 2003 hmf LD v1 Outrage We were required to present the governing Project: MA Timeline Orange: HardNosedBusinessman Design+Art direction: Steve Price body with our research for our individual MA Backend Development: n/a 2004 PS2 Ghosthunter dissertation and practical project. We were asked Platform: HTML/Flash Isokon Plus to present our findings to the MA course and our tutors in any way we felt suitable. I opted for an online version of a timeline documenting my work Laurence King Publishing 2005 over the months. Evian The result was something that feels altogether Sigrid Szetu Sunday Times vacant and difficult to read. But it was the first The Streets 2006 time I started inter grating flash in to HTML and framesets, and from that standpoint I am still proud RedDot Cointreau that I got it to work. I was also the only one on my course to send a link to my entire class so that they RedDot HSBC 2007 could all review it. I also, at the time created my Whatif LD v2 own blog and used that to document my work. salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt www.plan-bstudio.com/KHiB/MA/timeline/index.html ArisingArtist Democrazy 2009 Nyksund Bluebird
  5. 5. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 2002 Wild Bunch salt Critical Sales 2003 hmf LD v1 Outrage Egg: the internet bank Client: Spring / Egg Orange: HardNosedBusinessman Project: DM CDROM Having just graduated from the Masters at Central Design+Art direction: Steve Price 2004 PS2 Ghosthunter Saint Martins I worked on a project to produce a Backend Development: Spring Platform: Flash/Director Isokon Plus CDROM for the (then) internet bank Egg. The project was typical of the era. The client wanted a CDROM to go out as part of a promotional Laurence King Publishing 2005 Direct Marketing tool. They wanted a big intro- Evian animation, lots of information, and text and sounds Sigrid Szetu Sunday Times and rollovers and as much animation as you could The Streets 2006 possibly think of. Presenting and selling this project to the board RedDot Cointreau of the Prudential Bank was an enormous challenge, as was the build; there was one developer whose RedDot HSBC 2007 Director skills were, even by those days standards, Whatif LD v2 quite sketchy. salt The result was a CDROM that was a bit jerky in LD parts (depending on your processor speed), but it jobsgopublic Poker trillion 2008 worked and worked well for the client. My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  6. 6. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales Experiments 2003 hmf LD v1 Outrage Having been introduced to Flash coding by Project: Flash experiments Orange: HardNosedBusinessman Design+Art direction: Steve Price pier Mark Hough I tried my best to understand Backend Development: Mark Hough 2004 PS2 Ghosthunter dynamics, and maths and script and... well, I Isokon Plus decided at the end that it would be best to leave it to the professionals; i.e always employ someone else to do coding/programming. Laurence King Publishing 2005 Evian Sigrid Szetu Sunday Times The Streets 2006 RedDot Cointreau RedDot HSBC 2007 Whatif LD v2 www.plan-bstudio.com/KHiB/MA/flashy/dna.swf salt www.plan-bstudio.com/KHiB/MA/flashy/variant.swf LD www.plan-bstudio.com/KHiB/MA/flashy/elastics.swf jobsgopublic www.plan-bstudio.com/KHiB/MA/flashy/lines+equations.swf Poker trillion 2008 My Breast Friends www.plan-bstudio.com/KHiB/MA/flashy/snake flash.swf www.plan-bstudio.com/KHiB/MA/flashy/sine.swf salt www.plan-bstudio.com/KHiB/MA/flashy/mouse.swf www.plan-bstudio.com/KHiB/MA/flashy/random.swf ArisingArtist Democrazy 2009 Nyksund Bluebird
  7. 7. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales Plan-B Studio 1.0 2003 hmf LD v1 Outrage Having dabbled with flash coding and thinking I Project: Web site Orange: HardNosedBusinessman Design+Art direction: Steve Price was something new to the world of “target string Backend Development: Steve Price 2004 PS2 Ghosthunter variables” I set about creating a web presence for Platform: HTML/Flash Isokon Plus Plan-B Studio. I launched a holding page with had a looping, military style feel to it for reasons that escape me now. Laurence King Publishing 2005 However this then lead on to a more considered Evian approach, albeit it rather web 1.0 looking. Sigrid Szetu Sunday Times The Streets 2006 RedDot Cointreau RedDot HSBC 2007 Whatif LD v2 salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  8. 8. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales 2003 hmf LD v1 Outrage Salt specialise in designing and producing “We are constantly complemented Client: Salt Project: web site design Orange: HardNosedBusinessman individual textile patterns and blinds. I was 2004 on our marketing material Design+Art direction: Steve Price Backend Development: Steve Price PS2 Ghosthunter approached by them in 2002 to design a website for them, along with a range of printed, promotional and I truly believe, the website Platform: HTML Isokon Plus literature. The website simply showcased each particularly, has increased our project both private and commercial. national and international profile. Laurence King Publishing 2005 Since all of their work is about space, light The longevity of our relationship Evian and layers of textures; the web site followed the means that he truly understands Sigrid Szetu Sunday Times same colour palette as the rest of the re-branded stationary and promotional literature. our needs and budgets and acts The Streets 2006 Produced in 2001 this site reflects the extent accordingly with ease and humour.” RedDot Cointreau of the budget; next to nothing. The whole site was June Swindell, built by me using HTML, and was a little clumsy Founder of salt. RedDot HSBC 2007 and impractical - but we live and learn. Whatif LD v2 salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  9. 9. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales 2003 hmf LD v1 Outrage Wild-Bunch was an independent film production Client: Spring/Wild Bunch Orange: HardNosedBusinessman Project: web site design and distribution company. They wanted a new site Design+Art direction: Steve Price 2004 PS2 Ghosthunter and they wanted it content-managed. CMS was then Backend Development: Spring Platform: HTML/Flash/ColdFusion Isokon Plus [2003] relatively expensive, but software programs such as ColdFusion made it possible to offer this as a product. Laurence King Publishing 2005 The result was, well, a site that was controlled Evian by a ColdFusion built CMS. Anyone who knows Sigrid Szetu Sunday Times that ColdFusion 1.0 was like knows that the site The Streets 2006 probably would be (if it were still live) a haggard old horse, but in 2002 it was the most affordable option RedDot Cointreau for clients who couldn’t afford Mediasurface. RedDot HSBC 2007 Whatif LD v2 salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  10. 10. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales 2003 hmf LD v1 Outrage Critical Sales dealt with the business sector. Its core Client: Critical Sales Orange: HardNosedBusinessman Project: logo/branding web site design/ business was to help train and redevelop internal build 2004 PS2 Ghosthunter business strategies in order to increase the profit Design+Art direction: Steve Price Backend Development: Steve Price Isokon Plus margins of companies such as PwC, KPMG and Platform: HTML/Flash many more. The identity needed to emphasise the idea of Laurence King Publishing 2005 growth, network and above all Critical Sales on top. Evian The web site was developed to try and challenge Sigrid Szetu Sunday Times the norm. The layout was different - the navigation The Streets 2006 was on the right of the page. The content centred, and all the information was fed from the hexagonal RedDot Cointreau stack. The use of flash integrated with HTML framesets was (for me back then) really exciting, RedDot HSBC 2007 but primitive in todays expectations. Whatif LD v2 The actual site never saw the light of day because salt the client couldn’t find the budget. LD jobsgopublic Poker trillion 2008 My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  11. 11. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales 2003 hmf LD v1 Outrage This was a web site for a friend with no budget. A Client: HMF Orange: HardNosedBusinessman Project: logo/web site design/build photographer whose only brief was that she wanted Design+Art direction: Steve Price 2004 PS2 Ghosthunter all her work to be on one page. So I created a strict Backend Development: Steve Price Platform: HTML/Flash Isokon Plus grid in Flash and set to work. Once you click on a section, such as Reportage, you saw which images related to that section by the others being covered Laurence King Publishing 2005 with blue. Click on one of those left and you could Evian see it bigger. Simple. Sigrid Szetu Sunday Times Although an example of an early flash web site The Streets 2006 that although it had an exact loader, was clumsy and restrictive for updating. RedDot Cointreau RedDot HSBC 2007 Whatif LD v2 salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  12. 12. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales 2003 hmf LD v1 Outrage A flash built site designed and programmed Client: LD Orange: HardNosedBusinessman Project: logo/web site design/build by me to serve as the (then) new site for LD Design+Art direction: Steve Price 2004 PS2 Ghosthunter Communications. Again, budget restrictions meant Backend Development: Steve Price Platform: Flash Actionscript Isokon Plus that the client couldn’t manage their content themselves, but I tried to build this in mind that a monthly update would be commissioned. Laurence King Publishing 2005 Evian Sigrid Szetu Sunday Times The Streets 2006 RedDot Cointreau RedDot HSBC 2007 Whatif LD v2 salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  13. 13. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales 2003 hmf LD v1 Outrage There was very little call for anything too Client: Spring/Outrage Orange: HardNosedBusinessman Project: web site design/build complicated with the build of this site. The nature Design+Art direction: Steve Price 2004 PS2 Ghosthunter of the site merely represented the clothing labels Backend Development: Steve Price Platform: Flash Isokon Plus new range, and showcased this throughout the site. 2005 Laurence King Publishing Evian Sigrid Szetu Sunday Times The Streets 2006 RedDot Cointreau RedDot HSBC 2007 Whatif LD v2 salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  14. 14. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales 2003 hmf LD v1 Outrage Hard-nosed businessman (HNB) was a campaign Client: Poke/Orange Orange: HardNosedBusinessman Project: web site design created by Mother for Orange, The TV campaign Design+Art direction: Steve Price 2004 PS2 Ghosthunter (prior to launch) was represented online. Poke Backend Development: Poke Isokon Plus employed me to design the site with their team in- house. The concept was to create a site that looked like Laurence King Publishing 2005 an actual desktop that belonged to the HNB with Evian quirky happenings, as well as relevant information Sigrid Szetu Sunday Times to the campaign and product offerings. The Streets 2006 RedDot Cointreau RedDot HSBC 2007 Whatif LD v2 salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  15. 15. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales 2003 hmf LD v1 Outrage One word: ‘Experiential’ was key throughout this Client:unit9/SCEE/Playstation Orange: HardNosedBusinessman Project: web site design project, and indeed was the first time I heard it. Design+Art direction: Steve Price 2004 PS2 Ghosthunter They wanted the essence of that game to be present Backend Development: unit9 Isokon Plus so we decided to build a whole map taking it’s origins from the beginning of the game itself which was based around a school that becomes haunted; Laurence King Publishing 2005 original(!). Evian The whole site was supposed to be a walk- Sigrid Szetu Sunday Times through with ghosts snapping and appearing The Streets 2006 everywhere. The sound design was pivotal; but was lost on people in offices who have the sound turned RedDot Cointreau off because of such sites! This was a great example of a project that the RedDot HSBC 2007 client kept calling a ‘micro-site’ when in fact it was Whatif LD v2 much, much, much bigger than that. The amount salt of interstitial animation between (tween) scenes LD was enough work to keep two animators busy for a jobsgopublic Poker trillion 2008 month. We lived, and we learnt! My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  16. 16. 1999 Six Degrees of Separation 2000 MA Timeline Egg 2001 Experiments Plan-B Studio v1 salt 2002 Wild Bunch Critical Sales 2003 hmf LD v1 Outrage This site started a new visual style for Isokon, whilst Client: Isokon Plus Orange: HardNosedBusinessman Project: web site design/Build taking into consideration their history born from Design+Art direction: Steve Price 2004 PS2 Ghosthunter the Bauhaus era. Using the subtly of gradients to Backend Development: Steve Price Platform: Flash Actionscript Isokon Plus create tonal changes, and spatial drawings that create a protraction of depth, space and pattern. My main concern was to make sure that the Laurence King Publishing 2005 development of the Isokon site was consistent Evian within the existing brand identity whilst enhancing Sigrid Szetu Sunday Times its visual communication. Ultimately making The Streets 2006 the process of actually viewing the furniture and content an easier and more stimulating experience. RedDot Cointreau RedDot HSBC 2007 Whatif LD v2 salt LD jobsgopublic Poker trillion 2008 My Breast Friends salt ArisingArtist Democrazy 2009 Nyksund Bluebird
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×