6.6.2013

Christer Lybeck // Senior Project Manager

Case Presentation

ArlaIngman.fi

Sisältö

Alustus

Tausta ja tavoitteet

Ratkaisun kuvaus

Tulokset

TAUSTA JA TAVOITTEET

Alustus Arla Ingman on osa pohjoismaista Arlaa, joka on pohjoismaiden johtava meijerikonserni. •  Creuna on pitkään toiminut Arlan pohjoismaisena

kumppanina.  •  ArlaIngman.fi uudistukseen lähdettiin samanaikaisesti

Arla.se:n kanssa. •  Creuna oli uudistuksessa Arlalle luonteva kumppani, koska

tarvittava osaaminen ja tuki uudistukselle löytyi molemmista maista.

Tausta Kilpailu päivittäistavarakaupan maitohyllyssä on kovaa ja siksi on välttämätöntä kehittää ja luoda ratkaisuja, joilla kiinnitetään kuluttajan huomio ja ylläpidetään mielenkiintoa Arlan tuotteita kohtaan. •  Uudistuksen päämotivaattorina oli luoda ArlaIngman.fi

palvelusta entistä sisältölähtöisempi. •  Käyttäjän tulisi saada itselleen tarpeellista tietoa ja palvelua

helposti, ajankohdasta, paikasta ja käyttötavasta riippumatta.

Uudistuksen tavoitteet •  Reseptiikan uudistaminen entistä käyttäjäystävällisemmäksi ja

sen roolin korostamista palvelussa •  Tuotetietojen esittäminen palvelussa niin että niihin on helppo

löytää suoraviivaisesti ja helppolukuisesti •  Mobiilikäyttäjien huomioiminen uudistuksessa •  Visuaalisesti näyttävä ja brändiä korostava, mutta samalla

vähemmän raskaita elementtejä käyttävä kuten flash tai vast. •  Maksimi löydettävyyden takaamiseksi sisällön ja palvelun tulee

olla hakukoneoptimoitua •  Some kanavien tiukempi integrointi palveluun

RATKAISUN KUVAUS

Projektin roolitus •  Creunalla oli kokonaisvastuu projektitoimituksesta. •  Vastuu-alue kattoi koko projektin elinkaaren;

konseptoinnista, määrittelyyn, toteutukseen ja palvelun julkaisuun.

•  Arla sitoutui projektiin alusti alkaen vahvasti, vastuuna sisällön ja toimintojen priorisointi

Projektin läpivienti •  ArlaIngman.fi palvelun kehitys tehtiin saman

aikaisesti Arla.se:n kanssa. •  Palvelun konseptointi aloitettiin talvella 2012 •  Projektin kokonaiskesto oli noin 12 kuukautta. •  Projektin vietiin läpi ”ketteriä” menetelmiä

käyttäen. •  ”Backlogin” priorisointi tehtiin yhdessä

asiakkaan kanssa.

Palvelun konsepti Tavoitteena oli suunnitella ja toteuttaa kilpailijoista erottuva markkinoiden paras sivusto. •  Valtavan sisältömäärän takia yhtenä suunnittelun

lähtökohtana oli, että sisällön tuottaminen ja näyttäminen tulisi olla helppoa, joustavaa ja mahdollisuuksien mukaan automaattista.

•  Suunnittelun vahvimpana ohjaavana tekijänä oli responsiivisuus; sivuston tulisi toimia kaikissa päätelaitteissa samalla sisällöllä.

•  Reseptiikan rooli nostettiin jo varhain tärkeäksi.

Responsiivisuus •  Sama sisältö ja optimaalinen

käyttökokemus päätelaitteesta riippumatta

•  Projektissa sivupohjat suunniteltiin niin että sisällöt, kuvat mukaan lukien, syötetään vain kertaalleen.

•  Kuvien koot ”standardoitiin”, ja skaalaus automatisoitiin.

Optimointi ja löydettävyys •  Sivupohjien suunnittelussa

otettiin alun alkaen huomioon hakukone löydettävyys.

•  Asiakkaan ja kolmannen osa-puolen kanssa varmistuttiin myös siitä että sisältö oli mahdollisimman hyvin optimoitua ennen julkaisua.

Palvelun pääosa-alueet •  www.arlaingman.fi palvelun tärkeimmät osa-alueet

ovat tuotetiedot ja reseptiikka. •  Verkkopalvelun sydämenä toimivaa reseptiikkaa

varten projektissa toteutettiin erillinen reseptitietokanta ja reseptien luontisovellus.

•  Tuotetiedot sijaitsevat ulkoisessa tuotetietokannassa, josta palveluun tuodaan rajapinnan avulla tuotetiedot kuvineen.

Teknologia •  Teknologian osalta suunnittelun lähtökohtana oli

joustavuus ja skaalautuvuus sekä uudelleen käytettävyys.

•  Pyrkimyksenä projektissa oli alusta lähtien että arkkitehtuuri tukisi vastaavien palvelujen joustavaan käyttöönottoon myös muissa maissa.

•  Tärkeimmät palvelut, tuotteet ja rajapinnat pyrittiin yhtenäistämään.

Technology stack •  www.arlaingman.fi, CMS-alustana: EPiServer 6 R2 •  Hostingkumppanina: EPiServer •  Hakupalveluna: Siteseeker •  Tuotetietokanta palveluna (OPV) •  Reseptitietokantasovellus, ASP.NET •  .NET 4.0 & MVP, HTML 5 •  Disqus, APSIS

Lanseeraus Uudistettu www.arlaingman.fi palvelu julkaistiin 28.2.2013 •  Julkaisun yhteydessä varmistuttiin siitä että olemassa oleva

orgaaninen liikenne säilyisi mahdollisimman muttumattomana.

•  301 –uudellenohjauksilla varmistuttiin siitä että lanseerauksen jälkeen hakutulokset ja ohjaukset osuivat oikeaan vaikka hakuindekseissä oli vielä vanhat sivut.

TULOKSET

Tulokset: (aikajakso 1.3. – 31.5.2013 vs 1.3. -31.5.2012)

•  Kävijämäärän absoluuttinen kasvu +228 % •  Sivuilla vietetty aika +15 % •  Googlen kautta tullut orgaaninen liikenne +588 % •  Brändätty liikenne pysynyt hyvin

samankaltaisena vertailujakson aikana. •  Uudistuksen jälkeen Ei-brändätty liikenne

tuplaantui.

Yleisesti

Jun   Jul   Aug   Sep   Oct   Nov   Dec   Jan   Feb   Mar   Apr   May  

Total,  branded  &  Non-­‐branded  

Non-­‐branded   Branded   Total  

Tavoite: Reseptiikan uudistaminen entistä käyttäjäystävällisemmäksi ja sen roolin korostaminen palvelussa Tulokset: (aikajakso 1.3. – 31.5.2013 vs 1.3. -31.5.2012) •  Palavien kävijöiden osuus kasvanut merkittävästi •  Uusien vierailujen osuus pudonnut -16%

Yleisesti

Mobiilikäyttö Tavoite: Mobiilikäyttäjien parempi huomioiminen uudistuksessa Tulokset: (aikajakso 1.3. – 31.5.2013 vs 1.3. -31.5.2012) •  Mobiilikävijämäärän absoluuttinen kasvu +2 348% •  Mobiilin kautta sivulla viipyminen +115 % •  Orgaanisen hakukoneliikenteen kasvu mobiilissa

+3 701% •  Mobiilikäyttäjien osuus kokonaismäärästä

kasvanut 9% à 27 %

Yhteenveto ja johtopäätökset •  Uudistus oli kokonaisuudessaan erittäin onnistunut •  Panostukset responsiivisuuten olivat oikeat

•  Mobiilikäytön osuus kasvanut merkittäväksi osaksi kokonaisliikenteestä

•  Panostukset sisältöön ja reseptiikan kehittämiseen olivat oikeat •  Orgaaninen liikenne kasvanut merkittävästi •  Käyttäjät viipyvät palvelussa pidempään •  Käyttäjät palaavat aiempaa useammin palveluun

KYSYMYKSIÄ ?

Christer Lybeck// Senior Project Manager 050 5700 189

Christer.Lybeck@creuna.fi

Kanavaranta 7 C, 00160 Helsinki