Jouluradion sivusto

Toimiston ilmoittama referenssi

Tekijä: Geniem Oy

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Web-sovellus 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.

Lisää toteutuksesta Geniemin blogissa.


Sinua voisi kiinnostaa myös

Lahden kaupungin verkkosivustouudistus

Tekijä: Geniem Oy

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Suunnittelimme ja toteutimme Lahden kaupungille uuden, saavutettavan WordPress-verkkosivuston, joka julkaistiin syyskuussa 2020. Poikkeustilanteesta huolimatta projekti vietiin läpi suotuisissa tuulissa. Onnistuneen projektin taustalla poikkeustilanteessa olivat suunnittelutyö ja tiimityöskentely, aktiivinen ja avoin kommunikaatio molemmin puolin, hyvin suunniteltu resursointi sekä toimittajan vahva etätyökulttuuri. Koska Lahden kaupunki on julkinen organisaatio, olisi vanha sivusto vaatinut 23.9.2020 voimaan astuneen EU:n saavutettavuusdirektiivin […] Lue lisää

SEES

Tekijä: Trimedia Oy

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Verkkokauppa

Suomalainen SEES Company valmistaa kodinsiivoustuotteita ja luonnonkosmetiikkaa. Kaikki tuotteet valmistetaan ilman keinotekoisia ainesosia tai synteettisiä tuoksuaineita. Valikoimaa yhdistää luontoystävällisyys, raaka-aineiden korkea laatu ja suomalainen design. Uudistuksen tavoitteena oli luoda sivusto, joka luo oikeutta laadukkaille kuva- sekä videomateriaaleille. Koko sivusto, sisältösivut ja verkkokauppa uudistettiin brändin mukaisesti. Tuloksena brändin mukainen WooCommerce verkkokauppa  Yrityksen showroomina ja myyntikanavana verkossa […] Lue lisää

Kokkolan kaupunki – verkkosivustouudistus

Tekijä: Geniem Oy

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkisen organisaation tai yhdistyksen sivusto

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

Tukiliiton sivustouudistus ja verkkokauppa

Tekijä: Geniem Oy

Tärkein teknologia: WordPress

Projektin budjetti: 30 000–60 000 €

Projektin tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Kun Tukiliiton kanssa lähdettiin uudistamaan sivustoa vuonna 2017, oli lähtökohtana yhdistää viisi sivustoa, tiivistää sisältöjä ja jaotella sisällöt helposti saavutettaviksi kokonaisuuksiksi. Koska sivuston yhtenä pääkohderyhmänä on vammaiset, oli saavutettavuus/esteettömyys kaiken kaikkiaan keskeinen tavoite sivustoa suunnitellessa ja kehitettäessä. Tukiliitto on valtakunnallinen toimija, jonka jäseniä ovat paikalliset, alueelliset ja valtakunnalliset yhdistykset. Kun Tukiliiton kanssa lähdettiin uudistamaan sivustoa, […] Lue lisää

Business Tampereen yritystietopalvelu -verkkosovellus

Tekijä: Geniem Oy

Tärkein teknologia: Asiakaskohtainen ohjelmointityö

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Web-sovellus tai asiointipalvelu

Taustaa: Business Tampere on tarjonnut sidosryhmilleen työkalun alueen yritystietojen analysointiin. Työkalu oli hidas  käyttää ja sen toiminnassa oli ongelmia. Uudistus: Business Tampereelle oli tärkeää lähteä toteuttamaan palvelua avoimella lähdekoodilla. Julkisena toimijana se haluaa, että voi vapaasti levittää sitä muille toimijoille, jotka voivat halutessaan ottaa palvelun käyttöön sekä kehittää ja rikastaa sitä edelleen. Toimintamalli sopi Geniemille […] Lue lisää

Digitaalinen infonäyttösovellus Helsinki-Vantaan Alepalle

Tekijä: Mediasignal

Tärkein teknologia: WordPress

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Web-sovellus tai asiointipalvelu

Helsinki-Vantaan lentokentän Alepalla oli tarve hyvin monipuolisen informaation esittämiseen myymälässä, sillä lentokentällä Alepan työntekijät joutuvat vastaamaan matkustajien mitä moninaisimpiin kysymyksiin. Alepa halusi tarjota asiakkailleen näytöltä käytettävän sovelluksen, johon he voisivat ohjata asiakkaitaan löytämään lisätietoa heitä kiinnostavista aiheista. Sovelluksen tietojen päivitys haluttiin hoitaa ylläpitäjille tutulla WordPress-järjestelmällä. Toimitimme 55″ kosketusnäyttöihin 4K ja FullHD skaalautuvan sovelluksen, jonka alustaratkaisuna […] 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ä

  • 1150+ 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+ julkaistua referenssiä Julkaisut-palstalla.

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

  • 900+ aktiivista lukijaa blogin kuukausikirjeellä.

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

  • 30+ 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 900 tilaajaa.
Huom. Sähköpostiosoitettasi ei luovuteta eteenpäin, eikä käytetä mihinkään muuhun tarkoitukseen.

Siirry takaisin sivun alkuun