Tomerat – Räätälöity varainhankintasovellus koululuokille ja ryhmille
Tomeratille toteutettiin räätälöity varainhankintasovellus ja markkinointisivusto. Ratkaisu helpottaa ryhmien yhteistyötä, viestintää ja varainkeruun hallintaa.
Tiivistelmä
Tomerat on koululuokkien ja muiden ryhmien varainhankintaan suunnattu palvelu, joka auttaa suunnittelemaan, organisoimaan ja seuraamaan varainkeruuprojekteja. Palvelun tavoitteena on tehdä yhteisestä tekemisestä läpinäkyvää ja innostavaa sekä osallistaa lapset ja nuoret aktiivisesti mukaan toimintaan.
Projektin lähtökohtana oli kehittää pilotointivaiheesta eteenpäin kokonaisuus, joka palvelisi sujuvasti eri käyttäjäryhmiä, kuten lapsia, vanhempia ja opettajia. Aiemmasta versiosta saatujen käyttäjäkokemusten sekä työpajatyöskentelyn avulla tunnistettiin toimivat ratkaisut ja kehityskohteet, joiden pohjalta palvelua lähdettiin uudistamaan.
Trimedia vastasi projektin konseptoinnista, visuaalisesta suunnittelusta ja teknisestä toteutuksesta. Kokonaisuuteen rakennettiin sekä erillinen markkinointisivusto että selainpohjainen räätälöity web-sovellus. Markkinointisivuston sisällönhallinta toteutettiin Statamicilla ja varsinainen sovellus Laravel-, Vue.js- ja Inertia.js -teknologioilla.
Lopputuloksena syntyi varainhankintaa tukeva digitaalinen palvelu, joka kokoaa projektien suunnittelun, viestinnän, seurannan ja yhteistyön yhteen paikkaan sekä tarjoaa käyttäjille selkeän ja helposti omaksuttavan käyttökokemuksen.
Käyttäjäryhmien tarpeista rakennettu sovelluskokonaisuus
Tomerat-sovelluksen suunnittelussa keskeisessä roolissa olivat helppokäyttöisyys, selkeä navigaatio ja eri käyttäjäryhmien tarpeet. Käyttöliittymän suunnittelu perustui pilotointivaiheen kokemuksiin, joiden avulla voitiin tunnistaa sekä toimivia että kehitettäviä ratkaisuja. Suunnitteluprosessin aikana luotiin käyttöliittymämallit sekä mobiili- että työpöytäkäyttöön.
Visuaalinen ilme suunniteltiin erityisesti lapsia ja nuoria ajatellen. Tavoitteena oli rakentaa palvelu, joka on helposti lähestyttävä, innostava käyttää ja tukee aktiivista osallistumista. Kokonaisuutta täydentämään toteutettiin erillinen markkinointisivusto, joka esittelee palvelun toimintaperiaatteet, tavoitteet ja taustan.
Teknisesti ratkaisu rakennettiin modernien web-teknologioiden varaan. Markkinointisivuston sisällönhallinta toteutettiin Laravel-pohjaisella Statamic-järjestelmällä, joka tarjoaa joustavan pohjan sisällön ylläpitämiseen ja jatkokehitykseen. Varsinainen sovellus toteutettiin Vue.js-, Inertia.js- ja Laravel-teknologioilla, joiden avulla käyttöliittymästä saatiin reaktiivinen ja käyttäjälle sujuva.
Sovellukseen toteutettiin myös reaaliaikaisia toiminnallisuuksia, kuten chat-ominaisuuksia hyödyntäviä ratkaisuja. Lisäksi järjestelmä kokoaa varainhankinnan suunnitteluun, seurantaan ja yhteistyöhön liittyvät tiedot yhteen paikkaan, mikä helpottaa ryhmien päivittäistä toimintaa.
Keskeiset ratkaisut ja ominaisuudet
- Räätälöity web-sovellus
- Laravel-pohjainen toteutus
- Vue.js-käyttöliittymä
- Inertia.js-arkkitehtuuri
- Statamic-sisällönhallinta
- Markkinointisivusto ja sovellus yhtenä kokonaisuutena
- Mobiili- ja desktop-käyttöliittymät
- Reaaliaikaiset chat-toiminnallisuudet
- Käyttäjälähtöinen käyttöliittymäsuunnittelu
FAQ – Projekti pähkinänkuoressa
Moni aihe askarruttaa kun etsii omaan tarpeeseen sopivaa ratkaisua. Kokosimme yleisimpiä kysymyksiä verkkosivustoprojekteihin, toteutuksiin ja teknisiin ratkaisuihin liittyen. Jos oma kysymyksesi ei löydy listalta, kysy rohkeasti.
Harva verkkopalveluhaaste on meille täysin uusi tuttavuus.
Tomerat toteutettiin räätälöitynä web-sovelluksena hyödyntäen Laravel-, Vue.js- ja Inertia.js -teknologioita. Lisäksi kokonaisuuteen rakennettiin erillinen Statamic-pohjainen markkinointisivusto.
Pilotointiversiosta saatiin käyttäjäkokemuksia ja havaintoja, joiden avulla voitiin tunnistaa toimivat ratkaisut sekä kehityskohteet ennen varsinaisen palvelun toteutusta.
Käyttöliittymä suunniteltiin lapsille, nuorille, vanhemmille ja opettajille. Erityistä huomiota kiinnitettiin selkeyteen, helppokäyttöisyyteen ja sujuvaan navigointiin.
Statamic tarjosi joustavan sisällönhallintaratkaisun markkinointisivustolle ja mahdollistaa sisällön ylläpidon sekä jatkokehityksen ilman raskaita rakenteita.
Projektit käynnistetään yhteisellä suunnittelulla, jossa määritellään tavoitteet, käyttäjien tarpeet ja toteutuksen tärkeimmät linjaukset. Työpajat, säännölliset projektipalaverit ja selkeä viestintä varmistavat, että kaikki pysyvät ajan tasalla projektin etenemisestä.
Trimedia vastaa projektin etenemisestä, teknisestä toteutuksesta ja kokonaisuuden hallinnasta, mutta asiakas on mukana tärkeissä päätöksissä koko matkan ajan. Yhteistyö jatkuu tarvittaessa ylläpidon ja jatkuvan kehityksen merkeissä.
Vastaamme vuositasolla satojen asiakkaiden sivustojen ylläpidosta. Osaava ylläpitotiimi on valmiina palvelemaan – ja meidän kanssamme ylläpidon ongelmat loppuvat.
Hoidamme WordPress-sivustojen ylläpidon niin että se ei kuormita teitä. Päivitykset tehdään, tietoturva on kunnossa ja sivusto on valvonnassa ympäri vuorokauden.
Lopputulos
Tomeratille syntyi kokonaisvaltainen digitaalinen palvelu, joka yhdistää markkinointisivuston ja varainhankintasovelluksen yhdeksi toimivaksi kokonaisuudeksi. Ratkaisu tukee ryhmien yhteistyötä ja helpottaa varainhankintaprojektien hallintaa arjessa.
Varainhankinnan tiedot yhdessä paikassa
Ryhmät voivat hallita varainhankintaan liittyviä tietoja, tehtäviä ja etenemistä yhden palvelun kautta. Tämä vähentää hajanaista tiedonkulkua ja helpottaa yhteisen tavoitteen seuraamista.
Sujuva käyttökokemus eri käyttäjäryhmille
Palvelu suunniteltiin huomioimaan lasten, vanhempien ja opettajien erilaiset tarpeet. Selkeä käyttöliittymä ja helposti omaksuttava navigaatio tukevat palvelun käyttöä eri laitteilla.
Tekninen perusta tukee kehitystä
Laravelin, Vue.js, Inertia.js ja Statamicin yhdistelmä tarjoaa joustavan pohjan palvelun jatkokehitykselle. Ratkaisua voidaan laajentaa tulevaisuudessa uusilla ominaisuuksilla ilman, että kokonaisuutta tarvitsee rakentaa uudelleen.
”Vaikka sovellus on keskittynyt varainkeruuseen, sen taustalla on vahva ajatus tukea lasten ja nuorten kokemusta aktiivisesta ja omaan toimintaan perustuvasta osallistumisesta.”
Arto Saksola, toimitusjohtaja
”Olemalla aktiivisesti mukana ryhmän varainhankintaprojekteissa ja tapahtumissa, lapset ja nuoret oppivat tärkeitä arjen taitoja, kuten rohkeutta ja sinnikkyyttä, omatoimisuutta, kaveritaitoja sekä rahan arvon ymmärtämistä. Lisäksi he saavat mahdollisuuden yhteiskunnalliseen vaikuttamiseen ja hyvän tekemiseen.”
Kiti Alpua, Tomerat-yhteyshenkilö
Toteutustiimi
Noora Ojanen
Designer
Jere Pyhäjärvi
Senior Web Developer
Petra Lund
Web Developer
Kiinnostuitko?
Kerro lyhyesti mitä olette suunnittelemassa — vastaamme parissa päivässä ja kerromme rehellisesti mitä se vaatii.
Ota yhteyttä oheisella lomakkeella tai soittamalla!
Muita toteutuksia
Aivosäätiö – Lahjoittaminen digiaikaan
Helposti lähestyttävä verkkopalvelu, jossa lahjoittaminen, tiedonvälitys ja sujuva käyttäjäkokemus muodostavat toimivan kokonaisuuden.
Autokorjaamo.fi – Yli 800 korjaamon varauspalvelu yhdelle alustalle
Laravel- ja Livewire-teknologioilla toteutettu Autokorjaamo.fi yhdistää yli 800 autokorjaamon palvelut, hinnat ja ajanvarauksen yhdelle alustalle.
DcQuiz – Web-kysely raha-asioista ja talouskäyttäytymisestä
DcQuiz on Laravelilla toteutettu web-kysely, joka auttaa pohtimaan rahankäyttöä ja vertailemaan vastauksia kumppanin tai muiden vastaajien kanssa.
eHautaus – Verkkopalvelu, joka helpottaa hautausjärjestelyjä verkossa
eHautaukselle toteutettiin WordPress-verkkopalvelu ja räätälöity hautajaisten suunnittelutyökalu, joka helpottaa hautausjärjestelyjä ja tukee yhteydenottoja.
Elega AI-keittiögeneraattori
Verkkosovellus, joka tekee remonttihaaveesta näkyvän hetkessä
EWQ – Verkkosivusto, joka tekee myymäläviestinnästä helposti ymmärrettävää
Projektissa kirkastettiin olemassa olevaa ilmettä ja sovellettiin sitä paremmin digitaaliseen ympäristöön.