Työskentely yrityksen kanssa yhtä suuri kuin Virgin Atlantic oli jotain unelmasta totta minulle. Se on jotain, jota monet web-suunnittelijat pyrkivät.

Viime kuukausina minulla oli onni saada tilaisuus täyttää tämä unelma.

Olin kirjoittamassa tätä viestiä blogissani, mutta Walter ystävällisesti kehotti minua jakamaan tämän tapaustutkimuksen paljon suuremmalla yleisöllä täällä Webdesigner Depotilla ja Smashing Networkin kautta.

En ole Elliot Jay Stocks ja en todellakaan väitä olevansa, joten kun Virgin Atlantic otti yhteyttä minuun marraskuussa, olin yllättynyt, nöyryytetty ja erittäin innostunut siitä, että voin työskennellä yrityksen kanssa uudella blogilla "vtravelled" -sivustolla.

Monet ihmiset ovat sittemmin kysyneet minulle, miksi Virgin päätti työskennellä kanssani erityisesti. Vastaus on, että he löysivät minulle Twitterissä , nauttinut blogiviestistä ja, mikä tärkeintä, piti työstäni. Tämä ei lopeta keskustelua "Twitterin arvosta" joillekin ihmisille, mutta minulla on epäilemättä epävarmuus.

Alku

Marraskuussa 2009 vtravelledin toimittaja Maxine Sheppard otti yhteyttä ja kysyi, olisinko valmis suunnittelemaan ja kehittämään täydellinen blogi vtravelled verkkosivuilla (Virginin uusi online-matkayhteisö ja web-sovellus). Kokouksia järjestettiin ja viikon kuluttua sai vihreän valon projektille.

Olen tehnyt työtä suuryrityksille ennen, kuten Ubisoftia, mutta tämä oli oikeastaan ​​ensimmäinen kerta, kun pääsin alan yrityskulttuuriin. Jotta olisin täysin rehellinen, se ei todellakaan ole yhtä pelottavaa kuin ihmiset tekevät siitä, vaikka voin kuvitella, että ihmisten kokemuksissa on jonkin verran vaihtelua.

Virgin Atlantic on onnistunut luomaan todella hienon ryhmän vtravelled; Tämän seurauksena yhtiö ei ollut vain erittäin helppo työskennellä, mutta se oli myös hauskaa.

Virgin Atlantic HQ

Rakennus on niin leveä kuin pitkä, sillä on jopa omat liikennevalot.

Uskon, että mielestäni kaikkein pelottava (kenties mahtavaa) osa koko prosessista kulki Virgin Atlanticin päämajaan kokouksiin.

Jotain ajaessa rakennukseen, joka voi (ja ei) fyysisesti sisältää sekä toimistoja että todellisia lentokoneita, on aika erityinen. Sisäänkäynti rakennukseen sisältää yrityksen omat lahjatavarat. Pitkän kävelyn jälkeen pääset pitämään atriumia, joka on suoraan lähellä Boeing-koneiden suuria osia, joita käytetään matkustamomiehistön kouluttajana.

Ensimmäisessä kokouksessa pyysin vetoamaan, Lysette Gaunan päätä (vitsiin), jos kaikki suunnittelupalkinnot, jotka vuoraavat vtravelled toimistoa, olivat hänen. Vastaus oli: "Kyllä, mutta pidät useimmat heistä kotona." D'oh! Aika olla todella peloissaan.

Lyhyt

VTravelled Offices

Vtravelled toimistot ovat valoisia ja luovia ja koko takaseinämä on liitutaulu!

Lyhyesti oli melko yksinkertainen: vtravelled on suuri web-sovellus ja yhteisö matkailijoille, mutta sitä kehitetään edelleen aktiivisesti. Tiimi tarvitsi tapaa lähettää toimituksellista sisältöä ja osallistua käyttäjien kanssa sosiaalisiin verkostoihin. Blogi oli ilmeinen vastaus.

Halusin varmistaa, että olen todella naulitsin suunnan, jonka se oli etsimässä suunnittelupuolelle, joten keksin hieman erilaisen toteutuksen käyttämällä mielialalevyjä; Soitin heille Moo'd-kortteja . Ajatus oli yksinkertainen, mutta tehokas: Otin 100 näytettä suuresta suunnittelutyöstä, jonka keräsin ja tulin painatukseksi 100 MiniCardista Moo.comista.

Mood Cards

Osa Moo'd-kortista, joita käytettiin.

Tarkastelimme kaikkia niitä kick-off kokouksen aikana ja kahdeksan korttia valittiin edustamaan sellaista tyyliä, jonka joukkue halusi vetää vtravelledin käyttäjäpohjaa.

Jos et ole kokeillut tätä tekniikkaa, suosittelen sitä. Se on erinomainen tapa löytää asiakkaan odotukset suunnittelusta. Olen siitä lähtien julkaisi kaikki Moo'd-korttien lähdetiedostot kuten OpenSource-projekti, mukaan lukien web- ja iPhone-versiot.

Kun olemme luoneet yleisen tyylin (minimalistinen, joka vastaa vtravelled tuotemerkkiä, mutta luova ja erilainen kuin pää verkkosivuilla) ja yleinen suunta (lehti-tyylinen blogi, jossa on paljon mahdollisuuksia käyttäjien vuorovaikutus), oli minun saada alkoi.

Suunnitteluprosessi

Suunnitteluprosessi, kun työskentelee suuryrityksen kanssa, on melko samanlainen kuin mikä tahansa muu: aloittamalla langankorkeilla ja kehittämällä mokkia.

Tärkein ero tulee palauteasteeseen: kaksi tai kolme henkilöä joutui tarkastelemaan ja allekirjoittamaan kussakin vaiheessa, jolloin he ottivat huomioon paljon suurempia kysymyksiä. Esimerkiksi Virgin on erityisen herkkä sen tuotemerkin kuvaamiseksi. Kaikkien yritysten on noudatettava sen moraalia, standardeja ja ominaisuuksia.

Verkkosivuston rakenteen perustamisen jälkeen oli aika siirtyä tosiasiallisesti muotoiluun.

Tämä oli noin 30 tunnin prosessia (kotisivulle), joka siirtyi läpi useita mielenkiintoisia vaiheita, jotka johtivat lopputulokseen. Onneksi, ennen tämän viestin kirjoittamista tallensin lähes jokaisen minuutin suunnittelun ajan näytöllä ja pakattiin sen kolmen minuutin videoksi.

Kaiken kaikkiaan suunnitteluprosessi tapahtui noin kuuden viikon ajan.

Tämä video luotiin ScreenFlick (25 dollaria) Mac OS X: lle, tallennettu 1 kuvaa sekunnissa ja muokattu iMovie-ohjelmassa.

Kehitysprosessi

Kun lopullinen merkintä suunnittelulle oli saavutettu, kehitysprosessi alkoi ja kesti noin kuusi viikkoa.

Virgin Atlantic käyttää IE6: tä sen toimipisteissä, joten tämä oli suuri etu etupään kehittämisessä. Verkkosivusto joutui hajottamaan riittävän graafisesti selaimen sopeuttamiseksi, jotta se olisi ainakin toimiva. Jälleen kerran, koska suuri joukko vtravelled, minulla oli myös sallittua käyttää progressiivisia parannuksia CSS3 uudempia selaimia.

Edustavan koodin kääntäminen mukautettuun WordPress-teemaan oli seuraava vaihe. Tässä oli muutamia erityisiä huomioita, jotta verkkosivusto olisi mahdollisimman tehokas.

Aloitin WooThemes "WooFramework" -toiminnon avulla, jotta voimme taata korkean tason räätälöinnin, mutta loppujen lopuksi sitä muokattiin ja räätälöitiin niin paljon, että vtravelled-blogi sijoittui melko paljon omalla mukautetulla järjestelmällä. Oli tärkeää ottaa huomioon, että monet ihmiset hallitsisivat blogia, joten sen on oltava mahdollisimman joustava kaikilla aloilla.

Lopuksi teema tarvitsi voimakasta sivutusta ja kevyesti virheviestejä 404 ja Hae sivuja, jotka heijastaisivat brändin ystävällisyyttä.

Little Trickle Tweet

TrickleTweet Sketch

Trickle Tweet -laajennuksen ensimmäinen luonnos.

Olen melko kätevä, kun se tulee kirjoittaa PHP WordPress, mutta kun tarvitsen jotain täysin custom rakennettu, siellä on vain yksi kaveri kääntyä: kumppani rikollisuuteen, Japh Thomson .

Suunnitteluprosessin aikana olin hahmotellut ajatuksen kokouksessa, joka meni todella hyvin vtravelled tiimin kanssa. Ajatuksena oli käyttää Helvetica-Man-brändiä, joka oli olemassa koko vtravelled verkkosivustossa ja sosiaalisen median profiileissa elävää keskustelua varten.

TrickleTweet Final

TrickleTweet-laajennuksen lopullinen versio.

Japh oli kehittänyt koodinpätkän Twitter-API: n kanssa Trickle Tweet jonka avulla voit etsiä mitä tahansa termiä Twitterissä ja tarkastella sen viimeisimpien mainintojen live (up-to-the-second) virtaa.

Minulla oli sallittua alihankkija Japhille ja hänet tilattiin muokkaamaan käsikirjoitusta tullakseen täysin mukautetuksi WordPress-laajennukseksi vtravelled. Tämä on osoittautunut todellakin sivuston palasetesta.

Käynnistys ja päätelmät

Suurten yritysten verkkosivuston käynnistäminen on hieman erilainen kuin tavallinen lanseeraus. Minun oli lietettävä vtravelledin kehitystyön yritykseen asianmukaisia ​​palvelinasetuksia ja poistettava salasanasuojaus ala-verkkotunnukselle oikeaan aikaan.

Minun täytyi liittyä mainostoimistoon varmistaakseni, että oikeat mainoskoodit on asennettu, ja minun täytyi käydä läpi hullu 24 tunnin beta-testaus, virheiden korjaus ja suorituskyvyn tarkastelu.

Loppujen lopuksi pehmeästi käynnistimme blogin tiistaina noin puoliväliin ja aloitimme ilmoitukset ja lehdistötiedotteet muutaman tunnin kuluttua. Fingers ristissä, mikään ei ole mennyt vikaa toistaiseksi ja verkkosivusto on saanut erittäin myönteisen vastauksen Twitterissä, mikä näkyy blogin päivittäisessä liikennetasossa ja eräissä muissa ominaisuuksissa verkossa.

Kuten minkä tahansa verkkosivuston kohdalla, voidaan tehdä parannuksia ja ominaisuuksia kehittyy ajan myötä, mutta olen melko tyytyväinen siihen, miten v1.0 vtravelled blogi on osoittautunut.

Työskentely Virgin Atlanticilla on ollut yksi uran ehdottomista kohokohdista tähän mennessä, ja olen erittäin iloinen voidessani työskennellä yrityksen kanssa tällä hetkellä muutamassa muussa suunnittelutyössä.

Silti imee arvioidessaan aikaa; alun perin ajateltiin, että koko blogin suunnittelu ja rakentaminen kestää neljä viikkoa!

Laajuus

Jaa kommentit suunnittelusta ja prosessista alla ...