Sähkö-Kela Oy
Sähkö-Kela Oy:n verkkosivut ja jatkuva kehitys Webflow'lla

Sähkö-Kela Oy:n verkkosivut ja jatkuva kehitys Webflow'lla

Uudistimme sähköurakoitsija Sähkö-Kela Oy:n verkkosivut Webflow'lla avaimet käteen — ja olemme kehittäneet sivustoa yhdessä asiakkaan kanssa siitä lähtien.

Sähkö-Kela Oy:n verkkosivujen etusivu työpöydällä ja mobiilissa
Tutustu projektiin

Sähkö-Kela Oy – verkkosivujen uudistus ja jatkuva kehitys

Sähkö-Kela on sähköurakointiin erikoistunut yritys, joka tekee vaativatkin sähköasennustyöt yksityisille kotitalouksille, yrityksille, rakennusliikkeille ja kiinteistösijoitusyhtiöille. Yrityksellä on S2-luokan sähköluvat ja toimipisteet Karjalohjalla ja Rovaniemellä, ja se palvelee Uudenmaan, Ranuan ja Rovaniemen alueilla — Etelä-Suomessa ja Lapissa samalla ammattitaidolla.

Lähtötilanne

Vanha sivusto ei tuonut Sähkö-Kelan palveluita esiin riittävän selkeästi: yritys teki monenlaista sähkötyötä, mutta sivustolta se ei käynyt ilmi. Hakukoneoptimointi ei ollut ajan tasalla, eikä sivusto tukenut asiakashankintaa — vaikka juuri verkosta tulevat yhteydenotot olivat yritykselle tärkeitä.

Sähkö-Kelan palveluvalikoima ja palvelusivun rakenne
Jokainen sähkötyön laji sai oman sivunsa — sama hero-komponentti, eri sisältö.

Ratkaisu

Toimitimme uudistuksen avaimet käteen: vastasimme visuaalisesta ilmeestä, sisällöntuotannosta ja teknisestä toteutuksesta. Palvelut jäsennettiin ensin — jokainen sähkötyön laji sai oman sivunsa, jolla kerrotaan mitä työ pitää sisällään ja kenelle se on tarkoitettu. Huolto- ja kunnossapitotyöt, tele- ja antenniasennukset, kesämökkien sähköistäminen, omakotitalojen sähköurakat, remonttikohteet, uudiskohteet, rakennusliikkeille suunnatut palvelut ja sähkösuunnitelmat löytyvät nyt kukin omalta sivultaan.

  • Visuaalinen ilme — tumma sininen, valokuvavetoinen ja työmaalta tuttu; yrityksen oma käsinkirjoitettu logo sai ympärilleen ilmeen, joka kantaa sen tyyliä.
  • Sisällöntuotanto — palvelukuvaukset kirjoitettiin asiakkaan kielellä, ei ammattislangilla.
  • Tekninen toteutus Webflow'lla, jolloin Sähkö-Kela päivittää sisällöt itse ilman välikäsiä.
  • Designjärjestelmä ja komponenttikirjasto, jonka ansiosta uusi palvelusivu syntyy olemassa olevista paloista — nopeasti ja edullisesti.
  • Hakukonenäkyvyyden optimointi osana sisältötyötä.
  • Yhteydenoton helpottaminen — tarjouspyyntö on saatavilla joka sivulta, ja yhteystiedot kulkevat mukana sivun reunassa.
Sähkö-Kelan verkkosivujen väripaletti ja typografia
Ilme rakentuu yhden värin kolmen sävyn varaan. Otsikoissa Bitter, leivässä Open Sans.

Designjärjestelmä

Ilme rakentuu yhden värin varaan: sininen kantaa koko sivuston, ja sen tummempi ja vaaleampi sävy erottavat osiot toisistaan. Otsikoissa on Bitter, leipätekstissä Open Sans — vahva ja selkeä pari, joka kestää sekä lyhyen palvelunimen että pitkän teknisen selostuksen. Värit elävät CSS-muuttujina, joten teema on yhdessä paikassa. Palvelusivut käyttävät samaa hero-komponenttia: pystykuva, otsikko, kuvaus ja tarjouspyyntö — sama rakenne joka sivulla, eri sisältö.

Julkaisun jälkeen toteutetut englanninkielinen sivusto, artikkeliosio ja nosturin vuokraus -sivu
Julkaisun jälkeen: englanninkielinen sivusto, artikkeliosio ja nosturin vuokraus omana palvelunaan.

Yhteistyö jatkui julkaisun jälkeen

Sivusto ei jäänyt siihen, mihin se keväällä 2024 julkaistiin. Olemme kehittäneet sitä yhdessä Sähkö-Kelan kanssa sen jälkeen: sivustolle tehtiin englanninkielinen versio samalle alustalle, avattiin artikkeliosio, jossa yritys kertoo omista työmaistaan ja ratkaisuistaan, ja lisättiin uusi palvelu — nosturin vuokraus — omana sivunaan, kun tarjonta laajeni. Jokainen lisäys syntyi olemassa olevista komponenteista, joten uusi sisältö istui ilmeeseen heti eikä vaatinut uudelleensuunnittelua.

Asiakasarvostelut, referenssikohteet ja yhteystiedot Sähkö-Kelan sivustolla
Luottamus näkyviin: arvostelut, toteutetut kohteet ja alueittain jaetut yhteystiedot.

Sisällöt ja luottamus

Sähkötöissä valinta tehdään luottamuksen varassa, joten sivusto nostaa sen näkyviin: asiakasarvostelut tulevat suoraan etusivulle, ja toteutetut kohteet — päiväkoteja, koulutuskeskuksia, kerrostalosaneerauksia — kerrotaan omina referensseinään. Yhteystiedot on jaettu Etelä- ja Pohjois-Suomen mukaan, jotta asiakas tavoittaa oikean ihmisen heti.

Sähkö-Kelan sivusto mobiilissa: Meistä, kesämökkien sähköistäminen ja referenssit
Sama komponenttikirjasto taipuu puhelimeen ilman erillistä mobiiliversiota.

Tulokset

Sähkö-Kelan palvelut näkyvät nyt sellaisina kuin ne ovat: laaja valikoima, jossa jokaisella työllä on oma sivunsa ja oma polkunsa tarjouspyyntöön. Yhteydenottoja tulee verkosta aiempaa enemmän ja yritys löytyy hakukoneista paremmin. Sisällöt päivittyvät yrityksen omin käsin, ja kun tarjonta laajenee tai uusi kohderyhmä tulee mukaan, sivusto taipuu siihen ilman uudistusprojektia — kuten englanninkielinen sivusto, artikkelit ja nosturivuokraus ovat osoittaneet.

Ennen
  • Vanha sivusto ei tuonut palveluita esiin riittävän selkeästi
  • Hakukoneoptimointi ei ollut ajan tasalla
  • Sivusto ei tukenut asiakashankintaa
  • Sisältö vain suomeksi
Jälkeen
  • Selkeä palvelurakenne: jokaisella sähkötyön lajilla oma sivunsa
  • Yhtenäinen ilme ja komponenttikirjasto, jolla uusi sivu syntyy nopeasti
  • Sähkö-Kela päivittää sisällöt itse
  • Englanninkielinen sivusto samalla alustalla
  • Artikkeliosio ja asiakasarvostelut osana sivustoa
  • Enemmän yhteydenottoja ja parempi näkyvyys hakukoneissa
Aloita nyt

Oletko valmis tapaamaan uuden kotisivukumppanisi?

Kokoa paketti ja näe hinta heti — tai varaa maksuton 30 minuutin tapaaminen kanssamme.