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

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

Suomen Kiinteistönvälittäjät ryn sivuston uudistus

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Suomen Kiinteistönvälittäjät ry (SKVL) on voittoa tavoittelematon järjestö, jonka missiona on turvallisen ja lainmukaisen asunnon vaihdon mahdollistaminen. SKVL:n jäsenverkoston avulla asunnon vaihtaja saa paikallisen, vastuullisen asiantuntijan avukseen ja saa kaiken tarvitsemansa lainmukaisen tiedon löytääkseen kodin turvallisesti. SKVL toimii myös lainsäädännön kehittäjänä sekä neuvonantajana ja valvoo alalla toimivien jäsenyrittäjien toimintaa eettisesti. Redandblue uudisti SKVL:n verkkosivuston, ja […] Lue lisää

Pharmian uusi verkkosivusto

Tekijä: redandblue

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Lähtökohdat ja tavoitteet Pharmia Oy on Euroopan johtava ravintolisien ja lääkinnällisten laitteiden (CE-merkittyjen tuotteiden) kehittämiseen ja valmistukseen erikoistunut suomalainen sopimusvalmistaja. Pharmian verkkosivu-uudistuksen tavoitteena oli luoda helppokäyttöinen, selkeä ja responsiivinen verkkopalvelu, joka tukisi yrityksen liiketoimintaa ja toimisi myynnin ja markkinoinnin tärkeimpänä työkaluna. Vanhat verkkosivut eivät enää palvelleet kasvavaa liiketoimintaa riittävän hyvin, ja uudistuksella haluttiin parantaa myös […] Lue lisää

Kehityspolitiikan tulosraportti 2022

Tekijä: redandblue

Tärkein teknologia: Asiakaskohtainen ohjelmointityö

Projektin budjetti: yli 60 000 €

Ulkoministeriö tuottaa ja julkaisee Kehityspolitiikan tulosraportin neljän vuoden välein. Kehityspolitiikan tulosraportti 2022 esittelee kehityspolitiikan ja kehitysyhteistyön tuloksia vuosilta 2019–2021. Julkaistu tulosraportti osoittaa, että Suomen kehitysyhteistyö tuottaa tuloksia, vaikka pandemia, konfliktit ja ilmastonmuutos ovat hidastaneet myönteistä kehitystä maailmalla. Infografiikkaa, karttoja ja datatauluja Kehityspolitiikan tulosraportti toteutettiin yhtäaikaisesti printti- ja verkkoversiona. Redandblue suunnitteli printtitoteuksen edetessä elementtien ja raportin […] Lue lisää

Y-Säätiön verkkopalvelu

Tekijä: redandblue

Projektin budjetti: yli 60 000 €

Y-Säätiö on Suomen neljänneksi suurin vuokranantaja ja merkittävä asunnottomuuden poistamisen suunnannäyttäjä, joka edistää asukkaidensa hyvinvointia ja kestävää elämäntapaa, jotta jokaisella on koti. Y-Säätiö vuokraa kohtuuhintaisia asuntoja niitä tarvitseville ja työskentelee asunnottomuuden poistamiseksi. Y-Säätiön verkkopalvelun lanseerauksen yhteydessä julkistettiin Y-Säätiön uusi ilme. Verkkopalvelu-uudistuksessa asuntoensin.fi-sivusto tuotiin osaksi Y-Säätiön sivustoa. Sivuston rakennetta selkiytettiin aikaisemmasta, ja tavoitteena oli myös saavutettavuuden […] 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ää

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