Avainsana: monikielinen

Suomen riistakeskus

Suomen riistakeskuksen sivustouudistusta lähdettiin suunnittelemaan joulukuussa 2017 starttipalaverilla keskustoimistolla Helsingin Tapanilassa. Tavoitteena oli tehdä sivustosta käytettävämpi rakenteellisesti, modernisoida ulkoasua ja tuoda uutisia ja muita tärkeitä toimintoja näkyvämmäksi

Yhteyshenkilönä riistakeskuksen puolelta toimi viestintäsuunnittelija Tero Kuitunen. Hän on tuttu jo monen vuoden ajalta, toimiessaan entisessä tehtävässään Riista-lehden päätoimittajana (toteutin lehden sivut urani alkupuolella).

Sivusto sisältää satoja alasivuja ja artikkeleita neljällä eri kielellä. Lisäksi sivustolla on monia räätälöityjä toimintoja kuten koulutus- ja yhteystietohakuja. Näitä toimintoja on alunperin laadukkaasti toteuttanut H1 (nykyinen Zeeland Family).

Tein ulkoasusuunnitelman ja toteutuksen itse. Keskiössä olivat kauniit kuvat, ajankohtaiset uutiset ja tärkeät nostot sisällöstä. Toteutus on jälleen asiakkaankin näkökulmasta modulaarinen, eli toteutetuista sisältöelementeistä voi rakentaa haluamiaan ulkoasuja helposti. Olemassaolevat toiminnot säilytettiin, muotoilut uudelleenrakentaen.

Olin jo pitkään halunnut tehdä jotain fullscreen design -periaatteella; elementit täyttävät ruudun laidasta laitaan isollakin resoluutiolla, ja silti sivusto mukautuu hienosti myös mobiiliin. Valu Digitalin toimari on kirjoittanut hyvin fullscreen designista. Tässä siis oli oiva projekti ottaa käyttöön koko ruutu.

Uutuutena sivustolle integroitiin ennakoiva hakumoottori AddSearchin avulla. Tämä korvaa WordPressin oman hakumoottorin ja mahdollistaa esimerkiksi hakutulosten painottamisen. Hakumoottori indeksoi sekä pääsivuston että Riistainfon ja näyttää hakutuloksia ristiin kummastakin. Tulokset tulevat salamannopeasti jo parilla alkukirjaimella esikatselukuvan kera — kokeile hakua ihmeessä!

Sisältöä sivustolle haetaan useista rajapinnoista, kuten Oma Riista -palvelun rajapinnasta (metsästyskiintiöt) sekä Viidakkomonitorin mediaseurantatuloksista.

Valu Digital vastasi sivuston kanssa lähes käsi kädessä julkaistun Riistainfon suunnittelusta ja toteutuksesta. Sivustojen ulkoasua pyrittiin yhtenäistämään yhdessä Valun asiantuntijoiden kanssa, jotta ne näyttäisivät mahdollisuuksien mukaan saman toimijan sisarsivustoilta.

Suomen riistakeskuksen riista.fi-sivusto palvelee metsästäjiä ja kaikkia riista-asioista kiinnostuneita. Merkittävän osan sivuston sisällöstä on oltava kansalaisten saatavilla helposti  ja ajan tasaisena.

Tätä taustaa vasten ajatus sivuston uudistamisesta aiheutti meissä tiettyä hermostuneisuutta, joka kuitenkin karisi nopeasti projektin käynnistyttyä. Kaikki eteni aikataulussa ja myös matkan varrella ilmaantuneet ideat toteutettiin leppoisassa ilmapiirissä.

Saimme haluamamme, ilman turhia sydämentykytyksiä.

Tero Kuitunen

Kiitos Suomne riistakeskuksen väelle; Terolle, Mirjalle ja Klausille. Jatketaan tästä kehitystyötä eteenpäin!

 

Suomen riistakeskuksen sivustouudistusta lähdettiin suunnittelemaan joulukuussa 2017 starttipalaverilla keskustoimistolla Helsingin Tapanilassa. Tavoitteena oli tehdä sivustosta käytettävämpi rakenteellisesti, modernisoida ulkoasua ja tuoda uutisia ja muita tärkeitä toimintoja näkyvämmäksi Yhteyshenkilönä riistakeskuksen puolelta… Lue artikkeli ”Suomen riistakeskus” kokonaan »

riista.fi
Suomen riistakeskus

Koskenkorvan Trahteeri

Koskenkorvan Trahteerin tuleva isäntä ja seremoniamestari, Jaakko, otti puheeksi josko toteuttaisin uudet sivut. WordPress oli heille jo tuttu alusta, joten valinta oli helppo.

Ulkoasun suunnitelijaksi valikoitui alunperin seinäjokelainen, sittemmin Belgiaan muuttanut lahjakas Emilia Kaupinmäki. Emilia oli tuttu ensimmäisestä Seinäjoki WordPress meetupista, ja oli kiinnostavaa lähteä tekemään hänen kanssaan yhteistyötä ensimmäistä kertaa ja vieläpä etänä.

Emilia toimitti kaikkien sivujen ulkoasut Photoshop-tiedostoina eri ruudunleveyksille optimoituina. Niistä oli helppo lähteä rakentamaan modulaarista järjestelmää, jonka avulla asiakas voi itse kasata ulkosun heille toteutetuista sisältöelementeistä.

Kaikki ikonit, logot ja reunakuvioinnit toteutettiin kevyinä SVG-vektoreina. Niiden täyttöväriä muokataan ohjelmallisesti noudattamaan sen sisältömodulin värimaailmaa, mihin ne on upotettu. SVG-tiedostoja käytetään myös maskaamaan esimerkiksi henkilökuvia ja majoitustilojen pienoiskuvia.

Kevyt landing-sivu siirrettiin toteutettuna WP-Palveluun. Varsinaista sivustoa ryhdyttiin rakentamaan verhojen takana hyödyntäen WP-Palvelun kehittäjille tarkoitettua staging-ominaisuutta.

Sivuston kaikki elementit tehtiin myös lokalisoitavaksi englannin kielelle Polylangin avulla. Muita kieliä on jatkossa helppo lisätä mukaan.

Koskenkorvan Trahteerin sivujen uusimisessa oli tavoitteena saada alusta ajan tasalle teknisesti, sisältö helposti päivitettäväksi ja erityisesti saada kävijöille perille millainen paikka oikein olemme. Mikko auttoi meitä suuresti löytämään oikeat keinot tähän ja muuntamaan kunnianhimoisen designin toimivaksi sivustoksi. Erityisesti arvostan Mikon luomaa modulaarista rakennetta sivujen päivittämiselle: saamme luotua helposti hyvän näköisiä, graafisen ohjeiston mukaisia sisältöjä sivulle ilman kuvien yms manuaalista asettelua tai muuta säätöä.Jaakko Koskenkorva

Onnea matkaan, Trahteerin uusi sukupolvi, Jaakko ja Sari! Ja kiitos Emilia loistavasti sujuneesta etäprojektista!

Koskenkorvan Trahteerin tuleva isäntä ja seremoniamestari, Jaakko, otti puheeksi josko toteuttaisin uudet sivut. WordPress oli heille jo tuttu alusta, joten valinta oli helppo. Ulkoasun suunnitelijaksi valikoitui alunperin seinäjokelainen, sittemmin Belgiaan… Lue artikkeli ”Koskenkorvan Trahteeri” kokonaan »

trahteeri.fi
Koskenkorvan Trahteeri

Ovikortit

Ovi-korttisarja on tekstitön kuvakorttikokoelma asiakastyöhön ihmissuhdealoille.

Suunnittelin etusivun pidemmäksi ja informatiiviseksi. Alasivuilta löytyvät lisätiedot ja verkkokauppa.

Kortteja voi siis tilata sivustolle integroidusta WooCommerce-pohjaisesta kaupasta. Ostoskorin loppusumma päivittyy automaattisesti yläpalkkiin. Verkkokaupan puolelle luotiin myös ”valitse vapaasti 10” -tyyppisiä yhdistelmätuotteita Mix and Match Products -lisäosan ja räätälöidyn toteutuksen avulla. Toimituskulut lasketaan automaattisesti tilauksen painon mukaan.

Sivustoa on mahdollista käyttää sekä suomeksi että englanniksi, verkkokauppa mukaanlukien.

Ovi-korttisarja on tekstitön kuvakorttikokoelma asiakastyöhön ihmissuhdealoille. Suunnittelin etusivun pidemmäksi ja informatiiviseksi. Alasivuilta löytyvät lisätiedot ja verkkokauppa. Kortteja voi siis tilata sivustolle integroidusta WooCommerce-pohjaisesta kaupasta. Ostoskorin loppusumma päivittyy automaattisesti yläpalkkiin. Verkkokaupan… Lue artikkeli ”Ovikortit” kokonaan »

ovikortit.com
Ovikortit

Eevia

Eevia on suomalais-norjalainen terveysalan yritys, joka valmistaa raaka-aineita arktisista luonnonantimista.

Sain suunnitella uuden, raikkaan ilmeen Eevialle tuttujen graafisten elementtien ja yksityiskohtien ympärille. Etusijalla ovat isot kuvat ja tekstielementeissä toistuvat Eevian brändivärit.

Sivustolle integroitiin mahdollisuus tilata Eevian uutiskirje. Uutiskirjeen luominen on tuotu osaksi WordPressin ohjausnäkymää.

Eevian yritysasiakkaita silmälläpitäen toteutin kevyen ”intranetin”; raaka-aineiden dokumentaation lataaminen edellyttää rekisteröitymistä. Rekisteröityneille asiakkaille voidaan lähettää uutiskirjeitä tai kysyä heiltä tarkempia tietoja kiinnostuksesta tuotteita kohtaan.

Eevia on suomalais-norjalainen terveysalan yritys, joka valmistaa raaka-aineita arktisista luonnonantimista. Sain suunnitella uuden, raikkaan ilmeen Eevialle tuttujen graafisten elementtien ja yksityiskohtien ympärille. Etusijalla ovat isot kuvat ja tekstielementeissä toistuvat Eevian… Lue artikkeli ”Eevia” kokonaan »

eevia.fi
Eevia

TaksiHelsinki Hintalaskuri

TaksiHelsingin asiakkaat voivat arvioida taksimatkan hinnan uudella hintalaskurilla, joka älykkäästi ottaa huomioon kellonajan ja mahdollisen ennakkotilausmaksun.

Hintalaskuri mukautuu mille tahansa ruutukoolle ja on saatavilla myös usealla kielellä.

Vastasin hintalaskurin visuaalisesta ilmeestä ja CSS-toteutuksesta, Blind Angle Software rakensi javascript-toteutuksen ja Google Maps -integraation.

TaksiHelsingin asiakkaat voivat arvioida taksimatkan hinnan uudella hintalaskurilla, joka älykkäästi ottaa huomioon kellonajan ja mahdollisen ennakkotilausmaksun. Hintalaskuri mukautuu mille tahansa ruutukoolle ja on saatavilla myös usealla kielellä. Vastasin hintalaskurin visuaalisesta… Lue artikkeli ”TaksiHelsinki Hintalaskuri” kokonaan »

TaksiHelsinki Hintalaskuri

Hollolan Kotiseutuyhdistys

Hollolan Kotiseutuyhdistykselle tehtiin ensimmäiset omat sivut, jotka esittelevät monipuolisesti yhdistyksen toimintaa tapahtumien, museoiden ja julkaisujen osalta.

Hollolan Kotiseutuyhdistykselle tehtiin ensimmäiset omat sivut, jotka esittelevät monipuolisesti yhdistyksen toimintaa tapahtumien, museoiden ja julkaisujen osalta.

hollolankotiseutuyhdistys.fi
Hollolan Kotiseutuyhdistys