Valio-mobiilisovellus

Toimiston ilmoittama referenssi

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Web-sovellus, mobiilisovellus tai asiointipalvelu, Yrityksen sivusto kuluttajille

Erityistä: Projektin osana tehty käyttäjätutkimus oikeilla loppukäyttäjillä

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.

Projektin tavoitteet

Valion vanha mobiilisovellus oli käytännössä sovelluksen muotoon rakennettu verkkosivusto, jolla ei pystytty tarjoamaan mitään Valio.fin sivustosta poikkeavaa toimintoa. Sovellus oli myös teknisesti käyttöikänsä päässä, eikä osaa sen ominaisuuksista tuettu uudemmissa mobiililaitteissa.

Projektin tavoitteena oli rakentaa kustannustehokkaasti laadukas, käyttäjäystävällinen, sekä Android- että iOS-käyttäjiä palveleva kuluttajasovellus. Vakiintuneen kohderyhmän asiakassuhteen syventämisen lisäksi uudella sovelluksella tavoitellaan erityisesti nuoria aikuisia.

Suunnittelu

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.

Prototyypin rautalankamallia lähdettiin jalostamaan kohti Valion brändi-ilmettä ja määrittelyvaiheessa sovittuja toiminnallisuuksia. Sovelluksen toimintojen yksityiskohtaisemman suunnittelun sekä UI/UX designin lopputuloksena oli Figmalla toteutettu viimeistelty prototyyppi, joka esitteli sovelluksen ulkoasun, rakenteen ja toivotut toiminnallisuudet.

Lopullista käyttökokemusta mukailevalla prototyypillä toteutettiin myös käyttäjätestaus. 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 ja sen ulkoasusta.

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, että puhelimen näyttö ei sulkeudu itsestään kesken kokkaamisen. Reseptin sivulla voi selata raaka-ainelistaa, 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. Sovellus tarjoaa myös viikon reseptivinkit ja sesonkikohtaisia reseptilistauksia, nostoja uutuustuotteista sekä poimintoja ajankohtaisista artikkeleista.

Sovelluksen ylläpitäjät voivat myös lähettää kaikille 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, tapauskohtaisia keinoja löytää reseptejä. Kaappihakutoiminnon avulla käyttäjä voi etsiä reseptejä raaka-aineen avulla. Tarjolla on myös haku, joka perustuu käytettävissä olevaan aikaan tai esimerkiksi järjestettävien juhlien teemaan.

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 ja analytiikkaa kuunnellen.

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 ns. over-the-air -päivityksiä sovelluskauppaprosessin ohi.

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 hallinnan WordPress-sivustolle vältetään lisätyötä esimerkiksi reseptien käsittelyssä, sillä 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 etusivun, kokkaus- ja leivonta-välilehtien reseptejä ja 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 kehittämiseksi. Valion markkinointi käyttää jo laajalti Googlen ratkaisuja ja Firebase tarjoaa mobiiliapplikaatioiden analytiikkaan suorat integraatiot. Firebasen avulla voidaan hallinnoida tarvittaessa myös sovelluksen notifikaatioita ja konfiguraatioita.

Lue lisää: Räätälöidyt web-sovellukset – kaikki julkaisut Vierityspalkissa


Sinua voisi kiinnostaa myös

Framery

Tekijä: Avidly

Tärkein teknologia: WordPress

Projektin budjetti: yli 100 000 €

Hankala navigointi huononsi käyttäjäkokemusta Aiemman sivuston epäintuitiivinen navigointi edellytti merkittävää panostusta käyttäjäkokemuksen parantamiseen ja tiedon helppoon löydettävyyteen. Hakukoneoptimoinnin (SEO) osalta tavoitteena oli korjata URL-rakenteisiin liittyvät haasteet ja mukauttaa sivusto vastaamaan paremmin hakukoneiden vaatimuksia. Konversio-optimoinnilla (CRO) pyrittiin tehostamaan käyttäjäkokemusta ja ohjaamaan potentiaalisia asiakkaita sujuvammin kohti konversioita. Lisäksi paikallisten sivujen epätasapaino suhteessa globaaliin sivustoon vaati korjaamista ja […] Lue lisää

Hämeen ammattikorkeakoulu

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 100 000 €

Aloitimme yhteistyömme Hämeen ammattikorkeakoulun kanssa keväällä 2023. Mainostoimisto Kuudennen brändityön ja mallisivujen pohjalta lähdimme toteuttamaan modernia WordPress-sivustoa, joka palvelisi sekä nykyisten, että tulevien opiskelijoiden tarpeita. Hamk.fi-sivuston tärkein tehtävä on koota ja esittää koulutustuotteet asiakkaille, mutta myös koota näkymää kokonaisuudesta sisäiseen käyttöön. Lähtökohdat ja tavoitteet HAMKin tiimi halusi rakentaa uuden, selkeämmän tavan löytää koulutustuotteita. Haasteen loi […] Lue lisää

Finnfund – uusi verkkopalvelu ja digimarkkinointi

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Lähtökohdat verkkopalvelu-uudistukseen Finnfund on suomalainen kehitysrahoitusyhtiö, joka rahoittaa kestävän kehityksen mukaisia hankkeita kehittyvissä maissa. Finnfundin tavoitteena on tukea yksityisen sektorin investointeja tarjoamalla lainoja, pääomasijoituksia ja asiantuntijatukea. Finnfund pyrkii edistämään talouskasvua ja uusien työpaikkojen syntymistä sekä kehittämään ilmastoratkaisuja, jotka auttavat hillitsemään ilmastonmuutoksen vaikutuksia ja tukevat kestävämpää tulevaisuutta. Yhtiö toimii laajasti erityisesti Afrikassa, Aasiassa ja Latinalaisessa Amerikassa, […] Lue lisää

Katanamrp.com-verkkosivuston uudistus

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Katanan uusi verkkosivusto tarjoaa Katanan markkinointitiimille mahdollisuuden toteuttaa joustavia sisältömarkkinointistrategioita, varmistaa erinomaisen suorituskyvyn ja luo hyvän skaalautuvuuden tulevaisuuden tarpeisiin. Lähtökohdat Verkkosivusto on Katanan pääasiallinen markkinointi- ja myyntikanava, minkä vuoksi uusien laskeutumissivujen luominen ja olemassa olevan sisällön päivittäminen tulisi olla nopeaa ja joustavaa. Katanan myynti ja markkinointi tarvitsivat paremmat työkalut sisällön päivittämiseen nopeasti ja ennakoivasti vaikuttamatta […] Lue lisää

Kuulotarvike.fi verkkokauppa

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Kuulotarvike osana Audmet-konsernia palvelee kuulokojeasiakkaita erilaisissa lisätarvikehankinnoissa esimerkiksi kuulokojeiden paristojen ja erilaisten puhdistus- sekä lisätarvikkeiden hankinnassa. Aloitimme kuulotarvike.fi-verkkokauppaprojektin keväällä 2023 asiakkaan tarjousprosessin toimintojen tarkentamisella ja ydintoimintojen määrittelyllä. Lähtökohdat ja tavoitteet Kuulotarvike.fi verkkokauppa oli jämähtänyt vanhalle alustalle, johon ei haluttu enää tehdä jatkokehitystä. Asiakas oli myös tunnistanut tiettyjä toimintaansa tehostavia tarpeita, jotka haluttiin toteuttaa uudistuksen yhteydessä. […] Lue lisää

Evac

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Jo vuosikymmenten ajan Evac on ollut edelläkävijä kestävien teknologioiden ja ratkaisujen kehittämisessä. Evac tarjoaa innovatiivisia ratkaisuja kestävään veden, jätteen ja jäteveden hallintaan sekä maalla että merellä. Evermade toteutti Evacin sivuston uudistuksen, huomioiden paitsi uudistuvan brändi-ilmeen, myös Evacin vastuullisen ja kestävän liiketoiminnan. Sivustouudistuksen tärkeänä tavoitteena oli ympäristöystävällisyys. Ympäristöystävällisyys ja kestävyys ohjasivat projektia On arvioitu, että vuoteen […] Lue lisää

Vierityspalkki.fi

Julkaistu vuodesta 2006. Vierityspalkki on blogi verkkopalveluiden kehityksestä, internetin teknologioista ja alan toimistoista. Seuraa, niin tiedät miten ja kenen toimesta syntyvät parhaat verkkopalvelut, verkkokaupat ja räätälöidyt web-sovellukset. Uutiskirjeellä on jo yli 1100 tilaajaa.


Tilaa uutiskirje.

  • 40-50 asiantuntija-artikkelia vuosittain.

    Toimitettua asiasisältöä verkkopalveluiden uudistuksista ja kotimaisen ohjelmistoalan tapahtumista. Vierityspalkki nostaa esiin alan puheenaiheita ja tuoretta tutkimustietoa, osallistuu keskusteluun sekä haastattelee alan asiantuntijoita ja toimistoja. Julkaistuja artikkeleita jo yli 1000 kappaletta.


    Kaikki artikkelit

  • 150-200 julkaistua referenssicasea joka vuosi.

    Julkaisut-palsta tarjoaa näkyvyyttä kiinnostaville uusille verkkopalveluille ja web-sovelluksille, ja antaa asiakkaille mahdollisuuden arvioida eri toimistojen osaamista.


    Selaa toimistojen julkaisuja

  • 300-400 työpaikkailmoitusta vuosittain.

    Vuodesta 2007 toiminut ilmoituspalsta on edelleen sivuston suosituin osio. Moni asiantuntija on löytänyt useammankin työpaikan palstan kautta vuosien varrella.


    Selaa avoimia työpaikkoja

  • 31 kokenutta digitoimistoa

    on päässyt aina ajantasaiselle Toimistot-listalle. Lista on auttanut asiakkaita löytämään kokeneita digitoimistokumppaneita jo usean vuoden ajan. Lista keskittyy WordPress-toimistoihin ja räätälöityjen web-sovellusten tekijöihin.


    Selaa Toimistot-listaa

Tilaa kuukausikirje

Kerran kuukaudessa ilmestyvä uutiskirje koostaa artikkelit, julkaisut, työpaikat ja linkkivinkit. Kirjeellä on jo yli 1100 tilaajaa.
Huom. Sähköpostiosoitettasi ei luovuteta eteenpäin, eikä käytetä mihinkään muuhun tarkoitukseen – ihan oikeasti.

Siirry takaisin sivun alkuun