Mikrogramma Design ja uudet vaatteet 2017

Itselle kun tekee, ei meinaa tulla valmista sitten millään; jokaista yksityiskohtaa pitää viilata paljon ja monta kertaa. Päätin, että olen nyt tyytyväinen tähän uuteen ulkoasuun, ja laitoin sen tulille.

Etusivulle laitoin ensimäiseksi itse pihvin; yritän keskittyä nyt ainoastaan WordPress-suunnitteluun ja kehittämiseen. Jonkun verran teen toki edelleen käyttöliittymäsuunnittelua ja grafiikkaa. Sitten alle muutama ote työnäytteistä ja pari uusinta blogitekstiä (juu, tämä blogi nyt mukana ensimmäistä kertaa).

Teknisesti sivusto pyörii WordPressin päällä, kuten kaikki asiakasprojektinikin. Olen pyrkinyt vähentämään ulkoisten riippuvuuksien määrän minimiin.

  • Minimalistinen ja rauhallinen ulkoasu.
  • Erityishuomio suorituskyvyssä ja keveydessä.
  • Kaikki mahdolliset kuvat ovat SVG-muodossa. Ne ovat nopeita ladata ja näyttävät hyvältä missä tahansa koossa.
  • Sivusto ei käytä webfontteja tai upotettuja @font-face -määrityksiä, vaan luottaa käyttöjärjestelmien omiin fontteihin.
  • Sivusto ei käytä jQueryä.
  • Sivusto toimii, vaikka JavaScript olisi estetty. JavaScriptiä käytetään ainoastaan isojen kuvien viivästettyyn lataamiseen (lazy loading).
  • WordPressin lisäosista ovat käytössä Crisp chattiä varten sekä WP Super Cache välimuistittamista varten. Jetpackistä on käytössä monitorointi ja brute force -kirjautumisten esto.

Miltä sivusto näyttää sinun mielestäsi? Mikä toimii, mitä voisi parantaa? Avaa chat alakulmasta ja kerro toki.

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… Lue lisää »

eevia.fi
Eevia

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… Lue lisää »

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…. Lue lisää »

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…. Lue lisää »

neurotutka.fi
Neurotutka Oy

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… Lue lisää »

hollolankotiseutuyhdistys.fi
Hollolan Kotiseutuyhdistys

FitDogWay

FitDog Finland Oy:n ylläpitämälle blogille valittiin pohjateemaksi ruotsalaisen Anders Norénin Hemingway, ja se räätälöitiin kuvin ja värein vastaamaan FitDogin omaa maailmaa.

Blogin artikkelit ovat tarjolla sekä suomeksi että englanniksi.

FitDog Finland Oy:n ylläpitämälle blogille valittiin pohjateemaksi ruotsalaisen Anders Norénin Hemingway, ja se räätälöitiin… Lue lisää »

fitdogway.com
FitDogWay