Valio sovellus – tuhansien reseptien koti
Valion uusi mobiilisovellus tarjoaa ideoita ja inspiraatiota päivittäiseen ruoanlaittoon ja leivontaan yksilöllisillä reseptisuosituksilla, ottaen huomioon käyttäjän tarpeet ja ruokavalion. Kuluttajille suunnattu sovellus tarjoaa laadukkaan digitaalisen käyttökokemuksen kaikille leivonnasta ja ruoanlaitosta kiinnostuneille.
Tausta
Valion vanha mobiilisovellus oli käytännössä sovelluksen muotoon rakennettu verkkosivusto. Sovellus oli teknisesti käyttöikänsä päässä, eikä osaa sen ominaisuuksista tuettu uudemmissa mobiililaitteissa.
Tavoitteet
Projektin tavoitteena oli rakentaa kustannustehokkaasti laadukas ja käyttäjäystävällinen, sekä Android- että iOS-käyttäjiä palveleva kuluttajasovellus, joka tarjoaisi yksilöllisen käyttökokemuksen kirjautumisen avulla. Vakiintuneen kohderyhmän asiakassuhteen syventämisen lisäksi uudella sovelluksella haluttiin tavoitella erityisesti nuoria aikuisia.
"Tavoitteenamme oli luoda laadukas digitaalinen käyttökokemus kaikille leivonnasta ja ruoanlaitosta kiinnostuneille. Jo pian ensimmäisen version julkaisun jälkeen saavutimme loistavia tuloksia."
Pekka Rantamoijanen
Head of Customer Experience at Valio
Suunnittelu
Määrittely
Suunnittelutyön pohjana toimi kolmannen osapuolen suunnittelema alustava prototyyppi ja asiakkaan koostama sovellustoimintojen listaus, joita tarkennettiin yhteisissä workshopeissa. Liikkeelle lähdettiin rajattomista haaveista ja ideoista, joista karsittiin, kiteytettiin ja määriteltiin MVP-version toiminnallisuudet. Määrittelyssä haluttiin tunnistaa erityisesti sellaiset toiminnallisuudet, jotka luovat käyttäjille lisäarvoa verkkosivuston lisäksi.
UI/UX-design
Prototyypin rautalankamallia lähdettiin jalostamaan kohti Valion brändi-ilmettä ja määrittelyvaiheessa sovittuja toiminnallisuuksia. Sovelluksen toimintojen yksityiskohtaisemman suunnittelun sekä UI/UX-suunnittelun lopputuloksena oli Figmalla toteutettu viimeistelty prototyyppi, joka esitteli sovelluksen ulkoasun, rakenteen ja toivotut toiminnallisuudet.
Käyttäjätestaus
Lopullista käyttökokemusta mukailevalla Figma-prototyypillä toteutettiin myös käyttäjätestaus, johon osallistui 25 henkilöä. Osa testauksesta toteutettiin läsnä ja suuremman yleisön testaus etänä. Käyttäjätestaukseen kuului tärkeimpien toiminnallisuuksien testaus ja validointi sekä yleisen palautteen kerääminen sovelluksesta, sen ulkoasusta ja päätoimintojen käytettävyydestä. Testauksen pohjalta tehtiin pieniä muokkauksia ja päätöksiä sovelluksen toiminnallisuuksiin liittyen ja toisaalta myös validoitiin sovelluksen toimivuutta ja käyttötarkoitusta yleisesti.
Toiminnallisuudet
Reseptit kaiken keskiössä
Reseptien hakeminen, selaaminen ja tallennus ovat sovelluksen ensimmäisen version avaintoimintoja. Sovelluksen päänäkymistä löytyvä vapaatekstihaku toimii vaivattomasti ja hakutuloksia voi suodattaa erilaisilla kriteereillä, kuten ruokavalion, valmistusajan tai valmistustavan mukaan. Sovellus mahdollistaa myös reseptien tallentamisen omaan keittokirjaan, johon käyttäjä voi koostaa reseptikansioita eri tarpeisiin.
Yksittäisen reseptin näkymä on toteutettu niin, ettei puhelimen näyttö lukitu itsestään kesken kokkaamisen. Reseptin sivulla voi selata raaka-ainelistaa ja valmistusohjeita, jakaa reseptin sekä löytää lisää suositeltuja reseptejä.
Personoitu kokemus
Käyttäjätilin luominen ja sovellukseen kirjautuminen mahdollistaa käyttäjälle yksilöllisen käyttökokemuksen. Räätälöidyissä reseptilistauksissa otetaan huomioon käyttäjän mieltymykset, tarpeet ja ruokavaliot. Käyttäjä voi tallentaa asetuksiin omat preferenssinsä ruokavaliosta – esimerkiksi kasvissyöjä voi valita, että hänelle suositellaan vain kasvisruokavalioon sopivia reseptejä. Sovellus tarjoaa myös viikon reseptivinkit ja sesonkikohtaisia reseptilistauksia, nostoja uutuustuotteista sekä poimintoja ajankohtaisista artikkeleista.
Sovelluksen ylläpitäjät voivat lähettää käyttäjille push-notifikaatioita Firebase-palvelun avulla. Ilmoitusasetuksia ja muita profiilitietoja käyttäjä voi hallita sovelluksen profiiliosiosta.
Monipuoliset hakuputket
Vapaatekstihaun lisäksi sovellukseen toteutettiin erilaisia hakuputkia, jotta käyttäjällä olisi useita, vaihtoehtoisia keinoja löytää reseptejä: Mitä sinulta löytyy kaapistasi, Kuinka kiire sinulla on? sekä Reseptiruletti auttavat käyttäjää löytämään sopivat reseptit haluamallaan tavalla.
Kaappihakutoiminnon avulla käyttäjä voi etsiä reseptejä niiden raaka-aineiden avulla, joita häneltä jo löytyy keittiöstään. Käytettävissä olevaan aikaan perustuva haku auttaa esimerkiksi kiireistä kokkaajaa, kun taas järjestettävien juhlien teemaan perustuva haku auttaa valitsemaan juuri oikeat tarjottavat juhliin.
Tekninen toteutus
Sovellus haluttiin toteuttaa natiiviapplikaationa, jotta käyttäjäkokemus olisi ensiluokkainen, tulevaisuutta varten suunnitellut toiminnallisuudet olisivat teknisesti toteutettavissa ja mahdollisuudet sovelluksen jatkokehitykseen olisivat monipuolisemmat. Sovellusta onkin tarkoitus jatkokehittää tiiviisti, ja uusia toiminnallisuuksia lisätään asiakaspalautetta kuunnellen ja analytiikkaa seuraten.
Toteutustavaksi valikoitui React Native, joka on moderni JavaScript-alusta natiivisovellusten kehittämiseen. React Nativen ansiosta sovellus ei tarvitse kahta erillistä koodipohjaa Android- ja iOS-versioille. Hyödynsimme kehityksessä myös Expo-kehitysympäristöä, joka tarjoaa tehokkaat työkalut sovelluksen kehittämiseen, julkaisemiseen ja päivittämiseen. Sen avulla voimme tehdä esimerkiksi over-the-air -päivityksiä sovelluskauppaprosessin ohitse.
WordPress & Firebase
Sovelluksen taustalla on Valion WordPress-sivusto, joka toimii sekä tietolähteenä integraatioille kuten reseptijärjestelmälle ja hakumoottorille, että tarjoaa Valiolle työkaluja sovelluksen sisältöjen hallintaan. Tuomalla hallinta WordPress-sivustolle vältetään lisätyötä esimerkiksi reseptien käsittelyssä – integraatio ja muotoilu voidaan tehdä keskitetysti sekä Valion verkkosivuston, että sovelluksen tarpeisiin. Sovelluksen sisältöjen hallintaoikeudet on määritelty sivustolla olevien integraatioiden kautta niin, että hallintaan on rajattu pääsy.
WordPressin työkaluilla Valion tiimi voi hallita sovelluksessa näkyviä kampanjoita, tekstejä ja ajankohtaisia poimintoja kuten etusivua, kokkaus- ja leivonta-välilehtien reseptejä sekä reseptiryhmiä. Myös hakuputkien tietyt valinnat ovat Valion hallittavissa: esimerkiksi juhlien suunnittelunäkymä saattaa alkukesästä suositella juhannukseen sopivia reseptejä ja talvella jouluruokia. Hallintatyökaluja kehitetään jatkuvasti ja mahdollisuuksia hallita sovelluksen sisältöä ja toiminnallisuuksia tullaan laajentamaan tulevaisuudessa.
Sovellus hyödyntää myös Googlen Firebase-pilvipalvelua applikaation taustalogiikan, tietokannan ja välimuistiratkaisun tehostamiseksi. Valion markkinointi käyttää laajalti Googlen ratkaisuja ja Firebase tarjoaa mobiiliapplikaatioiden analytiikkaan suorat integraatiot. Firebasen avulla voidaan hallinnoida tarvittaessa myös sovelluksen notifikaatioita ja konfiguraatioita.
Tulokset
Sovelluksen latausmäärät ovat kasvaneet tasaisesti julkaisuvuoden aikana ja sovelluksen ladanneista käyttäjistä yli 75% ovat rekisteröineet käyttäjätilinsä. Keskimäärin 90% päivittäisistä käyttäjistä on palaavia käyttäjiä, mikä tukee hyvin projektille asetettua tavoitetta lisätä Valion digipalvelujen aktiivista käyttäjäkuntaa.
Valio sovellus sisältää yli 5000 herkullista Valion reseptiä. Sovelluksen käyttäjät viettävät aikaa reseptien parissa keskimäärin noin 23 minuuttia yhden session aikana, mikä on huomattavasti suurempi aika, kuin verkkosivustolla.
