Lujatalo

Toimiston ilmoittama referenssi

Tekijä: Knowit Experience

Tärkein teknologia: WordPress

Projektin budjetti: yli 100 000 €

Projektin tyyppi: Yrityksen sivusto yritysasiakkaille (B2B)

Lujatalon verkkosivustouudistuksessa kaiken lähtökohtana oli vahva käyttäjälähtöisyys. Suunnittelussa irtauduttiin organisaatiolähtöisestä rakenteesta ja navigoinnista tehtiin sivuilla käyttäjälle helppoa ja intuitiivista. Teknisellä puolella sivusto hyödyntää Jamstack-arkkitehtuuria, joka tekee käyttäjäkokemuksesta saumattoman sivujen latautuessa silmänräpäyksessä.

Suunnittelussa haettiin selkeyttä ja rauhallisuutta

Projektia lähdettiin toteuttamaan kahdessa vaiheessa. Ensimmäinen osa oli suunnitteluvaihe, joka vietiin läpi neljässä teemoitetussa työpajassa. Alun ideointivaiheessa kuultiin suurempaa joukkoa Lujatalon ammattilaisia, jonka jälkeen työtä jatkettiin pienemmän projektitiimin voimin. Sivuston keskeisimmiksi tehtäviksi määriteltiin luoda työnantajamielikuvaa sekä luotettavaa mielikuvaa rakentajana yhteistyökumppanien suuntaan.

Kaiken lähtökohtana oli käyttäjälähtöisyys. Suunnitteluvaiheessa todettiin, että vanhalla sivustolla erityisesti tavassa esittää yhteystiedot ja referenssit – molemmat erittäin tärkeitä osioita Lujatalon liiketoiminnan kannalta – oli paljon haasteita käyttäjien näkökulmasta. Näiden toiminnallisuuksiin, kuten siihen miten oikeat yhteystiedot olivat loppukäyttäjälle mahdollisimman helppoa löytää, kiinnitettiin erityistä huomiota.

“Suunnittelua lähdettiin tekemään yksinkertaistamisen ja rauhoittamisen kautta”, kertoo Knowitin Service Designer Jonas Simola. Rakenteen osalta se tarkoittaa sitä, että nyt sivulla kävijä tietää koko ajan missä hän on ja minne mennä, ja sisäisesti puolestaan sivustoa on helpompi ylläpitää ja päivittää.

Suunnittelun tueksi tehtiin sekä Lujatalon sisäisiä haastatteluja että loppukäyttäjien haastatteluja. Suunnitteluvaiheen lopputuloksena syntyi uusi informaatioarkkitehtuuri, uudet layoutit, sekä Figman avulla toteutettu proto, jossa asiakas pääsi jo kokeilemaan liikkumista muutamien sivujen välillä.”

“Oli todella hyvä, että Knowit toteutti heti alussa sisäisten ja ulkoisten kohderyhmien haastattelut. Ne vahvistivat analytiikasta havaittuja asioita ja antoivat hyvän pohjan suunnittelulle”, kertoo Lujatalon AD Janne Markkanen.

Yhteystietojen ja referenssien helppo löydettävyys tärkeätä liiketoiminnalle

Uudella sivustolla yhteystietoja voi hakea joko vapaalla sanahaulla tai sitten suodattaa kategorioittain. Kategoriat mietittiin loppukäyttäjien näkökulmasta mahdollisimman intuitiivisiksi ja unohdettiin organisaatiolähtöinen tapa hahmottaa asioita.

“Mielestäni Yhteystiedot-osion toteutuksessa onnistuttiin kiitettävästi huomioimaan loppukäyttäjien tarpeet”, toteaa Knowit Experiencen projektipäällikkönä toiminut Niko Ristola. “Ota yhteyttä -sivu on helppo löytää sekä päävalikon että hakutoiminnon kautta. Rakennusbisnes on kuitenkin melko paikallista toimintaa. Siksi niin oman paikkakunnan yhteystietojen kuin oman alueen referenssien löytämisestä haluttiin tehdä helppoa”, Ristola taustoittaa.

Referensseissä kävijälle annettiin kuitenkin sisältöjen suodattamisen lisäksi mahdollisuus myös selailla vapaammin sisältöä.

“Referenssit saivat aiempaa enemmän huomiota uudella sivustolla, sillä haastatteluista kävi ilmi, että erityisesti ne kiinnostavat kävijöitä”, Markkanen kertoo.

Sivustolla kävijää ohjataan selkeillä ja lyhyillä teksteillä oikeaan paikkaan. Yhteydenotosta haluttiin tehdä kävijälle helppoa mahdollistamalla yksittäisten yhteystietokorttien ripottelu sivuille aina tarpeen vaatiessa. Lisäksi sivustolla on käytössä geneerisempi ”Miten voimme auttaa” -elementti, joka ohjaa kävijää eteenpäin.

Punainen väri valjastettiin luomaan brändimielikuvaa

Uudistuksessa sivuston ilmettä elävöitettiin. Ilme pidettiin brändille uskollisena, selkeänä ja rauhallisena, mutta mukaan tuotiin pieniä nyansseja, kuten leikatut kulmat kuvissa.

“Rakennusala mielletään helposti vähän konservatiiviseksi ja siellä on totuttu tietynlaiseen visuaalisuuteen. Mutta löysimme rohkean oman ilmeen pelkistämällä vahvasti visuaalista muotokieltä”, kuvailee Knowitin Senior Designer Samuli Kemppi.

Lujatalon brändiväri, kirkas punainen, herättää katsojan huomion, mutta paljon käytettynä saattaa kääntyä jo raskaaksi ja ”huutavaksi”. Värin käyttöön löydettiin hyvä tasapaino, jossa väri toimii maltillisesti käytettynä tehostevärinä luomassa brändimielikuvaa. Se ohjaa kävijän katsetta kohdistamaan olennaisiin asioihin ja rytmittää sivustoa.

“Punainen on nyt koko ajan läsnä, mutta se ei ole muuri, joka hukuttaa katsojan omaan huutoonsa.”, Kemppi jatkaa.

Jamstack-arkkitehtuurilla sivut latautuvat välittömästi

Toteutusvaiheeseen lähdettäessä oli jo hyvin selvillä minkälaisista lohkoista ja toiminnallisuuksista sivusto tulee rakentumaan. Toteutusvaihe vietiin läpi viidessä kolmen viikon sprintissä, joissa jokaisessa oli yksi isompi kokonaisuus. Yhteistyö Lujan kanssa pysyi tiiviinä myös läpi toteutusvaiheen ja työn etenemisen tuloksia käytiin yhdessä läpi säännöllisesti.

Uusi sivusto hyödyntää Jamstack-arkkitehtuuria, jonka ansiosta sivut latautuvat aina välittömästi – sivun koosta tai yhteyksistä riippumatta. Jamstackin ansiosta esimerkiksi yhteystietojen suodattaminen tapahtuu sormia napsauttamalla.

“Sivuston nopeus nousi heti ensimmäisissä palavereissa esiin yhtenä uudistuksen tärkeimmistä tavoitteista. Ja uusi teknologia on lupauksensa lunastanut! Sivut latautuvat nyt ihan uskomattoman nopeasti”, kiittelee Markkanen.

Sivujen latautumisnopeuden lisäksi Jamstack-arkkitehtuurilla on mahdollista saavuttaa merkittäviä etuja esimerkiksi tietoturvan, skaalautuvuuden sekä kehittäjäkokemuksen ja työkalujen suhteen. Lähtökohtaisesti Jamstackilla rakennettavat sivustot ovat ekologisempia kuin monoliittiisen julkaisujärjestelmän päälle rakennetut sivustot.

Jamstack-ratkaisussa tietoa voidaan edelleen hallita julkaisujärjestelmän kautta, mutta julkaisujärjestelmän rooli on rajattu vain tiedon hallintaan ja tarjoiluun rajapintojen kautta – ei siihen miten tieto palvelussa esitetään käyttäjälle. Näkyvä sivusto (eli front-end) rakentuu omalla, irrallisella ohjelmistollaan.

Yhteystiedot sivustolle haetaan Mepco HR-ohjelmiston rajapinnasta. Sivustolla esitettävien henkilön nimen ja yhteystietojen lisäksi integraatiomme hakee tiedot siitä, missä Luja-yhtiössä ja missä toimipisteessä henkilö on töissä, jotta oikeat yhteystiedot osataan esittää sivustolla oikeassa paikassa. CMS:ssä Lujatalon editorit pystyvät rikastuttamaan tietoa, ja esimerkiksi priorisoimaan joitain yhteystietoja näytettäviksi ylempänä listauksissa.

Työnhakijoille-osiossa on listaus avoimista työpaikoista, ja linkki lisätietoihin. Nämä tiedot haetaan sivustolle TalentAdoren RSS-syötteestä.

Uusi sivusto vastaa liiketoiminnan vaatimuksiin

Uusi sivusto antaa nyt paremmat edellytykset toteuttaa sille annettuja tärkeimpiä tehtäviä: luoda työnantajamielikuvaa sekä luotettavaa mielikuvaa rakentajana yhteistyökumppanien suuntaan. Tätä tukee esimerkiksi referenssien ja yhteystietojen helppo löydettävyys ja selattavuus.

Sivusto on nyt käyttäjälähtöisesti suunniteltu ja käyttäjäpolut ovat selkeytyneet ja helpottuneet. Tyylikäs ja hiottu ulkoasu puolestaan tukee aiempaa paremmin Lujatalon brändimielikuvaa.

Markkanen muistuttaa, että vaikka sivusto on nyt julki, todellinen kehitystyö on vasta alussa.

“Helposti ajatellaan, että kun julkaisu lähestyy, kaikki pitää saada sinne kerralla valmiiksi ja sitten sen annetaan olla. Mutta nythän kun sivusto lähtee rullaamaan, näemme todellisuudessa miten sitä voidaan kehittää.”

Kemppi kehuu tapaa, jolla projektia vietiin yhdessä Lujatalon kanssa eteenpäin ja palaa ikiaikaiseen mantraan: form follows function.

“Sitä ei voi koskaan korostaa liikaa. Nyt meillä oli tärkeimmät sisällöt ja toiminnallisuudet määriteltynä ensin, ja visuaalisuus tuli vasta sitten – juuri niin kuin pitkääkin. Uskon, että se näkyy myös lopputuloksessa.”

Knowitin ja Lujan yhteistyö jatkuu tiiviinä. Lujatalo oli uusittavista sivuista ensimmäinen, ja seuraavaksi on tarkoitus uusia myös konsernin muut sivustot.


Sinua voisi kiinnostaa myös

Veronmaksajat

Tekijä: Knowit Experience

Tärkein teknologia: Muu tuotepohjainen toteutus

Projektin budjetti: yli 100 000 €

Projektin tyyppi: Järjestön verkkopalvelu

Veronmaksajain Keskusliitto lähti uudistamaan verkkopalveluaan ja halusi tehostaa verkon kautta tapahtuvaa jäsenhankintaa, sekä tarjota jäsenilleen entistä parempaa palvelua myös digitaalisissa kanavissa. Miten poikkeuksellisen laaja sisältöpankki ja käyttäjien moninaiset tarpeet sovitettiin yhteen saumattomaksi digitaaliseksi neuvonta- ja asiantuntijapalveluksi? Veronmaksajain Keskusliitto, tuttavallisemmin Veronmaksajat, on kotitalouksien, yritysten ja yhteisöjen riippumaton järjestö. Liitto neuvoo suomalaisia kaikissa verotukseen liittyvissä elämäntilanteissa, ajaa […] Lue lisää

Porvoon kaupunki

Tekijä: Knowit Experience

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu

Porvoon kaupunki on reilun 50 000 ihmisen kotipaikka. Rakensimme Porvoolle sen kaikkia toimintoja palvelevan sivustokokonaisuuden, josta on moneksi. Kaiken kaikkiaan Porvoon kaupungille toteutettiin yhdeksän sivustoa. Sivustouudistuksen isoja teemoja olivat keskitetty sisällönhallinta sekä erillissivustojen luominen kaupungin eri liikelaitoksille ja toimijoille. Aiemmin käytössä oli vain yksi pääsivusto, ja sen uudistamisen lisäksi ympärille lähdettiin nyt luomaan omia erillissivustoja. […] Lue lisää

Scanoffice

Tekijä: Rajasoft Oy

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Yrityksen sivusto kuluttajille

Scanoffice Oy on Pohjoismaiden suurin uusiutuvan energian tuotteiden maahantuoja. Vuonna 1984 perustettu kotimainen perheyritys on osa Scanoffice Groupia, joka toimii Pohjoismaiden alueella. Yrityksellä on yli 2 000 jälleenmyyjää ympäri Suomen. Tehokas ja näyttävä verkkosivusto hi-tech-yritykselle Lähtökohta Rajasoft oli luonut myös Scanofficen aikaisemman verkkosivuston vuonna 2018. Yrityksen kasvun ja tuotevalikoiman laajentumisen myötä hyvin toiminut sivusto ei […] Lue lisää

Betolar

Tekijä: MEOM

Tärkein teknologia: HubSpot CMS

Projektin budjetti: 10 000–30 000 €

Projektin tyyppi: Yrityksen sivusto yritysasiakkaille (B2B)

Vuonna 2016 perustettu Betolar on suomalainen materiaaliteknologian yritys, jonka menetelmällä voidaan muuttaa teolliset jäte- ja sivuvirrat vähähiilisiksi rakennusmateriaaleiksi. Betolar halusi siirtää koko asiakashankinnan HubSpotin päälle. Vastasimme tähän yhteistarjouksella digimarkkinointitoimisto Hopkinsin kanssa. Hopkinsin vastuulla olivat CRM, markkinoinnin automaatio sekä SEO, kun taas me MEOMilla huolehdimme verkkosivuston suunnittelusta ja toteutuksesta. Tärkeää uuden asiakashankinnan kokonaisuuden rakentamisessa oli toimistojen […] Lue lisää

Helsingin tapahtumasäätiön sivustopohja

Tekijä: Knowit Experience

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu

Helsingin tapahtumasäätiö toteuttaa Helsingin kaupungin merkittäviä yleisötapahtumia kuten Helsingin juhlaviikkoja, Lux Helsinkiä, Helsinki-päivää, Helsingin uudenvuoden juhlaa, Silakkamarkkinoita ja Tuomaan Markkinoita. Aiemmin eri tapahtumien sivustot olivat täysin irrallaan toisistaan, sivustot oli toteutettu eri tekniikoilla, eri tahojen toimesta ja niiden laatu oli kirjavaa. Sivustojen sisältöjen ylläpito oli Helsingin tapahtumasäätiölle haastavaa, samoin kokonaisuuden hallinta. Myös sivustojen analytiikka oli […] Lue lisää

Hoas.fi

Tekijä: Knowit Experience

Tärkein teknologia: WordPress

Projektin budjetti: yli 60 000 €

Projektin tyyppi: Julkishallinnon verkkopalvelu

Hoas.fi – helpotusta sopivan opiskelija-asunnon löytämiseen Hoasilla asukaskokemus syntyy muustakin kuin vain neljästä seinästä. Hoas auttaa ja tukee opiskelijoita niin asumisen, muuttamisen kuin arjenkin perusasioissa. Lisää tukea haluttiin nyt tarjota uudistamalla verkkosivusto palvelemaan asunnonhakijoita paremmin. Home sweet Hoas Helsingin seudun opiskelija-asuntosäätiö (tuttavallisemmin Hoas) tarjoaa edullista asumista opiskelijoille. Hoas vuokraa, rakennuttaa ja ylläpitää asuntoja pääkaupunkiseudulla. Hoasin […] Lue lisää

Vierityspalkki-blogi

Julkaistu vuodesta 2006. Vierityspalkki on blogi kotimaisen internet-alan trendeistä, teknologioista ja alan toimistoista. Seuraa, niin tiedät miten ja kenen toimesta syntyvät parhaat verkkopalvelut, verkkokaupat ja räätälöidyt web-sovellukset.
Lisätietoa blogista ja sen kävijöistä

  • 1140+ asiantuntija-artikkelia.

    Toimitettua asiasisältöä kattavasti teknologioista ja web-alan ilmiöistä. Vierityspalkki nostaa esiin alan puheenaiheita ja tuoretta tutkimustietoa, osallistuu keskusteluun sekä haastattelee alan asiantuntijoita ja toimistoja.

  • 1300+ digipalvelun referenssicasea.

    Julkaisut-palsta tarjoaa näkyvyyttä kiinnostaville uusille verkkopalveluille ja web-sovelluksille, ja antaa asiakkaille mahdollisuuden arvioida eri toimistojen osaamista.

  • 1000+ aktiivista lukijaa blogin kuukausikirjeellä.

    Kerran kuukaudessa ilmestyvä kuukausikirje koostaa julkaistut artikkelit, uudet julkaisut, avoimet työpaikat ja ajankohtaiset linkkivinkit.

  • 29 kokenutta digitoimistoa

    on päässyt aina ajantasaiselle Toimistot-listalle. Lista on auttanut asiakkaita löytämään kokeneita digitoimistokumppaneita jo usean vuoden ajan. Lista keskittyy WordPress-osaajiin ja räätälöityjen web-sovellusten tekijöihin.

Tilaa kuukausikirje

Kerran kuukaudessa ilmestyvä uutiskirje koostaa artikkelit, julkaisut, työpaikat ja linkkivinkit. Kirjeellä on jo yli 1000 tilaajaa.
Huom. Sähköpostiosoitettasi ei luovuteta eteenpäin, eikä käytetä mihinkään muuhun tarkoitukseen.

Siirry takaisin sivun alkuun