Hae it-yrityksiä
osaamisalueittain:

Asiakkuudenhallinta CRM BI ja raportointi HR Tuotekehitys ja suunnittelu Toiminnanohjaus ERP Taloushallinto Markkinointi Webkehitys Mobiilikehitys Käyttöliittymäsuunnittelu Tietoturva Verkkokaupparatkaisut Ohjelmistokehitys Integraatiot Pilvipalvelut / SaaS Tekoäly (AI) ja koneoppiminen Lisätty todellisuus ja VR Paikkatieto GIS IoT Microsoft SAP IBM Salesforce Amazon Web Services Javascript React PHP WordPress Drupal

Hartwall – Design Sprintillä uusi palvelu

ReferenssiMistä löytää tietoa ja apua, kun on perustamassa uutta ravintolaa? Tähän tarpeeseen Hartwall halusi rakentaa uuden palvelun, joka kokoaa kaiken tarvittavan tiedon yhteen paikkaan ja samalla toisi uudet ravintolat Hartwallin palveluiden ja asiantuntijamyynnin äärelle. HiQ:n omistaman digital commerce -asiantuntija Lamian rooli oli muotoilla uusi palvelu asiakaslähtöiseksi niin palvelumuotoilun kuin UI/UX-designin keinoin. Aluksi tehtiin palvelukonseptin rajaus ja teknologiavalinta, sitä seurasi design sprint ja lopuksi tiivis UI/UX -designvaihe. Hartwallin Ravintolan perustamisen tietopaketti -palvelu julkaistiin syksyllä 2021.

Tavoitteena näkyvyys ja liidit

“Kun ravintoloitsijat ottavat meihin yhteyttä, suunnittelemme yhdessä, mitä laitteita ja tuotteita tarvitaan. Ravintolan perustamiseen kuuluu kuitenkin paljon määräyksiä, hakemuksia ja säännöksiä ja aloittelevat ravintoloitsijat tarvitsevat tietoa myös laajemmin päästäkseen tehokkaasti eteenpäin”, Tiina Happonen, Hartwallin asiakasmarkkinointipäällikkö ja hankkeen vetäjä, taustoittaa ja jatkaa:

“Halusimme luoda uuden palvelun, joka olisi ravintolan perustamisen alkutaipaleelta asti mukana tarjoilemassa tärkeää tietoa. Yksi tavoite oli saada meille hyvää näkyvyyttä kohderyhmässä, jotta me Hartwallilla pääsemme auttamaan ravintolan valikoiman ja tunnettavuuden lisäämisen konseptoinnissa ajoissa.”

“Toinen tavoite palvelulle oli oman myyntimme työn helpottaminen. Monesti myyntitiimimme neuvoo aloittelevia ravintoloita hyvin monenlaisissa asioissa, ei vain juoma-alaan liittyvissä. Ravintolan perustamisen keskitetylle tietopaketille oli selkeä tilaus kohderyhmässä. Näin oma myyntimmekin voi hyvillä mielin ohjata asiakasta tähän palveluun oikean tiedon äärelle.”

Projektin tavoitteeksi asetettiin siis sekä myyntiliidien keruu että myyjien työn tehostaminen. “Haluamme olla avuksi nykyisille asiakkaille, mutta samalla saada myös uusia asiakkaita . Tässä palvelussa nämä näkökulmat yhdistettiin”, Tiina summaa.

Ennen projektin aloitusta Hartwall etsi sopivaa kumppania palvelun muotoiluun, UI/UX- ja visuaaliseen suunnitteluun. Lamia valikoitui kumppaniksi asiantuntevuudensa takia. “Tarvitsimme uutta palveluamme varten designiin ja käyttäjäkokemukseen erikoistuneen toimiston. Lamian designereilta tuli paljon ideoita ja hyviä kysymyksiä jo tarjousvaiheessa, se vakuutti”, Tiina kertoo.

Uuden palvelun tekniseen toteutukseen Hartwallin oli luontevaa hyödyntää konsernin olemassa oleva web-kumppania ja siksi yhteistyö Lamian kanssa keskittyi nimenomaan design-työhön.

Konsepti: sisältö ennen teknologiaa

Lamia auttoi Hartwallia kirkastamaan palvelukonseptia alusta alkaen. Kyseessä oli kuitenkin täysin uudenlainen palvelu, jollaista Hartwallilla ei ollut aikaisemmin ollut. Avoimia kysymyksiä olivat niin palvelukonsepti kuin teknologiat. Erityisesti teknologia määritteli designille reunaehtoja ja siksi teknologiavalinta kannatti tehdä heti projektin alussa.

Konseptissa päätettiin erillisen portaalin tai verkkokaupan sijasta hyödyntää Hartwallin olemassa olevan sivuston sisällönhallintajärjestelmää (CMS) ja luoda sillä rinnakkaissivusto. “Tämän ansiosta pääsimme nopeasti keskittymään sivustorakenteeseen ja sisältöihin, jotka olivat muutenkin asiakaskokemuksen kannalta teknologiaa keskeisemmät alueet”, Nina Leppänen, UI/UX Designer Lamialta valottaa.

Myös design-hankkeen yksi punainen lanka oli MVP eli Minimum Viable Product -ajattelu. “Rajasimme kokonaisuuden heti alusta alkaen keskeisimpiin toiminnallisuuksiin, näin pääsimme nopeasti liikkeelle ja eteenpäin. Toimivan palvelun päälle voimme jatkossa rakentaa lisää”, Tiina kertoo.

Yksi esimerkki rajauksista oli tietosisältöjen laajuus. Sen sijaan, että kaikki tieto olisi kirjoitettuna auki uudessa palvelussa, sisältöön päätettiin tuoda paljon linkkejä muihin tietolähteisiin, kuten juridiseen tietoon. “Näin kontrolloimme myös sivuston ylläpidon tarvetta kestävästi, ja voimme luottaa siihen, että asiakkaamme saavat aina ajantasaisimman tiedon.”

Design sprint: palvelun runko kasaan

Design sprintin aikana koottiin selkeä runko uudelle palvelulle: mitä tietoa tarvitaan missäkin kohtaa kävijäpolkua.

Lamian palvelumuotoilijoiden tiimi kartoitti ensimmäisen päivän aikana Hartwallin oman kuuden hengen tiimin tarpeet ja huomiot palvelulle. Eri tarpeiden priorisointi tehtiin tiiviisti yhdessä keskustellen. Toisena päivänä uudelle palvelulle ja sen toteutukselle muodostettiin selkeä kokonaisuus sekä asetettiin tavoitteet.

“Kävimme läpi todella kattavasti, mitä pitää tapahtua, kun joku tulee sivulle, mitä hän hakee siellä, millaisia tietoja hän tarvitsee, että pääsee eteenpäin palvelussa, miten saamme yhteystiedot ja niin edelleen. Käyttäjäpolusta saatiin lopulta todella selkeä, yksinkertainen ja käyttäjäystävällinen”, Tiina kuvaa käytännönläheistä kartoitusvaihetta.

Käyttäjäpolun perusteella Lamia rakensi InVisionilla nopean prototyypin käyttäjätestausta ja -haastatteluita varten. Käyttäjätestausvaiheeseen valikoitui kaksi Hartwallin olemassa olevaa asiakasta, joilla oli tuoretta kokemusta ravintolan perustamisesta. “Vaikka käyttäjätestausvaihe oli suppea, mukaan valitut käyttäjäprofiilit olivat hyvin erilaiset ja saimme aidosti paljon arvokasta palautetta prototyypistä ja palvelusta”, Nina kiittelee.

Design sprint -viikon lopuksi Lamia koosti yhteen kaikki päätelmät, havainnot ja tulokset haastatteluista sekä loi palvelulle etenemistä helpottavan tiekartan.

UI/UX-design: erityishuomio liidilomakkeeseen

Design sprint -viikkoa seurasi UI/UX-design-vaihe eli noin viikon mittainen prototyypin rakentaminen. Siihen Lamia loi pari eri visuaalista linjaa, joista Hartwall valitsi sopivimman. Lisäksi työstettiin sivuston rakennetta sekä suunniteltiin sisältöjä.

Alkuperäisen teknologiarajauksen mukaisesti hyödynnettiin mahdollisimman paljon CMS:n olemassa olevia sisältöblokkeja. Sen lisäksi luotiin muutama uusi rakenteellinen parannus sekä räätälöity yhteydenottolomake.

UI/UX-designissa erityisesti yhteydenottolomakkeeseen panostettiin paljon aikaa, koska kontaktien esitiedot ovat Hartwallin myynnille arvokkaita. “Esitietojen avulla voimme löytää heti parhaan mahdollisen asiantuntijan ottamaan yhteyttä. On hyvin erilaista perustaa viinibistro kuin vaikka yökerho ja eri alueille meillä on paikalliset asiantuntijat”, Tiina kuvaa.

Lopputuloksena erottuva ja käyttäjälähtöinen sivusto

“Lopputulos miellyttää silmää ja käytettävyys on hyvä. Lamialaiset myös onnistuivat hyvin Hartwallin ilmeen implementoinnissa. Sivu näyttää Hartwallilta olematta yksi yhteen sama sivu nettisivujemme kanssa”, Tiina pohtii projektin tulosta.

Designerin näkökulmasta tiivis muutaman viikon aikana toteutettu projekti onnistui kiteyttämään olennaisen. “Design sprintin aikana esiin nousi paljon tarpeita, joita hartwallilaiset eivät omien sanojensa mukaan olisi muuten miettineet. Erityisesti asiakaspolku oli arvokas tuotos, joka havainnollisti tahtotilan uudelle palvelulle”, Nina miettii.

Olennaisen kiteyttämistä korostetaan myös Hartwallin puolelta: “Palvelun voi tehdä monella eri tavalla ja on hyvä analysoida tarpeita tarkemmin, jotta löydetään juuri sopiva toteutustapa. Joskus täytyy myös luopua rönsyistä, sillä monesti yksinkertaisin on paras.”

Uusi sivusto on julkaistu osoitteessa hartwall.fi/perustetaanravintola.

Suosittelija:

“Lopputulos miellyttää silmää ja käytettävyys on hyvä. Lamialaiset myös onnistuivat hyvin Hartwallin ilmeen implementoinnissa. Sivu näyttää Hartwallilta olematta yksi yhteen sama sivu nettisivujemme kanssa”

Tiina Happonen

Pinterest
Referenssin infoboxi
HiQ Oy logo

Tiedot

Tilaaja: Hartwall
Ajankohta: - 2021
Toimittajan
yhteyshenkilö:
Leo Mikkonen

Lisätietoja

Yritysprofiili HiQ kotisivut

Tagit

Jos tarjontatagi on sininen, pääset klikkaamalla sen kuvaukseen

Liiketoimintaprosessi

Asiakaspalvelu
Myynti

Erikoisosaaminen

Käyttöliittymäsuunnittelu
Sisällönhallinta
Webkehitys

Toimialakokemus

Hotelli, matkailu ja ravitsemus

Tarjonnan tyyppi

Toteutustyö

Omat tagit

palvelumuotoilu
käyttäjätestaus
Design Sprint
Käyttöliittymäsuunnittelu
konseptisuunnittelu
UX-design
UI-Design

Siirry yrityksen profiiliin HiQ kotisivut Yrityshaku Referenssihaku Julkaisuhaku

HiQ - Asiantuntijat ja yhteyshenkilöt

HiQ - Muita referenssejä

HiQ - Muita bloggauksia

Digitalisaatio & innovaatiot blogimedia

Blogimediamme käsittelee tulevaisuuden liiketoimintaa, digitaalisia innovaatioita ja internet-ajan ilmiöitä

Etusivu Yrityshaku Pikahaku Referenssihaku Julkaisuhaku Blogimedia