Web

Harkkokivitalo

Harkkokivitalo.fi on betoniteollisuuden ja harkkovalmistajien informaatiosivusto harkkokivitalojen rakentajille.

Projektia veti — ja ulkoasun suunnittelusta vastasi — Roban Konna. Pääsin toteuttamaan kokonaan uutta sivustoa valmiin ulkoasusuunnitelman pohjalta.

Etusivulle toteutettiin harkkokivitalon vaiheittainen rakennusopas JavaScriptillä ja transitioilla.

Kiitos Roban Konnan Riku Lehtoselle ja Pasi Virtakarille hienosta yhteistyöprojektista!

Harkkokivitalo.fi on betoniteollisuuden ja harkkovalmistajien informaatiosivusto harkkokivitalojen rakentajille. Projektia veti — ja ulkoasun suunnittelusta vastasi — Roban Konna. Pääsin toteuttamaan kokonaan uutta sivustoa valmiin ulkoasusuunnitelman pohjalta. Etusivulle toteutettiin harkkokivitalon vaiheittainen… Lue artikkeli ”Harkkokivitalo” kokonaan »

harkkokivitalo.fi
Harkkokivitalo

Vuoden Viinit 2017

Vuoden Viinit -kilpailun sivuston ulkoasu uudistettiin täysin vastaamaan vuoden 2017 kisan uudistettua tulostenjulkistustaktiikkaa.

Etusivulla on kisan edetessä täydentyvä listaus eri sarjojen tuloksista. Myös sivun ylälaidassa oleva graafi — ”sarjapiirakka” — täydentyy sitä mukaa, kun tuloksia julkistetaan.  Graafin ulkoasun suunnitteli hyvä ystäväni ja lahjakas graafinen suunnittelija Mika Hakala. Teknisesti piirakka on toteutettu SVG-kuvana, jota muokataan lennossa JavaScriptin avulla.

Maahantuojille on oma kirjautumista edellyttävä extranet, jonka avulla he voivat ilmoittaa edustamiaan viinejä kilpailuun suoraan sivustolta löytyvän lomakkeen avulla. Viinit menevät WordPressissä omiksi sisältötyypeikseen (custom post type), ja niitä voidaan kisan järjestäjän puolesta monipuolisesti muokata ohjausnäkymässä.

Toteutin viinien ilmoittamisen helpottamiseksi järjestelyn, jossa maahantuoja syöttää lomakkeelle ensin Alkon tuotenumeron, ja lomake esitäytetään automaattisesti Alkon tietokannasta haettavien tietojen avulla.

Vuoden Viinit -kilpailun sivuston ulkoasu uudistettiin täysin vastaamaan vuoden 2017 kisan uudistettua tulostenjulkistustaktiikkaa. Etusivulla on kisan edetessä täydentyvä listaus eri sarjojen tuloksista. Myös sivun ylälaidassa oleva graafi — ”sarjapiirakka” — täydentyy… Lue artikkeli ”Vuoden Viinit 2017” kokonaan »

vuodenviinit.fi
Vuoden Viinit 2017

Kotkan Munskänkarna

Viiniseura Kotkan Munskänkarna ry lähti uudistamaan sivujaan rohkealla otteella, ja lopputulos on varsin onnistunut.

Sivuilta löytyy tietoa sekä yhdistyksestä, koulutuksista, kuvauksia maistajaistilausuuksista, kuvagallerioita matkoilta sekä tottakai mahdollisuus liittyä jäseneksi.

Kerrassaan hieno projekti! Pohjalla tuttu WordPress ja nyt käytössä ensimmäistä kertaa Foundation-frameworkin kuutosversio, mikä pudottaakin tuntuvasti sekä css- että js-tiedostojen kokoa jo lähtökohtaisesti.

Viiniseura Kotkan Munskänkarna ry lähti uudistamaan sivujaan rohkealla otteella, ja lopputulos on varsin onnistunut. Sivuilta löytyy tietoa sekä yhdistyksestä, koulutuksista, kuvauksia maistajaistilausuuksista, kuvagallerioita matkoilta sekä tottakai mahdollisuus liittyä jäseneksi. Kerrassaan… Lue artikkeli ”Kotkan Munskänkarna” kokonaan »

kotkanmunska.com
Kotkan Munskänkarna

Neurotutka Oy

Neurotutka harppasi kerralla uudelle vuosikymmenelle sivustouudistuksen myötä. Sivut tarjoavat tietoa neurologisiin tutkimuksiin tuleville potilaille.

Modernit sivut pyörivät nyt WordPress-julkaisualustan päällä, mahdollistaen itsenäisen sivujen päivittämisen ja artikkelien julkaisemisen.

Neurotutka harppasi kerralla uudelle vuosikymmenelle sivustouudistuksen myötä. Sivut tarjoavat tietoa neurologisiin tutkimuksiin tuleville potilaille. Modernit sivut pyörivät nyt WordPress-julkaisualustan päällä, mahdollistaen itsenäisen sivujen päivittämisen ja artikkelien julkaisemisen.

neurotutka.fi
Neurotutka Oy

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