Seinäjokelainen valokuvaaja Harri Jokiranta tiedusteli mahdollisuutta luoda hänelle portfolio verkkoon. Tämä kuulosti erittäin kiinnostavalta, sillä en ole aiemmin toteuttanut valokuviin keskittyvää sivustoa. Tuumasta toimeen siis, ja uutta WordPress-teemaa miettimään.
Pidimme aluksi Harrin kanssa pari palaveria, jossa käytiin läpi sivuston tavoitteita ja määriteltiin ulkoasun esteettisiä linjauksia. Lähdin suunnittelemaan skandinaavisen selkeää ja minimalistista rakennetta. Visuaalisen suunnitelman tein Adobe XD:llä.
Toteutuksen osalta kuvat ovat oma räätälöity sisältötyyppinsä (custom post type) ja niille on omat räätälöidyt aihealueensa ja avainsanansa (custom taxonomies). Näiden avulla kuvien luokitteleminen ja sisältösivujen muodostaminen on helppoa.
Kuvatiedostot haetaan palvelimelta vasta muun sisällön jo latauduttua (lazy load), jolloin saadaan käyttökokemus nopeaksi ja sujuvaksi. Kuvien osalta käytetään srcset-määrittelyä, joten pienempiruutuisille laitteille ladataan automaattisesti samasta kuvasta pienemmän resoluution versio. Kuvaseinien asettelun toteutukseen käytetään WordPressin mukana toimitettavaa Masonry-kirjastoa.
Verhojen taakse odottamaan toteutettiin myös mahdollisuus tiedustella kuvien ostamista. Harrin hienojen kuvien kanssa on helppo nojata taaksepäin ja ihastella kokonaisuutta. Kiitos Harri!
