Arbejder med et firma så stort som Virgin Atlantic var noget af en drøm, der var sandt for mig. Jeg er noget, som mange webdesignere stræber efter.

I løbet af de sidste par måneder var jeg heldig nok til at få mulighed for at opfylde denne drøm.

Jeg skulle skrive denne post på min blog, men Walter inviterede mig meget gerne til at dele denne casestudie med det meget større publikum her på Webdesigner Depot og på tværs af Smashing Network.

Jeg er ingen Elliot Jay Stocks, og jeg hævder bestemt ikke at være, så da Virgin Atlantic kom i kontakt med mig tilbage i november, blev jeg overrasket, ydmyget og yderst begejstret for udsigten til at arbejde med virksomheden på en ny blog for den "vtravelled" hjemmeside.

Mange har siden spurgt mig, hvorfor Virgin valgte at arbejde med mig i særdeleshed. Svaret er, at de fandt mig på kvidre , nød mit blogindlæg og, vigtigst af alt, kunne lide mit arbejde. Dette vil ikke afslutte debatten om "værdien af ​​Twitter" for nogle mennesker, men det har bestemt ingen tvivl om mig.

Begyndelsen

I november 2009 kom vtravelleds redaktør, Maxine Sheppard, til at spørge om jeg ville være tilgængelig til at designe og udvikle en komplet blog til den vtravelled hjemmeside (Virgin's nye online rejse samfund og web app). Møder blev arrangeret, og efter en uge fik jeg det grønne lys til projektet.

Jeg har gjort noget arbejde for store virksomheder før, herunder Ubisoft, men det var virkelig min første gang at komme ind i virksomhedskulturen. For at være helt ærlig er det virkelig ikke så skræmmende som folk gør det til at være, selv om jeg kan forestille mig, at der er en vis variation i folks oplevelser.

Virgin Atlantic har formået at sammensætte et rigtig godt hold på vtravelled; Som følge heraf var ikke kun virksomheden meget nem at arbejde med, men det var også sjovt.

Virgin Atlantic HQ

Bygningen er så bred som den er lang, den har endda sit eget sæt trafiklys.

Bizarre tror jeg, at den mest skræmmende (måske ærefrygt inspirerende) del af hele processen gik til Virgin Atlantic's hovedkvarter til møder.

Noget med at køre op til en bygning, der kan (og gør) fysisk indeholder både kontorer og faktiske fly er ret speciel. Indgangen til bygningen indeholder firmaets egen gavebutik, og efter en lang gåtur slutter du i atriumet, som ligger direkte i nærheden af ​​store dele af Boeing-fly, der bruges til at uddanne kabinepersonalet.

På det første møde spurgte jeg lederen af ​​vtravelled, Lysette Gauna, (som en vittighed), hvis alle designpræmierne på den vtravelled office var hendes. Svaret var "Ja, men jeg holder de fleste af dem hjemme." D'oh! Tid til at være rigtig bange.

The Brief

VTravelled Offices

De vtravelled kontorer er lyse og kreative, og hele bagvæggen er et kridtbræt!

Kortet var ret ligetil: vtravelled er en stor webapplikation og et fællesskab for rejseelskere, men det er stadig aktivt udviklet. Holdet havde brug for en måde at sætte redaktionelt indhold på og engagere sig med brugere på sociale netværk. En blog var det indlysende svar.

Jeg ønskede at sørge for, at jeg virkelig spikede den retning, det var at gå ind på designsiden, så jeg kom op med en lidt anden implementering af brug af stemmeborde; Jeg ringede til dem Mo''d kort . Ideen var enkel, men effektiv: Jeg tog 100 prøver af stort designarbejde, som jeg havde samlet og trykt på 100 MiniCards fra Moo.com.

Mood Cards

Nogle af de Moo'd-kort, der blev brugt.

Vi kigget igennem dem alle under kick-off-mødet og otte kort blev valgt til at repræsentere den slags stil, som holdet søgte at appellere til vtravelled's brugerbase.

Hvis du ikke har prøvet denne teknik, anbefaler jeg det stærkt; Det er en fantastisk måde at opdage kundens forventninger til design. Jeg har siden udgivet alle kildefiler til Moo'd-kortene som et OpenSource-projekt, herunder web- og iPhone-versioner.

Når vi etablerede en overordnet stil (minimalistisk, i tråd med vtravelled branding men kreativ og forskellig fra hovedwebstedet) og en overordnet retning (en magasinblogg med mange muligheder for brugerinteraktion), var det op til mig at få startede.

Designprocessen

Designprocessen, når man arbejder med et stort firma, svarer stort set til enhver anden: starter med wireframes og derefter udvikler mockups.

Den væsentligste forskel kommer på tilbagemeldingsstadiet: to eller tre personer måtte gennemgå og underskrive på hvert trin, hvorefter de tog meget større spørgsmål i betragtning. For eksempel er Virgin særligt følsom over for, hvordan dets brand er portrætteret. Alt hvad virksomheden gør, skal passe ind i sin moral, standarder og kvaliteter.

Efter at have etableret strukturen på hjemmesiden var det tid til at gå videre til faktisk at skabe designet.

Det drejede sig om en 30-timers proces (for hjemmesiden), der flyttede gennem flere interessante faser, der førte til slutresultatet. Heldigvis optog jeg i forvejen at skrive dette indlæg en screencast på næsten hvert minut af designtid og komprimerede det til en tre minutters video.

Alt i alt fandt designprocessen sted omkring seks uger.

Denne video blev oprettet med ScreenFlick ($ 25) til Mac OS X, optaget til 1 billede pr. Sekund og redigeret i iMovie.

Udviklingsprocessen

Når først afslutningen af ​​designet var opnået, begyndte udviklingsprocessen og varede cirka seks uger.

Virgin Atlantic bruger IE6 i sine firmaer, så det var en stor overvejelse at udvikle frontenden. Webstedet måtte nedbrydes graciøst nok til at rumme denne browser, så det var i det mindste funktionelt. Endnu engang fik jeg på grund af det store team ved vtravelled også mulighed for at bruge progressive forbedringer med CSS3 til nyere browsere.

At slå front-end-koden til et brugerdefineret WordPress-tema var det næste trin. Der var et par specielle overvejelser her for at gøre hjemmesiden så kraftig som muligt.

Jeg startede med WooThemes "WooFramework" for at tillade en høj grad af back-end-tilpasning, men til sidst blev den ændret og tilpasset så meget, at den vtravelled blog stort set endte med sit eget brugerdefinerede system. Det var vigtigt at tage højde for, at mange mennesker ville administrere bloggen, så det skulle være så fleksibelt som muligt på alle områder.

Endelig havde temaet brug for stærk pagination og lettehjælpede fejlmeddelelser på 404 og Søg sider, der afspejler den venlige karakter af mærket.

En lille trickle Tweet

TrickleTweet Sketch

Den første skitse af Trickle Tweet plugin.

Jeg er ret praktisk, når det kommer til at skrive PHP til WordPress, men når jeg har brug for noget helt specialbygget, er der kun en fyr, jeg vender mig til: min partner i kriminalitet, Japh Thomson .

I designfasen havde jeg skitseret en ide under et møde, der gik rigtig godt sammen med det vtravelledteam. Tanken var at bruge brandmærket Helvetica-Man, der eksisterede i hele vtravelled hjemmeside og sociale medier profiler til en strøm af levende samtale om rejser.

TrickleTweet Final

Den endelige version af TrickleTweet-plugin.

Japh havde allerede udviklet et stykke kode med Twitter API, kaldet Trickle Tweet som giver dig mulighed for at søge efter et vilkårligt udtryk på Twitter og se en live (up-to-the-second) strøm af de seneste navne.

Jeg fik lov til at subcontract Japh, og han blev beordret til at ændre sit script for at blive en helt tilpasset WordPress-plugin til vtravelled. Dette har vist sig at være selve web-stedet.

Lancering og konklusion

Lancering af et websted til et stort firma er lidt anderledes end en normal lancering. Jeg var nødt til at lette med vtravelled's udviklingsfirma for korrekte serverindstillinger og fjerne passwordbeskyttelse til underdomænet på det rigtige tidspunkt.

Jeg var nødt til at lytte til reklamebureauet for at sikre, at de rigtige annoncekoder blev installeret, og jeg var nødt til at gå igennem en sur 24-timers periode med beta-testning, fejlfinding og gennemgang af ydeevne.

I sidste ende lancerede vi bloggen på om midt på dagen tirsdag og startede annoncer og pressemeddelelser et par timer senere. Fingre krydsede, intet har gået galt hidtil, og hjemmesiden har fået et meget positivt svar på kvidre, hvilket afspejles i bloggens daglige trafikniveauer og nogle andre funktioner på internettet.

Som med enhver hjemmeside er der forbedringer, der kan laves, og funktionerne udvikler sig over tid, men jeg er ret tilfreds med, hvordan v1.0 af vtravelled blog har vist sig.

At arbejde med Virgin Atlantic har været en af ​​de absolutte højdepunkter i min karriere hidtil, og jeg er meget glad for at arbejde sammen med virksomheden igen i øjeblikket på et par andre stykker designarbejde.

Jeg suger stadig på at estimere tid selv; vi troede først hele blogdesignet og bygningen ville tage fire uger!

credits

Del venligst dine kommentarer om designet og processen nedenfor ...