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

Finlandia Group

Tekijä: Evermade

Tärkein teknologia: HubSpot CMS

Projektin budjetti: 30 000–60 000 €

Finlandia Group on täyden palvelun finanssikonserni, joka auttaa yrittäjiä ja yrittäjähenkisiä ihmisiä saavuttamaan heidän taloudelliset tavoitteensa. Yritys tarjoaa kaikki säästämisen ja sijoittamisen palvelut saman katon alta. Uudistimme Finlandia Groupin sivuston, joka toimii tärkeänä markkinointiviestinnän kanavana ja tukee kasvokkain tehtävää myyntiä. Verkkosivuston konseptin ytimessä oli asiantuntijasisällöt ja Finlandia Groupin palvelutarjoaman tuominen selkeämmin sivustolla vierailevan tutkittavaksi. Finlandia […] 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ää

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ää

Rakentaja-lehti

Tekijä: Digitoimisto Dude Oy

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Lähtökohta Rakentaja-lehti haluttiin tuoda selvemmin esiin omana julkaisunaan ja samalla kasvattaa sen digitaalista tavoittavuutta. Vanha lehtialusta ei palvellut lukijaa tai toimitusta nykyaikaisella tavalla. Uudessa toteutuksessa tavoitteena oli tehdä lehdestä helposti selattava, ajankohtainen ja visuaalisesti houkutteleva, jotta sisältö tavoittaa entistä laajemman yleisön. Sivusto rakennettiin multisite-toteutuksena osaksi Rakennusliiton verkkopalvelua. Tavoitteet Parantaa Rakentaja-lehden näkyvyyttä ja saavutettavuutta verkossa Houkutella […] Lue lisää

Oulun kaupungin multisite-verkkopalvelu

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 100 000 €

Oulun kaupungin multisite-kokonaisuus Yksi Suomen suurimmista julkisen sektorin WordPress-multisite-hankkeista syntyi Oulussa Asiakastarina pähkinänkuoressa Oulun kaupunki, Suomen viidenneksi suurin kaupunki ja tuleva Euroopan kulttuuripääkaupunki 2026, tunnisti strategisen tarpeen uudistaa ja yhtenäistää laajaa verkkosivustokokonaisuuttaan. Aiempi, sadoista sivustoista koostunut ympäristö, joka oli toteutettu useilla eri teknologioilla ja hyödynsi pääosin Liferay-alustaa, oli palvellut kaupunkia hyvin aikansa. Oulun kaupungilla oli […] Lue lisää

Teknologiateollisuus.fi ja toimialayhdistyssivut – verkkosivustojen uudistus

Tekijä: Evermade

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Teknologiateollisuus ry on elinkeino- ja työvoimapolittinen vaikuttajaorganisaatio. Yhdistyksen alle kuuluu useita toimialayhdistyksiä eri teknologian ja teollisuuden aloita, joiden jäseniä useat yritykset ovat. Teknologiateollisuuden piiriin kuuluva Teknologiateollisuuden työnantajat ry neuvottelee teknologiateollisuuden valtakunnalliset työehtosopimukset. Kevään ja syksyn 2024 aikana uudistimme sekä Teknologiateollisuus.fi pääsivuston, että useimpien toimialayhdistysten sivustot. Teknologiateollisuuden verkkopalvelut Teknologiateollisuuden verkkopalvelukokonaisuuden uudistaminen alkoi alkuvuodesta 2023 North Patrolin […] 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