Vuoden huiput -verkkosovellus

Toimiston ilmoittama referenssi

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Järjestön verkkopalvelu, Web-sovellus, mobiilisovellus tai asiointipalvelu

Grafian järjestämä Vuoden Huiput on Suomen merkittävin luovan suunnittelun kilpailu, joka on suunnittelijoiden itsensä vuonna 1980 perustama. Vuosittain järjestettävä tapahtuma tähtää suunnittelun tason nostamiseen, luovuuden ja omaperäisyyden voimistamiseen ja suunnittelijoiden ammattitaidon kehittämiseen. Tapahtumakokonaisuuteen kuuluu kilpailu, festivaali, palkintogaala, palkittuja töitä esittelevä näyttely sekä vuosikirja. Kilpailussa on 15 sarjaa luovan suunnittelun eri osa-alueilta.

Lähtökohdat

Vuoden huippujen verkkosivut olivat palvelleet grafialaisia jo 10 vuotta, ja niille kaivattiin uudistusta. Redandblue lähti uudistamaan sivustoa Grafia.fi-verkkopalvelu-uudistuksen yhteydessä, mutta kuitenkin omana palvelunaan. Sivustot käyttävät osittain yhteneviä Gutenberg-lohkoja ja ulkoasuelementtejä.

Konseptointi ja suunnittelu

Projektin alussa järjestettiin useampi konseptointityöpaja, joissa käytiin läpi kohderyhmät, tavoitteet, tekniset reunaehdot sekä erityisesti tuomarointiin liittyvä palvelupolku tuomarin, ylityomarin, Grafian adminin sekä järjestelmän toimintojen osalta.

Lisäksi kartoitettiin kilpailuun osallistuvan freelancerin, Nuoren luovan tai yrityksen käyttäjäpolku. Monimutkaiset ja vaiheikkaat polut saatiin kirjattua tekniseksi vaatimusmäärittelyksi, joiden pohjalta tehtiin palvelun tekninen arkkitehtuuri ja tekninen suunnitelma.

Sivuston suunnitteluvaiheessa tehtiin käyttöliittymä- ja visuaalisen suunnittelun prototyypit sekä desktop- että mobiiliversioista.

Tekniset ominaisuudet

Vuoden huiput -sivusto toimii markkinointi-, viestintä- ja palkittujen töiden arkistointipalveluna kilpailulle. Palvelun kautta ilmoitetaan kilpailuun osallistuvat työt, maksetaan ilmoittautumiset sekä tuomaroidaan kunkin vuoden tuomarien toimesta ensimmäisen vaiheen kilpailutyöt.

Osana ilmoittautumista toimii töiden maksaminen erilaisilla maksuvaihtoehdoilla sekä laskulla joko yksittäisenä työnä tai ryhmälaskuna, joka kasaa yhteen useamman ilmoitetun työn kustannukset.

Sivuston suunnittelussa vuodenhuiput.fi julkinen puoli on suppeampi kokonaisuus, joka hyödyntää WordPressin kustomoituja Gutenberg-lohkoja. Sisällöissä on tietoa sivuston kategorioista, tuomareista ja aikatauluista.

Teemaa suunniteltaessa on otettu huomioon kilpailun vuosittain vaihtuva ulkoasu, jota voidaan julkaisujärjestelmän kautta päivittää asiakkaan toimesta ilman teknisen toimittajan apua.

Sivustolle migroitiin uudistuksen yhteydessä valtava arkisto kilpailussa palkittuja töitä, joita voi nykyään suodattaa ja selata nimen, vuoden ja palkinnon tyypin avulla vuoden 1980 palkinnoista asti.

Kirjautuminen palveluun tapahtuu ”Grafia-tunnuksilla”, jotka ovat yhtenäiset sekä Grafia.fi-verkkopalvelussa että Vuoden huiput -palvelussa. Käyttäjät ovat Grafian jäseniä, joiden tiedot tuodaan integraation avulla Gruppo-jäsenrekisteripalvelusta ajantasaisesti jäsenmuutosten osalta. Jäseneksiliittymisprosessi uudistettiin samalla Grafia.fi-sivuston uudistuksen kanssa.

Tuomarointiprosessi

Merkittävänä muutoksessa koko kilpailun historiaan, koko tuomarointiprosessi uudistettiin. Vuonna 2024 esituomaroinnit tapahtuvat kokonaan kirjautumisen takana saman sivuston hallinnan puolella. Automatisoitu prosessi säästää merkittävästi Grafian työntekijöiden työaikaa jatkossa.

Kirjautuneen käyttäjän näkymiin toteutettiin räätälöidyt käyttöliittymät kilpailutöiden ilmoittautumisten hallintaan sekä tuomarointiin liittyen. Käyttöliittymä on dynaaminen ja toteutettu Vue.js javascript-kirjastolla. Erityistä huomiota kiinnitettiin käyttöliittymäelementtien saavutettavuuteen. Data liikkuu WordPressin tietokannan ja käyttöliittymän välillä räätälöityjen REST-rajapintojen kautta. Näiden toteutuksessa huomioitiin tietoturva ja tietosuoja rajaamalla rajapintojen käyttöoikeudet tarkasti. Kokonaisuuteen kuuluu myös räätälöity WooCommerce asennus, jota hyödynnettiin kassa-sivun, maksurajapintojen ja tilausvahvistusten osalta.

Testausvaiheessa tuomarointiprosessia simuloitiin asiakkaan kanssa yhteisessä testaustyöpajassa, jossa käytiin läpi kaikkien roolien palvelupolut sovelluksessa.

Julkaisujärjestelmän osalta asiakas voi rakentaa jokaisen vuoden erikseen itsenäisesti, ja päivittää sivuston valikkoja ja sisältöjä haluamallaan tavalla. Sivusto on AA-tason saavutettava.

Asiakkaan kommentti:

“Kuten Grafian omat verkkosivut, oli vuodenhuiput.fi -sivustokin melko vanha ja päivityksen tarpeessa. Tavoitteena oli sivuston käytön helppous sekä osittainen automatisointi niin hallinnoinnin kuin työn ilmoittajankin osalta.

Sivuston konepellin alla on paljon toimintoja, joita tavallinen verkkosivuvierailija ei huomaa. Ilmoitetut työt siirtyvät kilpailun eri vaiheiden kautta tuomaroinnista shortlistalle sekä Vuoden Huiput -arkistoon. Prosessin aikana kertynyttä kilpailutyökohtaista tietoa käytetään myös vuosikirjan tekemiseen. Tämän lisäksi järjestelmään sisältyy erilaisia käyttäjäryhmiä, joilla kullakin on oma näkymänsä kilpailutöihin. Verkkosivujen tarpeet olivat laajat ja vaaditut ominaisuudet moniulotteiset, eivätkä varmastikaan helpoimmasta päästä.

Redandbluen kanssa työskentely on ollut todella vaivatonta sivuston haastavuudesta huolimatta. He tekivät monimutkaisistakin asioista helposti lähestyttäviä ja olivat aina valmiit auttamaan pienissäkin epäselvyyksissä. Redandbluen sujuva työprosessi auttoi meitä miettimään tarvittavia ominaisuuksia vielä kerran ja löytämään uusia parempia tapoja tehdä asioita. Prosessi eteni aikataulussaan erinomaisesti ja Redandbluen kanssa kaikki on ollut todella sujuvaa. Kiitos Redandbluen loistavalle tiimille, olemme olleet todella tyytyväisiä!”

Julia Valanne, Tuottaja, Vuoden Huiput & Huiput Creative Festival ja Katri Soramäki Toiminnanjohtaja, Grafia ry

Redandbluen kanssa työskentely on ollut todella vaivatonta sivuston haastavuudesta huolimatta. He tekivät monimutkaisistakin asioista helposti lähestyttäviä ja olivat aina valmiit auttamaan pienissäkin epäselvyyksissä.

Julia Valanne, Tuottaja, Vuoden Huiput & Huiput Creative Festival ja Katri Soramäki Toiminnanjohtaja

Erinomainen projektinhallinta, asiakaspalvelu ja asiakkaan liiketoiminnan ymmärtäminen


Sinua voisi kiinnostaa myös

Betolar

Tekijä: MEOM

Tärkein teknologia: HubSpot CMS

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Yrityksen sivusto yritysasiakkaille (B2B)

Vuonna 2016 perustettu Betolar on suomalainen materiaaliteknologian yritys, jonka menetelmällä voidaan muuttaa teolliset jäte- ja sivuvirrat vähähiilisiksi rakennusmateriaaleiksi. Betolar halusi siirtää koko asiakashankinnan HubSpotin päälle. Vastasimme tähän yhteistarjouksella digimarkkinointitoimisto Hopkinsin kanssa. Hopkinsin vastuulla olivat CRM, markkinoinnin automaatio sekä SEO, kun taas me MEOMilla huolehdimme verkkosivuston suunnittelusta ja toteutuksesta. Tärkeää uuden asiakashankinnan kokonaisuuden rakentamisessa oli toimistojen […] Lue lisää

Luomumerkki.fi

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu

Redandblue pääsi toteuttamaan yhteistyössä Ryhmä Creative agencyn kanssa Luomumerkin verkkopalvelun. Luomumerkki sivuston lähtökohtana oli tehdä näyttävä visuaalinen kokonaisuus, joka innostaisi kävijää tutkimaan sivuston sisältöä: hyviä merkkejä, hyviä luomutuottajia ja hyviä reseptejä! Sivustolle haluttiin paljon kuvapintaa sekä liikkuvaa kuvaa. Redandblue vastasi sivuston käyttöliittymämallien ja prototyyppien luomisesta, teknisestä toteutuksesta ja projektijohtamisesta. Ryhmä Creative Agency loi visuaalisen ilmeen […] Lue lisää

Sessak.fi valaisinverkkokauppa

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Verkkokauppa

Porvoolainen perheyritys Sessak Oy on tuonut yli kolmen vuosikymmenen ajan Suomeen uutta valoa. Kokemuksella ja asiantuntemuksella Sessak tuo markkinoille ainutlaatuista, jatkuvasti uudistuvaa muotoilua valaistukseen. Sessakilla on omaa valaisintuotantoa ja valaisimien maahantuontia. Sessakin valikoima perustuu kuukausittain vaihtuviin uutuuksiin, Sessakinomien suunnittelijoiden tuotteisiin sekä erilaisiin tiloihin räätälöityihin valaisinratkaisuihin. Sessak palvelee asiakkaita Suomessa ja Baltiassa. Kohderyhmänä ovatvalaisimien erikoisliikkeet, sisustussuunnitelijat, […] Lue lisää

Scanoffice

Tekijä: Rajasoft Oy

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Scanoffice Oy on Pohjoismaiden suurin uusiutuvan energian tuotteiden maahantuoja. Vuonna 1984 perustettu kotimainen perheyritys on osa Scanoffice Groupia, joka toimii Pohjoismaiden alueella. Yrityksellä on yli 2 000 jälleenmyyjää ympäri Suomen. Tehokas ja näyttävä verkkosivusto hi-tech-yritykselle Lähtökohta Rajasoft oli luonut myös Scanofficen aikaisemman verkkosivuston vuonna 2018. Yrityksen kasvun ja tuotevalikoiman laajentumisen myötä hyvin toiminut sivusto ei […] Lue lisää

Unihome

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Toteutimme asiakkaallemme Unihomelle todellisen avaimet-käteen toimituksen. Unihome tarjoaa majoitus- ja asumispalvelua sekä Entry-asumista helposti ja vaivattomasti Helsingissä ja Espoossa. Yritys on yliopistojen omistama, ja se on alunperin perustettu palvelemaan vaihto-opiskelijoiden ja ulkomaisten opettajien majoitustarpeita. Nykyään Unihome palvelee myös muita väliaikaista asumista tarvitsevia. Unihomen kodeissa on mahdollisuus törmätä kiinnostaviin ihmisiin, ja siellä on solmittu elinikäisiä ystävyyssuhteita […] Lue lisää

Kuluttaja.fi

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Verkkokauppa

Kuluttaja-lehti on Suomen suurin testaaja. Lehti testaa tuotteet puolueettomasti puolestasi, jotta saat rahoillesi parasta vastinetta. Kuluttaja-lehteä ylläpitää Kuluttajamedia ry, joka valvoo kuluttajan oikeuksia. Kuluttaja on julkaissut lehteä jo vuodesta 1967 saakka. Palvelusta löytyy myös musta lista ja lukuisia artikkeleita vuosien varrelta. Lähtökohdat Kuluttajan verkkopalvelu kaipasi uudistamista. Yhdistys oli siirtymässä Salesforce-järjestelmään, ja samalla palvelu haluttiin uudistaa. […] Lue lisää

Vierityspalkki-blogi

Julkaistu vuodesta 2006. Vierityspalkki on blogi kotimaisen internet-alan trendeistä, teknologioista ja alan toimistoista. Seuraa, niin tiedät miten ja kenen toimesta syntyvät parhaat verkkopalvelut, verkkokaupat ja räätälöidyt web-sovellukset.
Lisätietoa blogista ja sen kävijöistä

  • 1140+ asiantuntija-artikkelia.

    Toimitettua asiasisältöä kattavasti teknologioista ja web-alan ilmiöistä. Vierityspalkki nostaa esiin alan puheenaiheita ja tuoretta tutkimustietoa, osallistuu keskusteluun sekä haastattelee alan asiantuntijoita ja toimistoja.

  • 1300+ digipalvelun referenssicasea.

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

  • 1000+ aktiivista lukijaa blogin kuukausikirjeellä.

    Kerran kuukaudessa ilmestyvä kuukausikirje koostaa julkaistut artikkelit, uudet julkaisut, avoimet työpaikat ja ajankohtaiset linkkivinkit.

  • 29 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-osaajiin ja räätälöityjen web-sovellusten tekijöihin.

Tilaa kuukausikirje

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

Siirry takaisin sivun alkuun