Avainsana: wordpress

AVA Finland -konserni

AVA Finland -konsernin sivustouudistuksessa usealle toimialasivustolle luotiin yhtenäinen, raikas ja moderni ilme. Ilmeen suunnittelusta vastasi Graafinen toimisto Serian Tomi. Samalla sivustot tuotiin WordPress-julkaisualustalle.

Toimialasivustot toteutettiin WordPressin multisite-ominaisuudella. Yksittäiset sivustot käyttävät kaikki samaa teemaa, jonka värimaailman ja logot asiakas voi itse määritellä sivustokohtaisesti WordPressin ohjausnäkymässä. Kaikki sivustot esittelevä landing-sivu pidettiin erittäin yksinkertaisena.

Tässä projektissa otin ensimmäistä kertaa työn alle kevyen ”page builderin”, jonka avulla asiakas voi itse luoda alasivujen ilmeen WordPressin ohjausnäkymässä sitä varten luoduista moduleista eli sisältöosioista. Sivulle voi siis valita asetettavaksi esimerkiksi otsakekuvaa, artikkelisyötettä, henkilöstön jäseniä, lomaketta, Facebook-feediä tai Google-karttaa. Moduleita lisätä ja poistaa, ja raahailla halumaansa järjestykseen helposti. Järjestely perustuu Advanced Custom Fields -lisäosan joustavan sisällön hyödyntämiseen. Se onnistuikin yli odotusten, ja olen käyttänyt tätä lähestymistapaa jatkossa.

Henkilöstövuokraukseen keskittyvää toimialasivustoa varten loin uuden räätälöidyn sisältötyypin työpaikkailmoitusten syöttämiseen. Sen avulla työpaikkojen kategorisointi onnistuu helposti paikkakuntakohtaisesti.

Suorituskyvyn optimointia silmälläpitäen kyselyjen ja lisäosien määrä on jälleen minimoitu, ja sivustolla käytetään pääasiassa vektorimuotoisia, kevyitä SVG-logoja. Sellainen toistuu itse asiassa toimialasivustoilla etusivun otsakekuvan taustalla, huomasitko? Kuvaan uppoava kolmikirjaiminen ”AVA” jakaa otsakekuvan kolmeen itsenäiseen alueeseen omine taustakuvineen.

Sivustolle integrointiin myös Facebook-feedit ja niiden ulkoasu räätälöitiin vastaamaan muuta ilmettä.

Ulkoasukoodin tekniikan osalta tämä lienee ensimmäinen projektini pitkään aikaan, missä en ole pohjannut Foundationiin. Otin pohjalle testiin Digitoimisto Duden Air -starter-teeman ja muokkasin siitä sopivan kokonaisuuden. Responsiivisuus on totetettu siis Jeet-gridillä ja höystetty tarvittavilta osin flexboxilla.

Kiitos AVAn Takulle, Sakulle ja Mirvalle sekä Serian Tomille!

AVA Finland -konsernin sivustouudistuksessa usealle toimialasivustolle luotiin yhtenäinen, raikas ja moderni ilme. Ilmeen suunnittelusta vastasi Graafinen toimisto Serian Tomi. Samalla sivustot tuotiin WordPress-julkaisualustalle. Toimialasivustot toteutettiin WordPressin multisite-ominaisuudella. Yksittäiset sivustot käyttävät… Lue artikkeli ”AVA Finland -konserni” kokonaan »

avaprorent.fi
AVA Finland -konserni

Yhteinen Etelä-Pohjanmaa

Etelä-Pohjanmaan sote- ja maakuntauudistuksen uudistetulla sivustolla voi seurata uudistuksen alueellista valmistelua.

Projektin johtamisesta vastasi tamperelainen viestintätoimisto Kumu Communications, jonka kanssa minun on ollut ilo tehdä yhteistyötä aiemminkin.

Ensimmäisessä yhteisessä palaverissa elokuussa 2017 linjattiin projektin tavoitteet ja uuden sivuston ulkoasu asiakkaan tekemien ulkoasuhahmotelmien pohjalta. Uusittu kokonaisuus otettiin käyttöön paria kuukautta myöhemmin.

Vanha sivusto oli toteutettu WordPressin multisite-ominaisuudella kahdeksi eri sivustoksi eri sote- ja maakuntauudistuksen kohderyhmille. Uudistuksessa sivustot yhdistettiin uuden ”Yhteinen Etelä-Pohjanmaa” -otsikon alle.

Uudistuksessa sosiaalinen media sai sivustolla aiempaa paremman näkyvyyden. Hashtagin #uusiep Twitter- ja Facebook-feedit upotettiin sivustolle suoraan virallisista rajapinnoista Digitoimisto Duden rakentamien lisäosien avulla.

Rakensin sivuston ulkoasun koodin kannalta täysin uusiksi käyttäen Foundation-frameworkkia pohjalla. Vanha tuttu värimaailma säilyi ennallaan. Kiinnitin erityistä huomiota suorituskykyyn; kyselyjen ja lisäosien määrä on minimaalinen, ja sivusto latautuukin Seinäjoen kaupungin omalta, Seravon ylläpitämältä palvelimelta todella nopoeasti.

Kiitos Kumun Sanna Saarikankaalle, Etelä-Pohjanmaan Liiton Hanna Rantalalle ja Etelä-Pohjanmaan sote-projektin Miska Kaihlamäelle hienosti sujuneesta projektista!

Etelä-Pohjanmaan sote- ja maakuntauudistuksen uudistetulla sivustolla voi seurata uudistuksen alueellista valmistelua. Projektin johtamisesta vastasi tamperelainen viestintätoimisto Kumu Communications, jonka kanssa minun on ollut ilo tehdä yhteistyötä aiemminkin. Ensimmäisessä yhteisessä palaverissa… Lue artikkeli ”Yhteinen Etelä-Pohjanmaa” kokonaan »

uusiep.fi
Yhteinen Etelä-Pohjanmaa

WordPress-yhteisö­tapaamiset Seinäjoella

WordPress-yhteisötapaamiset (WordPress Community meetups) startattiin onnistuneesti nyt myös Seinäjoella. Ensimmäinen tapaaminen järjestettiin Seinäjoella Classic American Dinerin kabinetissa tiistaina 26.9.2017. Saimme ensimmäiseen tapaamiseen kunniavieraan eli Sami Keijosen. Hän alusti aiheesta “WordPress-yhteisöllisyys… Lue artikkeli ”WordPress-yhteisö­tapaamiset Seinäjoella” kokonaan »

Hämeen Kesäyliopisto

Hämeen Kesäyliopisto tarjoaa avointa koulutusta kaikille kiinnostuneille ympäri vuoden.

Kesäyliopiston koulutuspäällikkö Hanna Salo otti yhteyttä huhtikuun lopussa. He olivat kuulleet minun toteuttaneen loppuvuodesta 2016 Etelä-Pohjanmaan Kesäyliopiston uusille WordPress-pohjaisille sivuille rajapintaintegraation Asion koulutuskalenteriin osana seinäjokelaisen Valakia Interactiven toteuttamaa sivustouudistusta.

Kesäyliopisto pyysi minua freesaamaan jo valmiiksi WordPressin päällä pyörineet vanhat sivunsa uudelle aikakaudelle. Lähdin hakemaan inspiraatiota kesäyliopiston koulutusesitteen raikkaasta ilmeestä, jonka on suunnitellut forssalainen Mainossatama. Lähetin ensimmäisen luonnoksen toukokuun alussa, ja kesäkuussa päästiin avaamaan uudet sivut. Melko nopealla sykkeellä saatiin siis projekti maaliin.

Mikrogramman kanssa toteutettu nettisivujen uudistusprojekti sujui joustavasti, nopeasti ja vaivatta! Toteuttajana Mikrogramma oli erittäin luotettava ja joustava yhteistyökumppani.

Uudistuksen yhteydessä tehtiin myös integraatio Asion kurssitietojärjestelmään. Tätä kautta Asion järjestelmään syötetyt kurssitiedot voitiin hakea osaksi sivujen omaa sisältöä. Tavoitteena oli saada enemmän kävijöitä kesäyliopiston omille sivuille kasvaneen hakukonenäkyvyyden ja selkeämpien, yksilöllisten kurssiesitesivujen osoitteiden kautta. Etusivulle upotettiin Asion nettikalenteri vielä erikseen omana elementtinään.

Nettisivu-uudistuksen yhteydessä toteutettu rajapintatyö kurssihallintajärjestelmäämme sujui ongelmitta. Yhteydenpito hoitui suoraan Mikrogramman toimesta kurssihallintajärjestelmätahoon.

Tiedot haetaan Asion rajapinnasta JSON-muodossa, ja tallennetaan WordPressin tietokantaan välimuistiin (transient) halutun pituiseksi ajaksi. Tämä nopeuttaa sivulatauksia huomattavasti, koska tietoja ei tarvitse hakea jokaista kävijää varten erikseen ulkoisesta järjestelmästä.

Sivuston uudeksi kodiksi valittiin yhteistuumin Seravon WP-Palvelu, joka huolehtii WordPress-pohjaisten sivujen ylläpidosta todella mallikkaasti; sivut latautuvat nopeasti ja muutenkin tietoturvaan ja suorituskykyyn on kiinnitetty erityistä huomiota. WP-Palveluun on myös mahdollista luoda ulkopuolisten katseilta piilossa olevia ”varjoja”, joissa voi helposti testata uutta ulkoasua tai sisältöä ennalta.

Yhteistyöhön ja lopputulokseen olemme erittäin tyytyväisiä! Suosittelemme Mikrogrammaa nettisivutoteutuksiin!

Kiitos Hanna ja muu Hämeen Kesäyliopiston porukka, että sain olla alusta asti kokonaisvastuullisesti suunnittelemassa ja toteuttamassa tätä! Ja kiitos myös Asion spesialistieille avusta ja reagoinnista rajapinnan osalta.

Hämeen Kesäyliopisto tarjoaa avointa koulutusta kaikille kiinnostuneille ympäri vuoden. Kesäyliopiston koulutuspäällikkö Hanna Salo otti yhteyttä huhtikuun lopussa. He olivat kuulleet minun toteuttaneen loppuvuodesta 2016 Etelä-Pohjanmaan Kesäyliopiston uusille WordPress-pohjaisille sivuille rajapintaintegraation… Lue artikkeli ”Hämeen Kesäyliopisto” kokonaan »

hameenkesayliopisto.fi
Hämeen Kesäyliopisto

Parempia Riistalaukauksia

Haulikkokoulu ja Kiväärikoulu järjestävät koulutuksia, jotka kirjaimellisesti tähtäävät onnistuneisiin riistalaukauksiin.

Suunnittelin kokonaan uusitulle sivustolle erähenkisen ulkoasun, jossa hyödynnetään hyvän ystäväni ja kiväärikouluttajan, Ville Pohjolan, upeita kuvia.

Toteutin sivustolle hartaasti toivotun ilmoittautumisjärjestelmän koulutuksiin; paikkavaraustilanteen näkee reaaliajassa. Järjestely perustuu Event Organiser Pro -lisäosaan.

Haulikkokoulu ja Kiväärikoulu järjestävät koulutuksia, jotka kirjaimellisesti tähtäävät onnistuneisiin riistalaukauksiin. Suunnittelin kokonaan uusitulle sivustolle erähenkisen ulkoasun, jossa hyödynnetään hyvän ystäväni ja kiväärikouluttajan, Ville Pohjolan, upeita kuvia. Toteutin sivustolle hartaasti toivotun… Lue artikkeli ”Parempia Riistalaukauksia” kokonaan »

kivaarikoulu.fi
Parempia Riistalaukauksia