Jouluradion sivusto

Toimiston ilmoittama referenssi

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Web-sovellus, mobiilisovellus tai asiointipalvelu

FM-radion tueksi syksyllä 2018 avattiin Jouluradion uudet verkkosivut, joiden välityksellä joulumusiikin vannoutuneet ystävät saivat sesongin ajan nauttia FM-taajuuden lisäksi yhdeksästä muusta kanavasta verkossa. Verkkosivuille tehtiin joulun aikaan parhaimmillaan lähes 50 000 käyntiä päivässä. Kokonaisuudessaan jouluradio.fi toteutettiin headless WordPress-ratkaisuna. Frontti toteutettiin Reactilla siitäkin syystä, että Geniemillä on yli 15 hengen React-tiimi talossa.

Miksi WordPressin ja Reactin yhdistelmä?

Tämän vuoden puolella on käyty kiivasta keskustelua Twitterissä, LinkedInissä ja myös Vierityspalkissa koskien WordPress sivuston frontin toteutusta Reactilla ja sitä, onko Reactista tullut uusi Flash.

Meidän näkemyksemme on, että perus viestinnällinen verkkosivusto joka on vahvasti sisältöpainottunut ei juuri hyödy headless-konseptista. Kuten keskusteluissa on tullut esille se voi tuoda monia asioita ratkaistavaksi, jotka perus WordPress toteutuksella tehtynä on kunnossa “out-of-the-box”.

Jouluradio ei ollut sisältöpainotteinen sivusto vaan enemmän sovelluksenomainen soitin, jonka päätarkoituksena on toimia käyttöliittymänä joululaulujen soittamiseen. Tämän lisäksi sivustolla oli kuitenkin jonkin verran aiheeseen liittyvää sisältöä, joten sisällönhallinnan työkalulle oli selkeä tarve ja se puolsi WordPressin käyttöä itse sisällön tuotantoon. Tästä syystä päädyimme headless WordPress-toteutukseen.

Ensimmäistä sivunlatausta varten Reactin takana on Next.js toteutus.

Jouluradio.fi sivustolle toteutetut integraatiot

Nettiradion eri kanavat striimataan kolmannen osapuolen järjestelmästä. Striimien lisäksi integraationa tehtiin webhook, jonne järjestelmä lähetti soivan kappaleen metatiedot kappaleen vaihtuessa eri kanavilla, joka lähetettiin websocketilla frontendille. Samalla soiva kappale lisättiin tietokantaan, jolloin voitiin ylläpitää tietoa viimeksi soitetuista kappaleista.

[Toim. huom. Referenssi on alunperin julkaistu Geniemin nimissä. Geniem tunnetaan nykyisin Hion-nimellä.]


Sinua voisi kiinnostaa myös

Sylva ry:n uusi verkkopalvelu

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu

Sylva ry:n uusi verkkopalvelu on juuri julkaistu (09/2021) ja sillä Sylva tähtää saavutettavaan ja monipuoliseen verkkopalveluun täyttäen useiden eri kohderyhmien tarpeet. Meillä oli kunnia aloittaa Sylvan verkkopalvelun uudistusprojektia toden teolla alkuvuodesta 2021. Projektissa suunniteltiin ja toteutettiin verkkopalvelu, joka ennen kaikkea palvelee paremmin muun muassa seuraavia kohderyhmiä: – lapsiperheet – nuoret – nuoret aikuiset – vapaaehtoiset […] Lue lisää

Turvaopas.fi

Tekijä: Virnex

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Palvelu taloyhtiöiden turvallisuuden parantamiseen Turvaopas.fi on innovatiivinen verkkopalvelu, joka on suunniteltu erityisesti taloyhtiöiden turvallisuuden parantamiseen. Vilkas muuttoliike ja uudet trendit, kuten Airbnb, on tullut jäädäkseen samalla kun vuokra-asumisen suosio kasvaa. Taloyhtiölle tämä tuo haasteita myös turvallisuuden näkökulmasta. Turvaopas tarjoaa ajantasaisen tiedon kaikille taloyhtiön asukkaille sekä heidän vieraille taloyhtiön turvaohjeista, sekä asukkaan omista velvollisuuksista. Palvelu tarjoaa […] Lue lisää

Kokkolan kaupunki – verkkosivustouudistus

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu

Kokkolan verkkosivustouudistuksen kärkinä asukaslähtöisyys, käytettävyys, tiedon löydettävyys ja saavutettavuus Toteutimme Kokkolan kaupungin verkkosivustouudistuksen WordPress-julkaisujärjestelmään. Uudistetun, alkuvuodesta 2021 julkaistun kaupunkisivuston ilme perustuu Kokkolan kaupungin uuteen brändiin, ja sivusto heijastelee kaupungin strategian linjauksia, joissa korostuvat asukaslähtöisyys, palvelukehitys ja digitaalisuus. Sivustolla on kiinnitetty erityistä huomiota saavutettavuuteen, selkeyteen, sivujen käytettävyyteen, tiedon löydettävyyteen sekä mobiilikäytettävyyteen. Samalla myös Kokkolan Matkailun visitkokkola.fi-sivusto […] Lue lisää

A-Katsastus

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

A-Katsastus on Suomen johtava yksityinen ajoneuvokatsastusten, rekisteröintien ja kuljettajantutkintojen tarjoaja. Lähdimme uudistamaan A-Katsastuksen verkkopalvelukokonaisuutta tilanteessa, jossa konsernilla oli neljä erillistä sivustokokonaisuutta. Tämä näkyi hajanaisena asiakaskokemuksena. Myös silloinen sisällönhallintajärjestelmä koettiin kankeaksi käyttää. Asiakkaamme tavoitteena olikin yhtenäistää kävijän asiakaskokemusta, ja luoda kokonaisuus, joka palvelee loppuasiakasta parhaalla mahdollisella tavalla. Projekti alkoi syväluotaavalla konseptointityöllä mm. kohderyhmäkartoituksen myötä, jonka pohjalta […] Lue lisää

Uusi nuorten.helsinki-palvelu

Tekijä: Hion

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu

Geniem valikoitui toimittajaksi Helsingin kaupungin kulttuuri- ja vapaa-aika -toimialan projektiin, jossa sivustojen kokonaisuutta selkeytetään jatkossa siten, että osa sivustoista korvataan kokoavilla, teemallisilla palvelukokonaisuuksilla. Näistä ensimmäinen esimerkki on vuoden 2021 alussa julkaistu, nuorille suunnattu nuorten.helsinki-palvelu. Helsingin kaupungin iso ja huolellinen valmisteleva suunnittelutyö pohjusti varsinaista toteutusprojektia. Nuorten.helsinki-verkkopalvelun visuaalinen ilme oli suunniteltu alustavasti. Valmiiksi oli mietitty myös verkkopalvelun […] Lue lisää

FC Inter Turku – verkkosivustokokonaisuuden uudistus

Tekijä: G-Works

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Lähtötilanne ja tavoitteet projektille FC Inter, yksi Veikkausliigan perinteikkäimmistä ja menestyneimmistä seuroista, pyysi G-Worksilta apua verkkosivustonsa uudistamiseksi. Heidän tavoitteensa oli päivittää sivusto, joka ei enää vastannut seuran tarpeita eikä strategiaa. Sivuston kehittämiskohteina olivat visuaalisuus, teknologia sekä sisältörakenne ja sisällön esitystapa. Pelistrategia suunnittelutyön pohjaksi Projektin alkaessa oli ensisijaisen tärkeää luoda tarkka pelistrategia. Workshopissa G-Works ja FC […] 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 lukijoista.

  • 1100+ 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.


    Kaikki artikkelit

  • 1300+ digipalvelun referenssicasea.

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


    Selaa toimistojen julkaisuja

  • 1000+ aktiivista lukijaa blogin kuukausikirjeellä.

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


    Tilaa uutiskirje

  • 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-osaajiin 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 1000 tilaajaa.
Huom. Sähköpostiosoitettasi ei luovuteta eteenpäin, eikä käytetä mihinkään muuhun tarkoitukseen – ihan oikeasti.

Siirry takaisin sivun alkuun