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!
