Geniem

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Web-sovellus tai asiointipalvelu

Geniem suunnitteli ja toteutti Väestöliiton uuden Hyvä kysymys -verkkopalvelun, joka tarjoaa paljon maksuttomia, eri ihmissuhteisiin ja hyvinvointiin liittyviä palveluja ja toimintoja. Väestöliitto yhteistyössä useiden kumppanijärjestöjen kanssa tuottaa palveluun laadukasta ja monipuolista sisältöä ja siksikin sivuston ylläpito on pyritty tekemään sisällön ja palvelujen tuottajille mahdollisimman helpoksi. Sisällönsyöttö on ratkaistu järjestökohtaisilla räätälöidyillä näkymillä ja eri käyttäjätasoilla. Tämä mahdollistaa saman palvelun käytön usean eri järjestön ja käyttäjätason välillä ja ylläpito säilyy yksittäiselle käyttäjälle selkeänä ja johdonmukaisena.

Sisältöjä ulkoisista blogeista kuten vaestoliitonblogi.com tuodaan järjestelmään RSS syötteiden avulla. Valitut RSS syötteet tuodaan valitulle WordPress Multisite sivustolle Geniemin tekemällä tietojentuontilisäosalla, johon tehdään räätälöity skripti RSS-syötteiden käsittelyyn. Kaikki Hyvä kysymys -verkkopalvelun chat-ominaisuuksia sisältävät osa-alueet (luennot, päivystyschat, ajanvarauschat, ryhmächat) on toteutettu yhteen React-verkkosovellukseen. Verkkosovellus hyödyntää taustalla avoimen lähdekoodin RocketChat alustaa, johon palvelu on integroitu.

Sivuston hakutoiminto on erittäin keskeinen osa palvelua. Sivustolla on todella paljon sisältöä, sillä sisällöntuotannosta vastaa tällä hetkellä melkein 40 eri järjestöä. Ongelmana haussa on yleensä hitaus silloin, kun sisältöä on valtavasti. Tässä projektissa Geniem ratkaisi asian käyttämällä RedisSearch + RediPress -yhdistelmää. Hakuun haluttiin myös parannuksia, jolloin otettiin käyttöön Voikko-oikoluku- ja taivutusohjelmiston Node.js-version.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Suunnittelimme ja toteutimme vuosien 2018 ja 2019 aikana Tampereen korkeakouluyhteisölle 5 kpl “kotisivukoneita” eli WordPress-multisite asennuksia. Projektissa luotiin kolme erilaista WordPress-teemaa näiden kotisivukoneiden käyttöön ja monipuoliset kustomoidut käyttäjätasot sekä integraatioita, kuten esimerkiksi HAKA-kirjautuminen.

Kotisivukoneisiin rakennetuilla yhtenäisillä teemapohjilla voi sekä pystyttää sivustoja korkeakouluyhteisön projekteja, hankkeita, tutkimuksia ja tapahtumia varten että perustaa blogeja. Kotisivukoneisiin perustetaan satoja sivustoja, mikä oli otettava huomioon suunnitteluvaiheesta lähtien. Yhtenäiset teemapohjat tarkoittavat Tampereen korkeakouluyhteisön kotisivukoneissa yleisempien ja tyypillisimpien julkaisutarpeiden mahdollisimman hyvää hallittavuutta. Ne asettavat julkaisijalle rajoitteita ohjaten häntä pitäytymään yhteisön yhtenäisessä mallissa.

Teemapohjien lisäksi uusien sivustojen pystyttämistä nopeuttaa sivustojen kloonaustoiminto, joka monistaa mallisivuston uuden sivuston pohjaksi. Toteutimme kotisivukoneisiin myös monipuoliset kustomoidut käyttäjätasot sekä vaativia integraatioita, kuten:
– HAKA-kirjautuminen
– käyttäjäroolien hallinta IAM:lla eli LDAP, josta saadaan käyttäjien sivustokohtaiset roolit
– henkilötietojen integraatio erillisestä sisältöjärjestelmästä

Haka-kirjautumista varten toteutimme Shibboleth-integraation Docker-ympäristöön, minkä teimme ensimmäisten joukossa maailmassa.

Saavutettavuuden huomioiminen oli olennainen osa projektia. Saavutettavuusauditoinnin suoritti Annanpura Oy. Saimme kokonaisuuden yleisestä saavutettavuuden tasosta erittäin hyvää palautetta.

Toimitamme Tampereen korkeakouluyhteisölle kotisivukoneiden jatkuvia palveluita. Hosting- eli käyttöpalvelut noudattavat 99,5 % palvelun käytettävyystasoa ja 2h reagointiaikaa kriittisissä ongelmatilanteissa. Vastaamme myös palvelun jatkokehityksestä ja teknisestä ylläpidosta.

Asiakaspalaute:
Yhteistyö oli sujuvaa ja kysymyksiin vastattiin nopeasti. Geniemin toteuttama hallintanäkymä on toimiva – myös vähemmän ko. julkaisujärjestelmää käyttäneet ovat kokeneet sen helpoksi. -Riikka Venetjoki, Tampereen korkeakouluyhteisö, 1/2020

(Huom. Avaa sivusto -linkin takaa löytyy esimerkki yksittäisestä sivustosta.)

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Yrityksen sivusto

Keväällä 2019 pääsimme suunnittelemaan ja toteuttamaan Mall of Triplan yhteydessä sijaitsevan Musiikkimuseo Famen uutta sivustoa ja verkkokauppaa. Toteutusprojektissa vastasimme sivuston käyttöliittymästä ja visuaalisesta suunnittelusta, teknisestä toteutuksesta sekä testauksesta ja julkaisusta. WordPress-sivusto on kielellistetty suomen lisäksi kolmelle eri kielelle (englanti, ruotsi ja venäjä) Polylang Pro -lisäosalla.

Musiikkimuseon sivuston yhteyteen integroitiin WooCommerce-verkkokauppa, jossa myydään Famen tuotteita. Satoja tuotteita sisältävässä verkkokaupassa tuoteryhmiä ovat muun muassa kirjat, korut, levyt, design-tuotteet, muumituotteet ja musiikkiaiheiset tuotteet. Verkkokaupan maksutapapalvelut on toteutettu OP Payment Service -lisäosalla.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun 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.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Uudistimme Vaasan kaupungin sivuston projektissa, jossa yhdistettiin samalla neljä eri sivustoa yhdeksi. Ennen Vaasan kaupungin, Vaasan seudun, Vaasan matkailun ja Merenkurkun maailmanperintökohteen sivustot olivat omia irrallisia kokonaisuuksiaan, joiden välillä kuntalaiset, matkailijat, muuttajat, opiskelijat ja yritysten edustajat sukkuloivat.

Sivustouudistuksen päätavoite oli saada Vaasan seudun yhteiseen käyttöön hakukoneystävällinen, käyttäjäystävällinen ja helposti ylläpidettävä verkkopalvelu, joka erottuu edukseen. Lisäksi mobiiliystävällisyyteen ja sisällön laatuun panostettiin huomattavasti.

Toteutimme sivustouudistuksen yhteydessä seuraavat integraatiot:
– AD-integraationa tulee käyttäjät WordPressiin ja käyttäjien yhteystiedot noudetaan integraatiolla Telian MECM-järjestelmästä
– Tapahtumakalenterissa on tehty integraatio Etelä-Pohjanmaan liiton tapahtumakalenteriin

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

The Gaming Innovation Group (GiG) on Norjalainen pörssiyhtiö, joka erikoistuu online rahapeleihin.

Toteutimme vuonna 2018 Gig.com-verkkopalvelun WordPress-julkaisujärjestelmän päälle. Sivusto on
rakennettu modulaarisesti komponenteista, joten ylläpitäjillä on mahdollisuus rakentaa uusia sivutyyppejä komponenttien avulla.

Sivustolle suunniteltiin ja toteutettiin myös sijoittajaosio,​ josta löytyy interaktiivinen pörssikurssien seuranta.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Loimme Suomen evankelis-luterilaisten hiippakuntien käyttöön “kotisivukoneen” WordPress Multisite Networkin päälle. Sivustoilla on yhtenäinen teema ja koodipohja, mutta sisältöjä hallinnoidaan sivustokohtaisesti. Hiippakuntien sivustot on tarkoitettu työntekijöille ja sellaisiksi aikoville sekä muille pienemmille kohderyhmille.

Jokainen sivusto koostuu viidestä eri sisältötyypistä: Sivut, Artikkelit, Blogit, Tapahtumat ja Usein kysytyt kysymykset (FAQ). Ne antavat valinnanvaraa sisällöntuotantoon.

Sivustolle on suunniteltu komponenttipohjainen päätason sivurakenne, jonka ansiosta eri hiippakunnat voivat tehdä sivusta hyvinkin erilaisia. Vaihtoehtoja ovat esimerkiksi:

– kuva vasemmalla, oikealla tai taustakuvana
– kuvan koko iso/pieni
– perinteinen sisältöeditori
– jaksot (tai haitarit, eli accordionit)
– painikkeet

Komponenttirakenne mahdollistaa myös sisältöosioiden järjestyksen vaihtamisen helposti raahaamalla. Sisältösivulle on mahdollista nostaa artikkeleita tietystä kategoriasta, esimerkiksi istuntojen päätöksiä. Ylläpitäjän niin halutessa, sivulle voi myös nostaa aiheeseen liittyviä FAQ-kysymyksiä tai lisätä lomakkeen, jolla käyttäjä voi tilata uutiskirjeen.

Komponenttisivulla ei ole varsinaista alavalikkoa, mutta sivun sisäinen ankkurivalikko vie käyttäjän etsimänsä sisällön pariin. Ylläpitäjän tulee vain lisätä sisältöosion sille varattuun kenttään haluamansa teksti, joka näytetään käyttäjälle ankkurivalikossa, jota klikkaamalla päätyy oikean sisällön pariin.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Opetusalan Ammattijärjestö OAJ on maailman ainoa työmarkkinajärjestö, joka valvoo koulutus-, kasvatus- ja tutkimusalan ammattilaisten etuja aina varhaiskasvatuksesta aikuiskoulutukseen. OAJ:n valtakunnalliset piirit ja yhdistykset yhteensovittavat jäsenkuntansa edunvalvontaa ja järjestöasioihin liittyviä tavoitteita, tekevät esityksiä ja aloitteita sekä järjestävät kokouksia jakoulutuksia.

Saimme tehtäväksemme luoda “kotisivukone”, eli yhtenäinen sivustomalli OAJ:n kuudelle eri piiriyhdistykselle. OAJ oli juuri luopumassa Oracle Web Center Sites -pohjaisesta verkkopalvelukokonaisuudesta, joka oli aiheuttanut “paljon tuskaa”. Onneksi uudeksi alustaksi oli valittu WordPress Multisite, joka soveltuu erinomaisen skaalautuvuutensa vuoksi sekä pienempiin että suurempiin kokonaisuuksiin ja on helposti käyttöönotettavissa matalan oppimiskynnyksensä vuoksi. Multisitessa lisänä tulee vielä keskitetty käyttäjähallinta.

Erillisillä yhdistyssivustoilla on tavoitteena vastata valtakunnallisten yhdistysten jäsenten tyypillisiin palveluja koskeviin kysymyksiin mahdollisimman ymmärrettävästi tämän opetusalan roolin näkökulmasta. Keskeisiä tiedontarpeita käyttäjille ovat:

– edunvalvonnallisiin aiheisiin liittyvät uutiset ja tapahtumat
– yhdistyksen perustiedot, kuten yhteystiedot ja organisaatiotieto
– tieto yhdistyksen toiminnasta ja päätöksenteosta
– jäsenasiat, kuten jäsenedut ja jäseneksi liittyminen

Sivustojen pääpaino on ajankohtaisuudessa, eli artikkeleissa, artikkelivirroissa, blogeissa ja tapahtumissa. Myös sivuston visuaalisuus rakentuu artikkelikuvituksen kautta, jolloin erillisiä päivitettäviä pääkuvia ei sivustoilta juuri löydy. Sivustokohtaisesti voi valita sivustolle väriteeman.

Jokaisella sivustolla on nostopalsta, johon voi ylläpitäjä luoda haluamiaan sisältöpalstoja, esim. uutisnostoja, bannereita ja oikopolkulinkkejä.

Katso linkit teemalla tehtyihin sivustoihin blogistamme.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Yrityksen sivusto

Uudistimme vuonna 2018 Rotator yrityssivuston.

Uusi sivusto on rakennettu yhdessä Rotatorin tiimin kanssa pidettyjen Service Lab -työpajojen pohjalta määriteltyjen käyttäjäprofiilien palvelemiseksi.

Tärkeimpiin toiminnallisuuksiin voidaan listata muun muassa edistynyt haku, paikalliset yhteystiedot ja huoltolistaus. Vaihtokoneet tuodaan kaupattavaksi Mascus-järjestelmästä upotuksena.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Yrityksen sivusto

Toteutimme House of Laplandin elokuvakomissiolle Lokaatiopankki-palvelun, johon on kerätty valokuvia Lapista tarkoituksena auttaa elokuvantekijöitä löytämään kätevästi sopivia kuvausmaisemia.

Käyttäjä voi etsiä haluamiaan maisemia tai kohteita kategorioiden avulla, kuten:

– Northern Lights
– Autumn Colors
– Wilderness & Nature
– Rivers, Lakes & Whitewaters

Käyttäjä voi koostaa kuvista portfolion ja lisätä niitä moodboardille hakien näin käyttötarkoitukseen soveltuvaa kokonaisuutta. Moodboardin voi tilata sähköpostiin ja ladata koneelle, jolloin kuvia voi käyttää esimerkiksi presentaatiossa tuottajille.

Sivustolta löytyy myös paljon tietoa eri kunnista, joiden avulla kuvauspaikkoja voi löytää.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Syksyllä 2017 saimme tehtäväksemme uudistaa pohjois-savolaisen Siilinjärven kunnan auttamatta vanhentuneen sivuston WordPress-alustalle. Pesäpallopitäjänä tunnetun Siilinjärven sivusto ylläpidettiin kokonaan kunnan työntekijöiden voimin aina omista palvelimista lähtien. Toiveissa korostuivatkin kokonaispalvelut aina julkaisujärjestelmän käyttöönotosta ylläpitoon.

Projektin kokonaisuus oli uuden julkaisujärjestelmän käyttöönoton suunnittelu ja läpivienti Saas-palveluna (Software as a Service), tarvittava palvelinkapasiteetti IaaS-palveluna (Infrastructure as a Service), vaaditut integraatiot PTV-palvelutietovarantoon sekä ylläpito ja tekninen tuki.

Geniemin suunnittelu- ja palvelumuotoiluosaaminen vakuutti Siilinjärven valitsemaan Geniemin myös sivuston designin toteuttajaksi.

Sivustolla vierailijaa tervehtii sama kultainen kauris, joka kuvanveistäjä Pekka Jylhän veistämänä tervehtii myös Siilinjärvelle valtatie 5 kautta tulijoita.

Päänavigaatio on jaoteltu kuuteen eri osioon, josta pääsee seuraavalle päätasolle. Sivustolla on yhteensä yli 500 yksittäistä sivua, joten kaikkea ei suinkaan kannata sisällyttää yhteen navigaationäkymään, vaan alempiin tasoihin käyttäjä pääsee käsiksi alasivujen apuvalikosta. Yli 100 sisällöntuottajan työtaakkaa on myös ajateltu poistamalla ylimääräisiä sisältötasoja, jolloin poistuu tarve luoda sisältöä vain siksi, että sivuston rakenne sitä vaatii.

Sisällön suuri määrä vaikeuttaa helposti myös tiedon löydettävyyttä. Tätä taklaamaan on sivustolla normaalia WordPress-hakua edistyneempi Relevanssi-haku sekä sivuston ylä- että alaosassa sekä erillinen Palveluhakemisto, johon sisällöntuottajan on helppo lisätä uusia avainsanoja.

Yritys- ja yhdistyshakemisto suodattaa suuria tietomääriä nopeasti ja kevyesti hyödyntäen list.js-kirjastoa. Yrityksiä voi listata myös Tilastokeskuksen toimialalistauksen mukaan.

Sivustolle toteutettiin myös toiminnallisuus, jolla voidaan esimerkiksi hakea sivustolle tietyn koulun yhteystiedot Kansallisesta Palvelutietovarannosta.

Siilinjärven sivustouudistuksen avainsanat:
– Responsiivisuus
– Laaja sivusto (yli 500 sivua)
– Suuri käyttäjien määrä (yli 100 sisällöntuottajaa)
– Mukautetut sisältötyypit
– Räätälöity yritys- ja yhdistyshakemisto
– Palveluhakemisto Relevanssi-haun tukena
– Megamenu
– Tiedonhakutoiminto Palvelutietovarannosta (PTV-integraatio)

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Yrityksen sivusto

Saimme ilon ja kunnian suunnitella ja toteuttaa Pohjantähdelle uuden verkkosivuston. Pohjantähti ei lähtenyt uudistukseen valmistautumattomana, vaan taustalla oli jo kattava konsultin kanssa tehty vaatimusmäärittely, sivustokartta ja lista sivuilta vaadittavista ominaisuuksista.

Tavoitteena oli luoda nykyaikainen responsiivinen sivusto, joka palvelee eri käyttäjäryhmiä sujuvasti ja joka on linjassa muun viestinnän ja palveluiden kanssa.

Liikkeelle lähdettiin suunnittelutyöpajalla, jossa keskusteltiin sivuston tavoitteista ja kohderyhmistä, luotiin käyttäjäpersoonia ja hahmoteltiin myös tärkeimpien näkymien käyttöliittymiä. Menetelmän tarkoituksena on eläytyä käyttäjän tilanteeseen ja näin ajatusmalli saadaan käännettyä asiakaslähtöiseksi. Useiden asiakastarinoiden luonnissa nähdään yhteneväisyydet tarpeissa eri käyttäjäryhmien välillä ja näitä tietoja voidaan hyödyntää suoraan käyttäjäpolkua ja käyttöliittymää suunnitellessa.

Sivustolle haluttiin kaksi eri puolta: Yksityisasiakkaille ja yritysasiakkaille tarkoitetut näkymät ja näille näkymille selkeät visuaaliset indikaattorit. Eri puolet ovat omia sisältöjään, mutta yrityspuolen sisältö on suurimmaksi osaksi duplikaattia. Tehokasta sisällönhallintaa varten loimme ominaisuuden, jonka avulla sivua tai julkaisua luodessa voidaan valita, tehdäänkö siitä yrityspuolelle kopio, vai luodaanko se täysin uniikkina. Yrityspuolen sisältö on myös huomioitu hakukonenäkökulmasta – duplikaattisisältö ei heikennä Googlen Page Rankia.

Sivuston välimuistitusratkaisut takaavat loppukäyttäjälle nopeat sivujen latausajat. Paljon esiintyvät sisältökomponentit on toteutettu omina koodiblokkeinaan, jolloin pienet kustomoinnit ja suuremmatkin rakennemuutokset saadaan toteutettua kustannustehokkaasti.

Kaikki yhteyshenkilöt ovat omia julkaisujaan, jotka on linkitetty tiettyyn konttoriin. Tämä on hyväksi havaittu tapa toteuttaa sisältöä, joka toistuu monessa paikassa ja jota voidaan lisätä, muokata tai poistaa usein. mYhteystietoihin toteutimme konttorihaun, jolloin kirjoittamalla kunnan tai postinumeron voi etsiä itseään lähimmän konttorin. Lisäksi haku löytää aina myös lähimmän täyden palvelun konttorin.

Adminin ohjeistuksiin on panostettu, jotta ylläpitäjä (joita Pohjantähdellä on useita kymmeniä) voi keskittyä käsillä olevaan tehtävään, eikä tuhlaamaan aikaa erehtymisen kautta oppimiseen.

Lopputuloksena on moderni yrityssivusto, joka toimii nopeasti ja hakukoneystävällisesti ja on ennen kaikkea helposti jatkokehitettävissä. Ja Pohjantähdessä ollaan oltu myös tyytyväisiä:

“Yhteistyö Geniemin kanssa on sujunut hienosti ja keskustelu on sujunut mutkattomasti ja täysin reaaliaikaisesti projektin omalla Slack-kanavalla. Jos mieleen tuli palaverissa unohtunut asia tai täsmennyspyyntö, sen saattoi kysyä kanavalla ja saada vastauksen parhaimmillaan välittömästi.

Erityisesti design-vaiheessa omien ajatusten konkretisointi hahmotelmista valmiiksi layout-ehdotuksiksi asti design-työpajoissa tuuletti myös omia ajatuksiamme.

Teknisen toteutuksen näkökulmasta sivusto on tuotu selkeästi nykypäivän standardeja vastaavaksi ja eri sivustotyyppien hallinta on tehty mutkattomaksi. Geniem on toteuttanut monia mobiilinäkymiä poikkeuksellisen hyvin skaalautuvasti. Responsiivisuus ei tarkoita vain sitä, että elementit lomittuvat allekkain, vaan tärkeimpiä näkymiä on myös hienosäädetty käyttötilanteen mukaan erilaisiksi mobiilissa ja tavallisella pöytäkoneella.”

– Mikael Boström, Pohjantähti

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Yrityksen sivusto

YH Kodit on ollut asiakkaanamme jo pitkään. Pitkäaikaisten asiakkaidemme kohdalla välillä käy niin, että tieto Geniemin kehityksestä koodifirmasta suunnittelulähtöiseksi softataloksi on viuhunut ohi korvien ja YH Kodit olivat autuaan tietämättömiä, että Geniemillä on talon sisällä nykyään kokonainen tiimi suunnittelijoita. Oli hienoa, kun pystyimme yllättämään positiivisesti ja tarjoamaan aiempaa monipuolisempaa palvelua.

Käytännössä suunnittelija sai täysin vapaat kädet ja hyvä niin – silloin saadaankin paras tulos aikaiseksi, kun suunnittelun alkuvaiheessa ei aseteta turhia rajoituksia.

Kun sivupohjat alkoivat muotoutua, lisääntyi tarve puolin ja toisin kysellä kysymyksiä ja miettiä konkreettisia ratkaisuja. Pidimmekin kuukausittain yhteisen palaverin, jossa käytiin läpi sivupohja-layoutien edistymistä ja suunnitelman paljastamia lisätarpeita. Samalla keskusteltiin yhdessä sisältöjen uudistamisen tarpeista, ja siitä miten saadaan sisällöt palvelemaan parhaiten käyttäjää ja sivusto palvelemaan sisältöjä.

Sivujen suunnittelussa pyrittiin siihen, että elementit ovat monikäyttöisiä ja mahdollistavat tyylin ja toimintojen jatkokehityksen. Sivut luodaan seitsemällä eri komponentilla ja niitä voi asetella yhteen tai kahteen palstaan vapaavalintaisesti.

Yhteystiedoille tehtiin oma sivutyyli. Yhteystietoja voi syöttää WordPressiin tiimeittäin, jolloin käyttäjäkin löytää helpommin etsimänsä tiimeille luotavien ankkurilinkkien avulla. YH Kodeilla on käytössään laadukkaita ja hienosti onnistuneita kuvia, joita kelpaa esitellä isomminkin.

Usein kysytyissä kysymyksissä voi sisältöä jakaa teemoihin, jolloin käyttäjä löytää itseään koskevat vastaukset helpommin.

Tutustu sivustoon!

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Viestinnällinen sivusto höystettynä varainhankinnalla. Yksi teema, kolme sivustoa. Sivustoille tehtiin omina sisältötyyppeinään ajankohtaiset, tarinat, tapahtumakalenteri ja yhteystiedot perus tekstikuvasisällön lisäksi. Suurena erillisenä kokonaisuutena toteutettiin varainhankinta jatkuville lahjoituksille ja kertalahjoituksille. Varainhankinta sisältää integraation Checkout-maksupalveluun.

Sininauhaliitto

Sininauha Oy (Sininauhakoti)

Sininauhasäätiö

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Olympiakomitea halusi kokonaan uuden ilmeen, joka olisi raikas ja yhtenäinen kokonaisuus. Design sivustolle tuli ulkopuoliselta viestintätoimistolta ja me teimme teknisen toteutuksen. Sivuston sisällöt kävivät samalla läpi muodonmuutoksen.

Miksi WordPress?

Valinta WordPressiin siirtymisestä tuli tarpeesta miellyttävämpään ja yhdenmukaisempaan sisällönhallintaan. WordPressillä pystytään vaivattomasti ohjailemaan sisältöjä samaan muottiin. Lähtökohtaisesti jo käyttäjätasoilla pystytään hallitsemaan, mitä kukakin pääsee muokkaamaan/lisäämään/poistamaan. Käyttäjätasojen WP-hallinnan sisältöjen hallinnan rajaamisen pointti ei ole pelkästään estää sisällönsyöttäjän virheitä, vaan myös luoda parempi käyttökokemus. WP-hallinnassa on helpompi toimia, kun käyttäjälle ei näytetä hänelle tarpeettomia sisältöä/toimintoja.

Multisite palvelemaan sisarsivustotarpeita

Olympikomitean sivusto on WordPress Multisite Network -toteutus, joten sivuston teemasta voidaan tehdä sisarsivustoja. Rakenteet noudattelevat silloin samaa kaavaa, mutta sivustoille voidaan tehdä hieman personointia esimerkiksi väreillä ja käyttämällä sivupohjia hieman eri lailla, kulloiseenkin tapaukseen sopivalla tavalla. Tästä esimerkkinä sivustot:

paralympia.fi
kihu.fi
sm-viikko.fi

Sivuston ominaisuudet

Sivusto on ominaisuuksiltaan monipuolinen viestintätarkoituksiin. Etusivulla esitellään sivuston alikokonaisuudet lyhyesti ja selkeällä tavalla. Etusivulta tarjotaan myös oikopolkuja käyttäjälle sisältöjen ääreen. Jokaiselle sivuston alikokonaisuudella (Lasten liike, Huippu-urheilu, Aktiivinen arki, Seuratoiminta, Olympiakomitea) on oma väriteema ja laskeutumissivulle voidaan tehdä omanlaisensa nostot – näin alikokonaisuuksilla on selkeästi oma henki, vaikka rakenne on täysin sama.

Juuri alikokonaisuudet määrittelivät vahvasti sivuston tarpeita: uutiset, materiaalipankki, tapahtumat ja yhteystiedot ovat kaikki filtteröitävissä ko. kokonaisuuksien mukaan. Jokaisella alikokonaisuudella on myös omat fiidit edellämainituista sisällöistä.

Sivuston haku on ennakoiva. Hakutuloksille ilmoitetaan myös tyyppi (uutinen, yhteystieto, sivu) ja tuloksia voidaan myös rajata yllämainittujen alikokonaisuuksien mukaan.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Monikielisyyttä ja eri haut

Sivusto on käännetty kolmelle kielelle ja sinne tuotiin vanhalta sivustolta runsaasti materiaaleja. Tuotavat materiaalit olivat monikielisinä ja ne tuotiin uudelle sivustolle kielitietoineen päivineen kompleksisella kertaimportilla.

Hakutoiminnot ovat myös kattavat. Sivusto sisältää neljä erillistä hakua: päähaku, julkaisuhaku, tapahtumahaku ja ajankohtaisten haku. Julkaisujen ja tapahtumien yhteydessä käytetään vahvasti asiasanoja, joita käyttäjä voi myös käyttää hakemiseen. Näin laajoja sisältöjä voidaan ryhmittää sekä sisällönsyöttäjän että loppukäyttäjän käyttöä helpottamaan. Relevanssi-lisäosalla toteutettu haku mahdollistaa myös hakutulosten räätälöidyn painottamisen.

Monipuoliset sisäiset relaatiot

Sivuston sisäiseen logiikkaan tehtiin paljon relaatioita, jolloin voidaan automaattisesti ja monipuolisesti tehdä listauksia ja ristiinlinkityksiä eri sisältötyyppien yhteyteen. Esimerkiksi henkilön esittelyyn voidaan listata kaikki kirjoitukset, joihin hänet on merkattu kirjoittajaksi; voidaan myös tehdä suositteluja tietyn kirjoituksen yhteyteen; voidaan listata tutkimusohjelmaan liittyvät viimeisimmät julkaisut ja liittyvät tapahtumat jne.

Virta-julkaisutietopalvelu

WordPressiin syötetyistä julkaisutiedoista generoidaan kerran yössä XML-tiedosto, joka lähetetään kansalliseen Virta-julkaisutietopalveluun. Tätä varten WordPressin Julkaisut-sisältötyypille tehtiin viitisenkymmentä Custom Fieldiä.

Visuaalinen ja toiminnallinen aikajanakarkki

Eräs mielenkiintoinen ja aika hauskakin tapa esittää tietoa löytyy. Tietopaketissa tietty asiakokonaisuus voidaan näyttää aikajanalla, jossa näkyy tapahtumat ja liittyvät materiaalit. Sisällönsyöttäjä voi valita minkälaisia sisältöjä aikajanalla näytetään. Aikajana toimii erittäin mukavasti myös puhelimen näytöllä!

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Teimme Seinäjoen Ammattikorkeakoulun sivustouudistuksen joka julkaistiin kesällä 2017. Toteutuksen keskeinen tavoite oli tehdä sisällönsyötöstä mahdollisimman joustavaa, mutta samalla pakottaa sisällöt yhtenäiseen kehykseen.

Seinäjoen ammattikorkeakoulu halusi uudistaa sivustonsa käyttämään uudempaa tekniikkaa ja päätyivät toteuttamaan projektin WordPressillä Geniemin kanssa. Samalla sivuston sisältöä haluttiin järkevöittää sekä käyttäjän kannalta että sivuston ylläpitäjien näkökulmasta.

Suunnittelu ja toteutusvaiheessa oli vaatimuksena, että samoja sisältöelementtejä tullaan hyödyntämään SeAMK:n kirjaston sivuilla, sekä myöhemmin julkaistavissa projektisivuissa.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Kampanjasivusto

Tampereen Messut Oy tarvitsi kustannustehokkaasti monistettavan sivustokokonaisuuden vastaamaan tarpeeseen saada pystytettyä Tampereen Messu- ja Urheilukeskuksessa järjestettäville messuille tyylikkäitä, nopeata ja responsiivisia sivuja helposti ja nopeasti.

Geniem on vastannut kokonaisuudesta aina konseptoinnista ja ulkoasun suunnittelusta toteutukseen saakka. Toteutus tehtiin WordPress MultiSite Network -ratkaisun pohjalta, jolloin uusia tapahtumia varten on voitu monistaa kertaalleen luotu teema omaksi sivustokseen, ja sille on kuitenkin saatu sisällönhallinnan kautta luotua oma, yksilöllinen ilmeensä. Esimerkkejä sivustoihin jutun lopussa.

Tapahtumat ja messut helposti lähestyttäviksi

Palvelukokonaisuus palvelee siis niin Tampereen Messut Oy:tä tarjoten helpon ja nopean tavan tuottaa tyylikästä sisältöä messuihin liittyen, että loppuasiakkaita heidän saadessaan ladattua nopeasti kaiken messuihin osallistuvan tiedon päätelaitteisiinsa. Koska messut tarjoavat monipuolista sisältöä, tarvitsee sisällön olla myös helposti löydettävissä: Tätä varten sivuille toteutettiin “kävijälle” -osio, josta sivuston loppukäyttäjä pääsee katsomaan näytteilleasettajia osastoineen, messujen ohjelmaa sekä erilaisia messuihin liittyviä tuotteita ja palveluita.

Esimerkkejä Tampereen Messut Oy:n sivustoista:
https://www.supermessut.fi
https://www.asta.fi
https://www.viretampere.fi

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Tamtron on kansainvälinen vaakojen ja punnitustiedon hallintajärjestelmien valmistaja. Geniem toteutti sivuston teknisen suunnittelun ja toteutuksen räätälöitynä WordPress-toimituksena mainostoimiston luoman ulkoasusuunnitelman pohjalta. Geniemin designerin käsialaa on myös sivuston responsiivinen ilme.

Palvelun keskiössä on asiakkaan tarjoamat tuotteet ja palvelut, joiden osalta toteutettiin mahdollisuus suodattaa tuotteita kahdella eri tasolla. Monikansallisena yrityksenä Tamtron Group tarjoaa sisältöään kahdellatoista kielellä ja yli kahdellakymmenellä erilaisella domain-nimellä. Maakohtaiset domainit ohjataan automaattisesti maakohtaiselle, kielistetylle sivulle, kun taas yleiset domainit (https://www.tamtrongroup.com) osalta tunnistetaan kieli ja viedään kieliversioidulle sivulle, mikäli sellainen on olemassa.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Lahti Aqua halusi tarjota asiakkailleen Suomen parhaan vesilaitoksen digitaalisen palvelun. Tavoitteina oli raikas, erottuva ilme ja helposti lähestyttävä, responsiivinen palvelu. Uskallamme väittää, että tavoite toteutui.

Suunnittelu käynnistyi Design Studiolla. Design Studiossa asiakkaan edustajat ja suunnittelijamme konseptoivat palvelua yhdessä ja tuottivat ideoita palvelun toiminnoista. Luonnosten pohjalta toteutettiin palvelun prototyyppi, joka toimi tärkeimpänä kommunikaatiovälineenä asiakkaan ja kehitystiimin välillä palvelukehityksen edetessä.

Lahti Aquan sivusto viestii kohderyhmilleen toiminnastaan selkeästi ja visuaalisesti, ja sen kautta asiakas pääsee tekemään helposti tärkeimpiä vedenkäyttöön liittyviä ilmoituksia, esimerkiksi muuttoilmoituksen ja vesimittarilukeman ilmoituksen.

Geniem vastasi sivuston palvelumuotoilusta, visuaalisesta suunnittelusta, sekä teknisestä toteutuksesta.

Tekijä: Geniem Oy
Tärkein teknologia: Asiakaskohtainen ohjelmointityö
Palvelun tyyppi: Mobiilisovellus

Buildie on mobiilisovellus rakennustyömaakäyttöön ja se on toteutettu natiivina Androidille, IOS:lle ja Windows 8.1:lle. Backend-toteutus on tehty Sails.js-frameworkilla, joka on Nodella toteutettu MVC-alusta. Amazon AWS-palvelut taas toimivat Node-ympäristön taustalla ja hoitavat muun muassa palvelun skaalautuvuuden.

Applikaation ydin on työvaiheiden valokuvadokumentointi, jolloin jokaisesta rakennustyömaakohteesta muodostuu historia kuva-albumien muodossa, joiden avulla voidaan jäljittää mahdollisten ongelmatilanteiden aiheuttajat myöhemmin sekä työn tilaaja voi seurata työn etenemistä reaaliaikaisesti. Valokuviin liitetään automaattisesti varmennetut GPS- ja aikaleimat, jonka lisäksi kuvaaja valitsee kuvalle työmaakohteen, työvaiheen ja voi lisätä oman kommentin halutessaan. Sovelluksen kautta voidaan myös etsiä ja lukea rakennustyömaakohteisiin liitettyjä dokumentteja, kuten rakennekuvia, mikä helpottaa itse työntekijää, sillä dokumentit ovat aina saatavilla. Buildie ei muuten hyydy netin katvealueella – kameratoimintoa voidaan käyttää myös offline-tilassa. Toteutuksen kannalta tämä tarkoittaa sitä, että kuvat siirretään jonoon odottamaan yhteyttä palvelimeen. GPS- ja aikaleimat saadaan kuville myös offline-tilanteissa.

Buildiella on myös web-käyttöliittymä. Sen kautta omistaja/työnjohtaja voi luoda työmaakohteita ja niille työvaihelistoja, ladata dokumentteja käyttäjien nähtäväksi, sekä lisätä tai poistaa työntekijöitä kohteiden käyttäjäryhmistä. Webiin myös generoidaan automaattisesti päivittäinen toimintaloki, josta näkee lisätyt kuvat työntekijäkohtaisesti. Tällä tavalla työmaapäiväkirjan täyttäminen nopeutuu huomattavasti.

Webin frontend toteutettiin React.js:llä ja Buildien web on ensimmäinen Geniemin täysverinen React-toteutus!

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Helsingin yliopiston täydennyskoulutuskeskus kaipasi uusia sivuja. Hyvin nopealla aikataululla sivusto toteutettiin Geniemin DustPress-teema frame workilla. Kurssitarjontaa kootaan etusivulle osoitteesta http://campus.palmenia.helsinki.fi cachetettuna fiidinä. Välimuistijärjestely takaa sivuston yleisen toimivuuden, vaikka fiidin haussa tulisikin jotain ongelmaa. Etusivulla on myös some-osio, josta voidaan seurata HY+:n Twitter- ja Facebook-elämää.

‘Kehittäminen’-sivulla voidaan hakea monipuolisella hakutoiminnolla hankereferenssejä. Valintoja voidaan tehdä kategorioissa Toimintamuodot, Laajuus ja Rahoittaja, joilla vielä on omia alavalintojaan. Sivusto toteuttiin lisäksi monikielisenä ja sen kautta voidaan ottaa yhteys HY+:n väkeen asiointilomakkeiden kautta.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

“The Nordic Sociological Association (NSA) is an alliance of the national sociological associations in Denmark, Finland, Iceland, Norway, and Sweden.”

NSAn WordPress-sivut on tehty joka toinen vuosi järjestettävän konferenssin organisointikanavaksi. Koko tapahtuma siis kehkeytyy nsa2016.orgissa. Sivuston kautta järjestön jäsenet voivat ilmoittautua osallistujaksi, lähettää abstrakteja papereista, sekä alustavasti valita abstraktiaan vastaavan työryhmän. Sivuilla näkyy myös konferenssin ohjelma ja muita yleisiin järjestelyihin liittyvää tietoa.

Liput tapahtumaan ostetaan sivuston kautta. Tätä varten WPtä kustomoitiin WooCommerse-pluginilla, joka tuo verkkokaupan saumattomasti sivustolle. WooCommerce -verkkokauppaohjelmisto tarjoaa itsessään paljon mahdollisuuksia räätälöidä palvelua nykyisiin ja tuleviin tarpeisiin. Suurin etu kyseissä lisäosassa on sen hallinta: verkkokauppa on täysin asiakkaan käsissä kaikkine tietoineen, koko ajan. Erillistä verkkokaupan ylläpitäjää ei tarvita. WooCommercen avulla hoidettiin siis maksuliikenne ja Event Calendar & Ticketing- lisäosalla WooCommerce sai tapahtuman hallintaan liittyvät ominaisuudet.

WP helpottaa järjestäjätahon elämää siten, että se kokoaa abstraktit yhteen paikkaan, auttaa muodostamaan työryhmiä, kokoaa listan osallistujista ja tietenkin samalta hallinta-sivulta voi muokata koko sivuston sisältöjä. Abstrakteja vastaanotettaessa kerätään myös samalla erikseen lähettäjän tiedot, sekä paperin avainsanat. Toteuksen avulla päästiin eroon liitetiedostojen sähköpostittelusta, erillisistä lipunmyyntipalveluista ja voitiin käyttää sekin aika tehokkaammin tapahtuman organisointiin.

Tekemämme WP -teema on kehitetty siten, että asiakas voi helposti muokata ulkoasua aina värimaailmaa myöten. Näin on tehty IIT-projektin, ERIFOREn, Unigrafian tulostuspalveluiden ja NSAn sivujen kohdalla. Kaikilla sivustoilla on oma ilme, vaikka ovatkin toteutuksellisesti sisarsivustoja.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Tampereen Kesäyliopiston sivusto haluttiin uudistaa nykyaikaiseksi ja responsiiviseksi. Samalla haluttiin tehdä sivustosta helpompi ja nopeampi ylläpitää.

Helppokäyttöinen hallintaosio luotiin ACF-lisäosalla. AFC luo kustomoituja kenttiä, joiden avulla ylläpitäjä voi määritellä sivuston yksittäisten osioiden sisältöjä, eli tehdä ajankohtaan sopivia nostoja. Sivustolle voi myös helposti luoda uusia lomakkeita tarpeen mukaan.

Sivuston keskeinen tavoite loppukäyttäjän näkökulmasta on tarjota opiskelijalle tarvittavat tiedot opiskelua ajatellen. Yksi ydin osa-alue on sivuston koulutustarjonta-osio. Koulutusten selaamisen navigointirakenteesta haluttiin nykyaikainen, selkeä ja nopea. Sivustojen selaamiseen käytetään usein mielellään hakutoimintoa, joten sellainen toteutettiin myös kesäyliopistolle. Kurssitiedot on haettu sivustolle Hellewin tarjoamalta rajapinnalta.

Yliopiston sivusto on monikielinen ja kielellistäminen on toteutettu WordPressin Polylang-lisäosalla. Sivuston teema toteutettiin Geniemin DustPress-laajennuksen avulla.

Tekijä: Geniem Oy
Tärkein teknologia: WordPress
Palvelun tyyppi: Uutis- tai viihdesivusto

Alma Median Geniemiltä tilaamassa laajassa verkkolehtien uudistusprojektissa Valkeakosken Sanomat julkistettiin ensimmäisenä lehtenä reilusta kymmenestä. Lehden ulkoasu rakennettiin aiemmin toteutettujen Lapin Kansan ja Pohjolan Sanomien lay outin pohjalta.

Uudistus oli kokonaisvaltainen, mutta suurimpia muutoksia olivat lähes kaiken sisällön suuntaaminen lehden tilaajille sekä mobiili edellä kehitetty WordPress -alusta ja -teema. Kehitimme myös lisäominaisuuksina alustalle muun muassa videopalvelun ja sisällölliset työkalut toimituksen tarpeisiin.