Avainsana: monikielinen

LABeauty

Hius- ja hyvinvointipalveluita tarjoava jurvalainen LABeauty aloitti toimintansa maaliskuussa 2019. Yrittäjänä toimii perheystävämme Seliina Niemistö. Hiusklinikka tarjoaa apua hiustenlähtöön ja hiuspohjaongelmiin. Laboratoriossa voidaan suorittaa laaja-alaisia tutkimuksia ja näytteenottopalveluita. Parturi-kampaamo Mirvan puolella tarjolla ovat parturi-kampaamopalvelut.

Toteutin yritykselle WordPress-teeman käsityönä. Sivuston modulaarinen toteutus pohjautuu jälleen kerran Advanced Custom Fields -lisäosan avulla toteutettuhin joustavan sisällön osioihin. Alustin sivustoa varten kahdeksan erilaista sisältöelementtiä päätasolla palstoitusta varten ja niiden sisältö on mahdollisuus rakentaa palikoista kuten wysiwyg-editori, Facebook-feedi, kartta, lomake ja karuselli.

Tilaajan näkökulmasta verkkosivujen toteutus oli todella sujuvaa valmiin designin pohjalta, eikä kompromisseja tarvittu missään vaiheessa. Kaiken lisäksi aikataulu piti hyvin. Sain nähtäväkseni juuri tilauksen mukaiset sivut ja todella hyvän ohjeistuksen sivujen päivitykseen. Mikko oli tehnyt helposti ymmärrettävät sisältöelementit WordPressiin ja kirjallisen ohjeen lisäksi kävimme konkreettisesti läpi ominaisuuksia. Uskon, että näillä ohjeilla sivuston päivittäminen onnistuu hyvin itseltänikin, mutta jos eteen tulee kysymyksiä, tiedän Mikon osaavan vastata. Olen kaiken kaikkiaan äärimmäisen tyytyväinen saamaani tuotteeseen ja palveluun ja suosittelen Mikrogramma Designia kaikille, jotka tähtäävät räätälöityyn verkkosivutoteutukseen.
Seliina Niemistö / yrittäjä, LABeauty

Sivujen ulkoasun suunnittelijaksi Seliina oli valinnut Veera Anttilan. Sain Veeralta valmiit suunnitelmat sekä desktoppiin että mobiiliin ohjeistuksineen. Veera teki myös kaikki kuvankäsittelytyöt. Mukavaa yhteistyötä uuden ihmisen kanssa!

Työskentely Mikrogamma Designin kanssa sujui erinomaisesti. Useamman vuoden alakokemuksella rohkenen sanoa, että Mikko on ehdottomasti yksi parhaista koodariyhteistyökumppaneista. Pedantti ja tehdään-mitä-luvataan asenne työhön on yksi ehdoton vaatimus kun valikoin niitä, joiden kanssa yhteistyötä teen ja Mikolta tätä löytyy.

Sivusto toteutui prikulleen suunnitelmien mukaan ja missään vaiheessa työnjälkeen ei tarvinnut puuttua. Aion käyttää Mikon palveluita jatkossakin ja suositella häntä myös kontakteilleni.

Veera Anttila / Design VA

Etusivun otsikkokuvassa käytin pientä kikkaa, sillä kuva häipyy täysin läpinäkyväksi (fade to transparent) alalaitaa kohti. Tämä onnistui käyttämällä kuvaan SVG-ominaisuuksia linearGradient ja mask:

<linearGradient id="alphaLinear" x1="0" x2="0" y1="0" y2="1">
  <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0%" />
  <stop offset="40%" stop-color="#FFFFFF" stop-opacity="0%" />
  <stop offset="100%" stop-color="#000000" stop-opacity="100%" />
</linearGradient>

<mask id="Mask">
  <rect x="0" y="0" width="100%" height="100%" fill="url(#alphaLinear)" />
</mask>

Onnea matkaan Seliina!

Hius- ja hyvinvointipalveluita tarjoava jurvalainen LABeauty aloitti toimintansa maaliskuussa 2019. Yrittäjänä toimii perheystävämme Seliina Niemistö. Hiusklinikka tarjoaa apua hiustenlähtöön ja hiuspohjaongelmiin. Laboratoriossa voidaan suorittaa laaja-alaisia tutkimuksia ja näytteenottopalveluita. Parturi-kampaamo Mirvan… Lue artikkeli ”LABeauty” kokonaan »

labeauty.fi
LABeauty

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