RELEXillä on käytössä sekä WordPress- että HubSpot-sivustoja ja uuden brändin mukainen ilme sovitettiinkin ensin WordPress-sivuston teemaksi, mutta samalla myös HubSpotissa hyödynnettäväksi.

Tällainen joustava monikäyttöisyys on tärkeää RELEXin kaltaiselle enterprise-tason asiakkaalle, joka tekee paljon Account Based Marketingia.

Account Based Marketingia WordPress+HubSpot -kombinaatiolla

WordPress-verkkosivusto päivitettiin olemassa olevan sivuston teknisen pohjan päälle. Monimutkaista kokonaisuutta ei haluttu repiä isommin auki, vaan päätavoite oli uudistuvan brändi-ilmeen esille tuonti.

WordPress on tässä suhteessa joustava julkaisualusta. RELEXin designerin luoma uusi ilme jalkautettiin uudella visuaalisella teemalla ja sisällön esittämistä monipuolistettiin muutamalla uudella sisältölohkolla.

WordPress-sivuille luotu ilme toistettiin HubSpot CMS:n puolella. Näin markkinointitiimillä on kyky luoda joustavasti uusia asiakaskohtaisia laskeutumissivuja, jonka sisällössä voidaan yhdistää sekä palveluin toimittajan eli RELEXin sekä sen ostajan, eli asiakasyrityksen brändielementtejä.

The post RELEX Solutions verkkosivustouudistus appeared first on Vierityspalkki.fi.

JWR-Talot rakentaa rivi- ja paritalokohteita sekä lomahuoneistoja huolella valituille sijainneille. Lisäksi he toteuttavat asuinrakentamisen urakoita, majoitusrakennuksia, pihasaunoja ja muita piharakennuksia.

JWR-Talojen aiemmat verkkosivut kaipasivat modernisointia sekä myynnillistämistä.

Tavoitteet

• Yhteydenottojen ja toteutuneiden kauppojen määrän kasvattaminen
• Palvelut ja referenssit selkeästi, tyylikkäästi ja kattavasti esille
• Brändimielikuvan parantaminen laadukkaalla sivustolla

Mitä tehtiin

• WordPress-verkkosivut
• Suunnittelu
• Lomakkeiden ERP-integraatio
• WordPress-ylläpito

Projekti käynnistyi aloitustyöpajalla, jossa käytiin läpi JWR-Talojen liiketoiminta-alueet ja niiden erilaiset asiakaskohderyhmät ympäri Suomen. Suunnittelun lähtökohtana oli, että jokainen kävijä löytää nopeasti oman polkunsa, ja että yhteydenotto on mahdollisimman helppoa missä kohtaa sivustoa tahansa.

Etusivun hero-video ja kolme selkeää polkua ohjaavat kävijän suoraan oikeaan sisältöön. Yhteydenottoon kannustetaan läpi sivuston esimerkiksi matalan kynnyksen ”Kerro meille hankkeestasi” -kehotteilla sekä lomakkeilla, joiden kautta viesti päätyy suoraan Easoft-toiminnanohjausjärjestelmään. Luottamusta rakennetaan asiakaskokemuksilla, tunnusluvuilla, referensseillä ja videoilla.

Jokaisella myytävällä asunnolla sekä majoitus- ja piharakennuksella on selkeä ja yhtenäinen esittelysivu. Kun olennaiset tiedot ovat helposti vertailtavissa, ostaja voi kartoittaa vaihtoehtoja omaan tahtiinsa ja ottaa yhteyttä vasta, kun sopiva kohde on löytynyt. Asunnon ja piharakennuksen ostajan oppaat palvelevat ostopäätöksen alkuvaihetta ja tukevat hakukonenäkyvyyttä.

Lopputulos

JWR-Talot sai sivuston, joka on rakennettu myynnin työkaluksi eikä pelkäksi käyntikortiksi. Kolme erilaista liiketoimintaa elää nyt saman katon alla selkeästi ja yhtenäisesti, ja jokaiselle kohderyhmälle on oma polkunsa kohti yhteydenottoa.

Uusien kohteiden ja mallien lisääminen on helppoa, joten sivusto pysyy ajan tasalla rakennushankkeiden edetessä ja malliston kasvaessa. Vankka perusta mahdollistaa myös sivuston kehittämisen jatkossa. Kun mittausdataa kertyy, nähdään mitkä polut tuottavat parhaiten.

Projektin kohokohdat

Yhteydenotto aina käden ulottuvilla

Kolme erilaista asiakasryhmää ohjataan heti etusivulta omille poluilleen, ja yhteydenottoon kannustetaan matalalla kynnyksellä läpi sivuston. Vastuualueittain jaetut yhteyshenkilöt varmistavat, että jokainen kysymys päätyy suoraan oikealle ihmiselle.

Natiivilohkot ACF-lohkojen sijaan

Toteutimme sivuston WordPressin natiiveilla lohkoilla. Sisältöä muokataan suoraan editorissa eikä erillisissä kentissä, ja lohkoja voi yhdistellä vapaammin. Patternit, eli lohkomallit tarjoavat valmiita, tarkkaan harkittuja sisältökokonaisuuksia nopeasti käytettäväksi. Natiivilohkot ovat lisäksi kevyitä, eivät vaadi lisäosia ja kehittyvät WordPressin mukana.

Yhteydenotot suoraan toiminnanohjaukseen

Sivuston lomakkeet on integroitu Easoft-toiminnanohjausjärjestelmään, joten jokainen yhteydenotto siirtyy suoraan myynnin käsiteltäväksi ilman sähköpostien välissä odottelua tai käsin kopiointia. Yksikään liidi ei huku matkalla.

WordPress-ylläpito takaa huolettomuuden jatkossakin

Duden ylläpitopalvelun ansiosta JWR-Talojen ei tarvitse huolehtia teknisestä säädöstä tai siitä, pysyykö sivusto pystyssä. Myös jatkokehitys hoituu saman katon alta, kun mittausdataa kertyy ja sivustoa halutaan kehittää eteenpäin.

The post JWR-Talojen verkkosivut appeared first on Vierityspalkki.fi.

Trendikaihtimen verkkosivustouudistuksen tavoitteena oli rakentaa selkeä ja moderni sivusto, joka helpottaa tuotteisiin tutustumista, sopivan ratkaisun löytämistä ja yhteydenottoa. Koska Trendikaihdin on osa Liukuovitehdasta, haluttiin sivuston visuaalisen ilmeen muodostavan luontevan kokonaisuuden uudistetun Liukuovitehtaan verkkosivuston kanssa.

Suunnittelussa painotettiin helppoa navigointia ja mobiilikäytön sujuvuutta. Sivuston rakenteella haluttiin myös ohjata kävijöitä luontevasti kohti yhteydenottoa ja tukea näin liidien hankintaa.

Trimedia vastasi verkkosivuston suunnittelusta ja toteutuksesta yhteistyössä digimarkkinointitoimisto Kuulun kanssa. Uusi sivusto rakennettiin WordPress-alustalle asiakkaan tarpeisiin suunnitelluilla sisältölohkoilla.

Kokonaisuudesta syntyi moderni ja selkeä verkkosivusto, joka palvelee uusien yhteydenottojen syntymistä. Samalla toteutus tukee Trendikaihtimen ja Liukuovitehtaan muodostamaa yhtenäistä kokonaisuutta.

Yhtenäinen ilme, oma identiteetti

Koska Trendikaihdin on osa Liukuovitehdasta, visuaalisessa suunnittelussa haluttiin säilyttää brändien välinen yhteys. Ilmeessä hyödynnettiin Liukuovitehtaan sivustouudistuksessa käytettyjä visuaalisia elementtejä, kuitenkin niin, että Trendikaihtimelle muodostui oma, kaihdinratkaisuihin sopiva visuaalinen identiteetti.

Käyttöliittymä suunniteltiin toimimaan sujuvasti eri päätelaitteilla, ja erityistä huomiota kiinnitettiin mobiilikäytön sujuvuuteen. Selkeä rakenne auttaa käyttäjää löytämään nopeasti tarvitsemansa tiedon ja sopivat ratkaisut.

Liidien hankintaa tukeva verkkopalvelu

Sivuston käyttöliittymässä huomioitiin tärkeänä osana myös liidien hankinta. Tuotteiden ja ratkaisujen yhteyteen tuotiin selkeitä polkuja, jotta kävijän on helppo edetä kiinnostavasta tuotteesta yhteydenottoon. Tavoitteena oli rakentaa verkkosivusto, joka ei ainoastaan esittele tuotteita, vaan toimii aktiivisesti osana myynnin ja asiakashankinnan kokonaisuutta.

Keskeiset avainominaisuudet

• Räätälöity WordPress-toteutus
• Liukuovitehtaan kokonaisuuteen sopiva visuaalinen ilme
• Trendikaihtimen omaa identiteettiä tukeva design
• Liidien hankintaa tukeva rakenne ja käyttäjäpolut
• Asiakkaan tarpeisiin suunnitellut sisältölohkot
• Selkeä ja käyttäjäystävällinen sisältörakenne
• Responsiivinen käyttöliittymä eri päätelaitteille

Lopputulos

Uudistuksen myötä Trendikaihtimen verkkosivusto sai modernin ja selkeän ilmeen sekä rakenteen, joka helpottaa tuotteisiin tutustumista ja sopivan kaihdinratkaisun löytämistä. Liukuovitehtaan kanssa yhtenäinen visuaalinen kokonaisuus vahvistaa brändien välistä yhteyttä ja tekee verkkosivuista tunnistettavan kokonaisuuden.

Tuotteet ja ratkaisut helposti löydettävissä

Uudistettu sisältörakenne ja räätälöidyt sisältölohkot tekevät tuotteisiin ja kaihdinratkaisuihin tutustumisesta selkeää. Käyttäjä löytää tarvitsemansa tiedon helposti ja pystyy etenemään sujuvasti sopivan ratkaisun äärelle. Sivustolle tuotiin esiin myös asiakkaiden palautteita, mikä tukee luottamuksen rakentamista.

Sujuva käyttökokemus eri päätelaitteilla

Responsiivinen käyttöliittymä ja selkeä navigaatio tekevät sivuston käytöstä sujuvaa niin tietokoneella, tabletilla kuin mobiilissa.

Liidien hankintaa tukeva kokonaisuus

Liidien hankinta huomioitiin osana käyttäjäpolkua sivuston rakenteessa. Selkeät toimintakehotteet ja tuotteiden yhteyteen rakennetut yhteydenottopolut helpottavat yhteydenottoa.

The post Trendikaihdin – verkkosivustouudistus appeared first on Vierityspalkki.fi.

Globaalissa markkinassa tuotteiden ja brändin esittely ensiluokkaisen vaikuttavalla tavalla on tärkeää. iLOQin teknologia on uraauurtavaa ja sen tulee lyödä ällikällä myös markkinoinnissa.

MEOM on ollut iLOQin sivustokumppani jo lähes vuosikymmenen. Olemme toteuttaneet yhdessä useita sivustouudistuksia kuin myös sivustokokonaisuuden jatkuvaa kehitystä useilla kaistoilla.

WordPress multisite

iLOQin verkkosivusto on WordPress Multisite -toteutus, jossa iloq.com-markkinointisivusto toimii pääsivustona ja samaa teknistä pohjaa käytetään esimerkiksi iLOQin suositulla support-sivustolla sekä erillisellä ura-sivustolla.

Tuorein sivustouudistus tehtiin vaiheittain vuosien 2025-26 aikana.

Sivustouudistuksessa keskityttiin ensisijaisesti digitaalisen kulunhallinnan tuomaan lisäarvoon sekä sen visuaaliseen esittelyyn, ei lukkoteknologiaan teknisellä tasolla. Vaikuttavaa esitystapaa on hiottu yhteistyössä myös iLOQin brändikumppanin kanssa.

Integraatiot

iLOQ.com-sivusto integroituu myyntiin, markkinointiin ja tuotehallintaan Akeneo PIM- ja Cision -integraatioilla. Tuotetiedot tuodaan sivustolle ja pidetään ajan tasalla maakohtaisesti ja pariinkymmeneen kieliversioon päivitettyinä.

Myös jälleenmyyjätiedot päivitetään integraatiolla, joihin tieto haetaan iLOQin partneriprotaalista. Tämä tieto esitetään sivustolla myös karttaupotus-elementissä.

Analytiikka, tekninen SEO ja GEO sekä sivuston monitorointi

MEOM on huolehtinut sivustouudistuksen yhteydessä analytiikan pystytyksestä, evästehallinnasta sekä sivuston löydettävyyden teknisestä valmiudesta.

Seuraamme iLOQin sivuston toimintaa ja eheyttä monitorointipalvelulla, jonka puitteissa muun muassa korjaamme rikkinäiset linkit ja uudelleenohjausketjut, täydennämme puuttuvia metatietoja sekä optimoimme sivuston nopeutta Web Vitalsin pohjalta. Monitorointi tarjoaa iLOQille myös nopean näkymän sivuston hakukone- ja AI-hakujen näkyvyyteen.

The post iLOQ verkkosivuston uudistus appeared first on Vierityspalkki.fi.

Finnlinesin verkkopalvelu on kriittinen osa heidän liiketoimintaansa, ja vanha Drupal-alustalle rakennettu kokonaisuus kärsi teknisistä puutteista: navigointi oli monimutkaista, eikä rakenne palvellut riittävän hyvin eri käyttäjäryhmien tarpeita.

Toteutimme uudistuksen WordPress-alustalle painottaen erityisesti käyttäjäkokemusta ja skaalautuvuutta.

Keskeiset ratkaisut

• Kolme polkua: Rakensimme intuitiiviset navigointipolut matkustajille, rahtialan ammattilaisille ja yrityssidosryhmille. Jokainen ryhmä löytää tarvitsemansa tiedon sujuvasti.
• Gutenberg-moduulit: Sisällöntuottajille luotiin joustava kirjasto räätälöityjä lohkoja, joiden avulla esimerkiksi Black Friday -kampanjasivujen pystyttäminen onnistuu nopeasti ilman kehittäjän apua.
• Suorituskyky ja turvallisuus: Sivusto hyödyntää Cloudflare-sisällönjakeluverkkoa. Tämä on kriittistä, jotta sivuston suorituskyky kestää myös suuret kävijämäärät esimerkiksi suurten lanseerausten tai kampanjoiden aikana.
• Saavutettavuus: Sivusto on suunniteltu ja koodattu vastaamaan nykypäivän saavutettavuusvaatimuksia, mikä on välttämättömyys laajalle ja kansainväliselle käyttäjäkunnalle.

Sivuston uudistusprojekti oli vasta yhteistyömme alku. Olemme kehittäneet palvelua jatkuvasti julkaisun jälkeen tukien muun muassa uusien matkustaja-alusten lanseerauksia. Pitkäaikainen kumppanuus on mahdollistanut sen, että digitaalinen palvelu pysyy aina askeleen edellä liiketoiminnan kasvavia tarpeita.

The post Finnlinesin verkkopalvelu appeared first on Vierityspalkki.fi.

Työ alkoi konseptin kirkastamisesta ja rakenteen suunnittelusta. Poutapilvi vastasi myös käyttöliittymästä, visuaalisesta suunnittelusta ja teknisestä toteutuksesta. Sisältöjä jäsennettiin lapsiperheiden, vapaa-ajan asukkaiden, matkailijoiden, yrittäjien ja uusien asukkaiden tarpeiden mukaan. Keuruun oma värimaailma, typografia ja kuvat sovitettiin verkkopalveluun, jossa kaupungin palvelut, asiointi, tiedotus ja markkinointi muodostavat yhteisen kokonaisuuden.

Samat tiedot palvelevat eri sisältönäkymiä

Uutiset, tiedotteet, häiriötiedotteet ja muut artikkelit julkaistaan rakenteisesti. Luokittelut ohjaavat niiden nostoja eri puolille palvelua. Visit Keuruun matkailusisällöille voidaan muodostaa omia kokonaisuuksia samassa WordPressissä, jolloin matkailumarkkinointi hyödyntää yhteistä sisältöpohjaa.

Matkailun ja vapaa-ajan kohdekortteihin sekä toimipaikkoihin voidaan liittää kohderyhmät, sijainti, yhteystiedot, kuvat ja muut sisällöt. Tietojen perusteella muodostetaan listauksia, suodatuksia ja nostoja. Samoja toimipaikkatietoja voi käyttää eri sisältöjen yhteydessä ilman erillistä ylläpitoa jokaisella sivulla.

Tekninen toteutus ja käyttäjähallinta

Palvelu toteutettiin WordPressillä ja Gutenberg-lohkoeditorilla. Räätälöidyt sisältötyypit ja luokittelut tukevat usean sisällöntuottajan työtä. Suomen- ja englanninkieliset sisällöt hallitaan Polylangilla. Relevanssi Premium -haku hyödyntää myös sisältökenttiä ja metatietoja. Julkisen verkkopalvelun ja intranetin haut ovat erilliset.

Keski-Suomi Events -integraatio tuo Keuruun alueen tapahtumat automaattisesti sivustolle. Tapahtumien ylläpito tehdään lähdejärjestelmässä. Henkilöstön yhteystietojen perustiedot tuodaan Microsoft Azure AD:stä ja WordPressissä niitä voidaan täydentää kuvalla, esittelyllä ja vastuualueilla.

Kirjautuminen yhdistettiin Azure AD:hen SSO-ratkaisulla. Verkkopalvelun ylläpidossa ja intranetissä käytetään organisaation omia tunnuksia ja käyttäjäryhmiä käyttöoikeuksien hallintaan. Keskitetty kirjautuminen ja tietolähteisiin yhdistetty sisällönhallinta keventävät erillisten palvelujen ylläpitoa.

The post Keuruun kaupunki appeared first on Vierityspalkki.fi.

Valu toteutti Laurealle uuden WordPress Multisite -ympäristöön perustuvan verkkopalvelun. Kokonaisuus sisältää räätälöidyn lohkoteeman, kymmenen eri sisältötyyppiä, kaksikielisen sisällönhallinnan, laajan integraatioarkkitehtuurin sekä erillisen opiskelijoiden ohjesivuston.

Suunnittelu loi pohjan tekniselle toteutukselle

Projekti käynnistettiin vaatimusmäärittelyllä ja konseptointivaiheella, jossa Valu ja Laurea tarkensivat verkkopalvelun kohderyhmiä, sisältörakennetta ja tietomallia.

Suunnittelun yhteydessä määriteltiin sivustorakenne, sisältölohkot, käyttöliittymä sekä visuaalinen kokonaisuus tukemaan Laurean uudistunutta brändiä.

“Suunnitteluvaihe koettiin erittäin tarpeelliseksi. Käyttöliittymä on koettu visuaalisesti sellaiseksi, joka istuu uuteen brändiin hyvin, ja käytettävyys on saatu todella hyvin kohdilleen”, Laurean projektipäällikkö Maritta Riskilä kertoo.

WordPress Multisite ja räätälöity lohkoteema

Verkkopalvelun tekniseksi alustaksi valittiin WordPress Multisite. Ratkaisu mahdollistaa useiden verkkopalveluiden hallinnan saman ympäristön kautta sekä uusien alisivustojen rakentamisen myöhemmin ilman erillisiä teknisiä ympäristöjä.

Valu rakensi Laurealle oman räätälöidyn lohkoteeman WordPressin Full Site Editing -ominaisuuksien päälle. Sisällöntuottajat voivat rakentaa ja muokata sivuja valmiiden lohkojen avulla ilman jatkuvaa kehittäjätyötä.

Sisältöarkkitehtuuriin toteutettiin kymmenen räätälöityä sisältötyyppiä, muun muassa:

• koulutukset
• hankkeet
• tapahtumat
• asiantuntijat
• avainkumppanit
• palvelutuotteet
• vuokrattavat tilat

Jokaiselle sisältötyypille rakennettiin oma käyttötarkoitukseen sopiva esitystapa.

Sisällöt julkaistaan suomeksi ja englanniksi Polylang Pro -laajennuksen avulla.

Erillinen opiskelijoiden ohjesivusto saman kokonaisuuden sisällä

WordPress Multisite -arkkitehtuurin avulla Laurean opiskelijoiden ohjeet toteutettiin omana erillissivustonaan.

Ohjesivustolla on oma sisällönhallinta ja julkaisuprosessi, mutta loppukäyttäjälle se näyttäytyy saumattomana osana Laurean verkkopalvelua.

Ratkaisu mahdollistaa myöhemmin myös uusien alisivustojen ja laajemman kieliversioinnin rakentamisen saman teknisen alustan päälle.

Frends yhdistää verkkopalvelun Laurean taustajärjestelmiin

Verkkopalveluun toteutettiin useita integraatioita, joiden tavoitteena oli vähentää päällekkäistä tiedon ylläpitoa ja hyödyntää tietoa suoraan sen lähdejärjestelmistä.

Frends toimii integraatioalustana WordPressin ja Laurean muiden järjestelmien välillä.

Keskeisiä integraatioita ovat:

Reportronic → Frends → WordPress
Hanketiedot ylläpidetään Laurean hankehallintajärjestelmässä ja tuodaan automaattisesti verkkopalveluun.

IDM → Frends → WordPress
Henkilöstön yhteystiedot haetaan automaattisesti asiantuntijasivuille.

WordPress → Frends → Matrix
Verkkopalvelun lomakkeiden vastaukset siirtyvät Frendsin kautta Matrixiin ilman erillistä manuaalista tiedonsiirtoa.

Lisäksi verkkopalveluun toteutettiin integraatiot ImageBank X -mediapankkiin, Entra ID -tunnistautumiseen ja Tuudo-mobiilisovellukseen. ImageBank X kuvat ovat suoraan sisällöntuottajien käytettävissä WordPressissä, ja opiskelijoille kohdennetut tiedotteet ja tapahtumat siirtyvät automaattisesti verkkopalvelusta Tuudoon.

Sivustolla otettiin käyttöön myös Laurean käyttämä Piwik Pro -analytiikka ja evästehallinta sekä Boost.ai-chatbot.

Haku Findkitillä

Laajan sisältökokonaisuuden hakutoiminto toteutettiin Findkitillä.

Ratkaisu mahdollistaa sisällön hakemisen koko verkkopalvelukokonaisuudesta ja helpottaa esimerkiksi koulutusten, tapahtumien, hankkeiden ja opiskelijoiden ohjeiden löytämistä.

Saavutettavuus huomioitiin koko toteutuksen ajan

Julkisena korkeakouluna Laurean verkkopalvelun tuli täyttää WCAG 2.1 AA -tason saavutettavuusvaatimukset.

Saavutettavuus huomioitiin jo suunnittelu- ja kehitysvaiheessa muun muassa sisältölohkojen semantiikassa, käyttöliittymäkomponenteissa, väreissä ja kontrasteissa.

Toteutus testattiin lisäksi ulkopuolisella saavutettavuusauditoinnilla.

“Laajan sivuston saavutettavuudessa on onnistuttu hyvin jo julkaisuvaiheessa. Uudistuksessa on osattu huomioida myös käyttäjät, jotka toimivat verkossa esimerkiksi apuvälineohjelman avulla”, Q-Factoryn Tero Pesonen totesi saavutettavuusauditoinnin tulospalaverissa.

Valu vastaa myös verkkopalvelun ylläpidosta ja toimintavarmuudesta

Laurean verkkopalvelu toimii Valun hallinnoimassa, WordPressille optimoidussa palvelinympäristössä UpCloudin Helsingin konesalissa.

Valu vastaa verkkopalvelun jatkuvasta teknisestä ylläpidosta, tietoturvapäivityksistä ja toiminnan valvonnasta. Sivuston saatavuutta seurataan automaattisesti ympäri vuorokauden, ja mahdollisista häiriöistä välittyy hälytys Valun tukipalveluun. Verkkopalvelusta otetaan päivittäiset varmuuskopiot, ja WordPressin sekä sen lisäosien päivitykset toteutetaan hallitusti ja testatusti.

Palvelun kuukausittainen saatavuustavoite on 99,5 prosenttia. Jatkuvan ylläpidon ansiosta Laurealla on kumppani, joka huolehtii verkkopalvelun teknisestä toimintavarmuudesta ja ylläpidettävyydestä myös julkaisun jälkeen.

Projekti valmistui suunnitellussa aikataulussa

Laurean verkkopalvelu-uudistus sisälsi uuden teknisen alustan, sisältöarkkitehtuurin, useita integraatioita, saavutettavuustyön sekä laajan sisällöntuotantovaiheen.
Päätös uudistuksesta tehtiin keväällä 2025, sisällöntuotanto käynnistyi syksyllä ja uusi verkkopalvelu julkaistiin keväällä 2026.

Projekti toteutettiin Valun ja Laurean tiiviissä yhteistyössä työpajojen, katselmusten ja yhteisen Basecamp-projektiympäristön avulla.

“Yhteistyö sujui hyvässä hengessä ja huumorilla höystettynä”, Laurean projektipäällikkö Maritta Riskilä kertoo.

Lopputulos

Uudistuksen myötä Laurea siirtyi lisenssipohjaisesta alustasta avoimeen WordPress-ympäristöön ja sai verkkopalvelulleen teknisen perustan, jota voidaan kehittää vaiheittain tulevina vuosina.

Uusi ratkaisu:

• poistaa aiemman julkaisujärjestelmän lisenssikustannukset
• mahdollistaa aiempaa itsenäisemmän sisällöntuotannon
• vähentää päällekkäistä tiedon ylläpitoa integraatioiden avulla
• mahdollistaa uusien sisältöelementtien rakentamisen kustannustehokkaasti
• tukee uusien alisivustojen ja kieliversioiden toteuttamista
• mahdollistaa joustavan järjestelmäpäivityksen ja jatkokehityksen
• täyttää WCAG 2.1 AA -tason saavutettavuusvaatimukset

“Uskomme, että tämä WordPress-toteutus palvelee meitä pitkään, vaikka brändi-ilme joskus muuttuisikin. Myös uudet alisivustot ja laajempi kieliversiointi ovat nyt mahdollisia aiempaa helpommin”, Maritta Riskilä kertoo.

Laurea arvioi yhteistyön täydellä kolmella tähdellä.

“Projekti pysyi aikataulussa, porukka puhalsi yhteen hiileen ja toteutuksesta tuli meidän tarpeita vastaava. Koimme, että palvelu oli todella ystävällistä ja hauskaakin oli!”

“Ehdottomasti suosittelemme! Yhteistyö oli sujuvaa, ja Valulla kyllä kuunneltiin meidän tarpeitamme”, Maritta Riskilä ja Mervi Burton kiteyttävät.

Teknologiat ja ratkaisut

• WordPress Multisite
• Full Site Editing
• Polylang Pro
• Frends
• Reportronic
• IDM
• Matrix
• ImageBank X
• Entra ID
• Tuudo
• Piwik Pro
• Boost.ai
• Findkit
• UpCloud

The post Laurea-ammattikorkeakoulun verkkopalvelu-uudistus appeared first on Vierityspalkki.fi.

Lähtökohta

Yhteistyömme alkoi alkuvuodesta 2023, kun Rinta-Joupin Autoliike etsi uutta kumppania kehittämään digitaalista myyntikanavaansa. Aiempi sivusto oli rakennettu headless-teknologialla. Toimintoihin ei tarvinnut koskea, mutta arkkitehtuurin uudistamisella haluttiin nopeutta sivuston toimintaan, jatkokehitykseen ja sisällönhallintaan.

Työ alkoi laajalla kartoituksella: auditoimme lähdekoodin ja arkkitehtuurin sekä tunnistimme pullonkaulat. Tulosten pohjalta muodostimme yhteisen suunnitelman uudesta sivustosta, jonka arkkitehtuuri olisi yksinkertaisempi, mutta kaikki vanhat toiminnallisuudet säilyisivät.

Uudella arkkitehtuurilla toteutettu sivusto julkaistiin loppuvuodesta 2023, ja siitä lähtien olemme kehittäneet sitä tiiviissä yhteistyössä Rinta-Joupin Autoliikkeen kanssa. Vuosien aikana yhteistyömme on muovautunut todelliseksi kumppanuudeksi: olemme yhteydessä lähes päivittäin ja toimimme enemmänkin Rinta-Joupin Autoliikkeen markkinointitiimin jatkeena kuin ulkoisena kumppanina, jolta tilataan tarkoin rajattuja projekteja.

Tekninen toteutus

Ajoneuvohaku

Yksittäisten ajoneuvojen haku on sivustolla ylivoimaisesti tärkein ominaisuus ja koko liiketoiminnan ydintä. Yhtenä merkittävimpänä uudistuksena suunnittelimme ja toteutimme sen alusta alkaen uudestaan. Hausta haluttiin selkeämpi ja käyttäjäystävällisempi – nykyisin suodattimet ja tulokset muodostavat intuitiivisemman kokonaisuuden, jota on miellyttävä selailla. Hakuun lisättiin myös hakuvahti, jonka avulla käyttäjä voi tilata sähköposti-ilmoituksen, kun omiin tarpeisiin sopiva ajoneuvo tulee myyntiin.

Haun taustalla on tehokas hakumoottori, joka palauttaa tuloksia laajasta valikoimasta salamannopeasti myös silloin, kun useita suodattimia on aktiivisena yhtä aikaa. Jatkokehityksessä vaihdoimme hakumoottorin avoimen lähdekoodin Typesense-ratkaisuun. Se toi hakuun lisää nopeutta sekä yli 80 % kustannussäästöt vuositasolla.

Ajoneuvodata ja integraatiot

Automyyjät ylläpitävät DMS/ERP-järjestelmää, joka sisältää tiedot jokaisesta myynnissä olevasta ajoneuvosta. Rakensimme integraation, jossa tieto liikkuu järjestelmästä WordPressiin ja esitetään käyttäjälle verkkosivustolla. Tietoja rikastetaan lisäksi apujärjestelmistä, ja tekoäly jäsentää ne helpommin luettavaan muotoon sekä poimii olennaisia kohtia käytettäväksi muualla sivustolla. Yksi merkittävä käyttökokemusta parantava ratkaisu on tekoälyavusteinen varusteluokittelu: pitkien ja raskaiden listojen sijaan ajoneuvojen varusteet ryhmitellään automaattisesti selkeiden alaotsikoiden alle. Kun ajoneuvon tietoja päivitetään ja järjestelmä tunnistaa muutoksia varustelussa, tiedot ohjautuvat automaattisesti tekoälylle uudelleenluokiteltavaksi.

Asiakas voi tehdä rahoituslaskelmia ja käynnistää hakuprosessin suoraan ajoneuvon sivulta. Rahoitustoiminnallisuudet on integroitu kolmannen osapuolen toimittamaan järjestelmään: laskurin tiedot päivittyvät reaaliajassa aina, kun käyttäjä muuttaa arvoja. Ajoneuvon voi myös varata suoraan, jolloin asiakas ohjataan varausmaksuun. Lisäksi ajoneuvosta voi pyytää videoesittelyn tai lisätä sen tarjouskoriin, jonka avulla voi pyytää tarjousta useasta ajoneuvosta kerralla.

Lomakeyhteydenotot välittyvät automaattisesti DMS/CRM-järjestelmään henkilöstön käsiteltäviksi. Jos taustajärjestelmä on tilapäisesti alhaalla esimerkiksi huoltokatkon takia, lomakelähetys vastaanotetaan normaalisti ja integraatio huolehtii tiedon siirrosta myöhemmin. Näin asiakkaan käyttökokemus on sujuva eikä yksikään liidi ei jää saapumatta. Integraatio tukee myös kuvien liittämistä lomakkeisiin, mikä on harvinainen ominaisuus CRM-integraatioissa.

Käyttäjätili

Sivustolle on toteutettu kirjautuminen, jonka avulla asiakkaat pääsevät päivittämään omia tietojaan, lisäämään omia ajoneuvoja, tallentamaan suosikkejaan ja seuraamaan niiden hinnan kehitystä sekä muokkaamaan hakuvahtejaan. Pienenä käyttökokemusta parantavana yksityiskohtana kirjautuneen käyttäjän tiedot täytetään automaattisesti lomakkeisiin, ja vaihtoautoksi voi tarjota suoraan omaa ajoneuvoa. Tulevaisuudessa asiakkaiden asiointihistoria Rinta-Joupin Autoliikkeen kanssa tuodaan näkyville osaksi omaa tiliä.

Suorituskyky ja monitorointi

Sivustolla on käytössä Cloudflare, joka varmistaa hyvän suorituskyvyn ja suojauksen verkkohyökkäyksiltä. Integraatioiden seurantaan käytämme omaa Everwatch-työkaluamme, joka tuo kaikkien integraatioiden tilan hallintapaneeliin. Vikatilanteessa Everwatch lähettää reaaliaikaisen hälytyksen asiakkuus- ja Care-tiimillemme, jotta liiketoimintakriittisiin ongelmiin voidaan reagoida nopeasti.

Jatkuva yhteistyö

Rinta-Joupin Autoliikkeellä on nyt käytössään moderni WordPress-sivusto, helppokäyttöinen sisällönhallinta ja luotettavat taustaprosessit sekä kumppani, joka ei vain kulje mukana, vaan toimii aktiivisena kartturina yhteisellä matkalla maan suurimmaksi käytettyjen ajoneuvojen autoliikkeeksi.

Teknisen uudistuksen jälkeen sama ydintiimi on jatkanut sivuston kehittämistä. Samojen tekijöiden pysyminen mukana alusta saakka on ollut ratkaisevaa ajoittain hyvinkin tiivistahtisen kehittämisen onnistumisen kannalta.

Pitkän kumppanuuden aikana olemme oppineet tuntemaan Rinta-Joupin Autoliikkeen liiketoimintaa yksityiskohtaisesti. Meillä on yhteinen näkemys tarpeista ja asiakaskäyttäytymisestä – se auttaa meitä ehdottamaan ja toteuttamaan ominaisuuksia, jotka palvelevat liiketoimintaa ja käyttäjiä. Jaettu kokonaiskuva yhdistettynä aktiiviseen analytiikan hyödyntämiseen päätöksenteossa varmistaa, että mahdolliset kauppaa haittaavat kipupisteet tunnistetaan tehokkaasti, eikä uudet ominaisuudet myöskään aiheuta sellaisia.

Jatkuva yhteistyömme on parantanut käyttökokemusta ja sujuvoittanut asiakkaan ostopolkua, mikä näkyy suoraan myös digitaalisen myyntikanavan tuloksissa:

• 33 % sivukatseluiden kasvu (vs. 2024)
• 65 % konversioiden kasvu (vs. 2024)

The post Rinta-Joupin Autoliikkeen verkkosivusto appeared first on Vierityspalkki.fi.

Haasteena joustamaton ylläpito ja käytettävyyden solmukohdat

Kuusamo Hirsitalojen edellinen verkkosivusto oli palvellut loppukäyttäjiä visuaalisesti ja toiminnallisesti kohtalaisesti. Taustajärjestelmä oli kuitenkin vanhentunut, jonka vuoksi ylläpito oli hidasta ja riippuvaista kolmansista osapuolista.

Lisäksi laajan, noin 170 mallia käsittävän malliston tuote- ja hintatietojen sekä toimitussisältöjen päivittäminen manuaalisesti oli aikaavievää. Tuotesivuilta geneeriseen toimitussisältöluetteloon ohjaava rakenne aiheutti käyttäjille katkoksen ostopolulla ja nosti poistumisprosenttia. Myös mobiilikäytettävyydessä ja saavutettavuudessa oli selkeitä kehityskohteita.

Tarkkojen määrittelyjen kautta tekniseen toteutukseen

”Uudistuksen tärkeimpänä tavoitteena oli saada verkkopalvelu, joka on ennen kaikkea luotettava, helppokäyttöinen ja joustava omalle tiimillemme. Halusimme päästä eroon arjen kankeuksista ja varmistaa, että asiakkaamme löytävät etsimänsä tiedon kirkkaasti niin mobiilissa kuin tietokoneella”, kuvailee Kuusamo Hirsitalojen digimarkkinoinnin asiantuntija Annukka Säkkinen.

Kuusamo Hirsitalojen verkkopalvelun käyttöliittymä- ja visuaaliset suunnitelmat olivat valmiit projektin siirtyessä redandbluelle tekniseen toteutukseen. Verkkopalvelun sisältötyyppien ja lohkojen suhteet ja riippuvuudet ovat kompleksiset ja palvelussa on paljon eri toiminnallisuuksia. Siksi olikin tärkeää määritellä projekti erityisen tarkasti. Projektin jokainen osa pilkottiin osiin ja niistä tehtiin kirjalliset määrittelyt projektinhallintatyökaluun. Toiminnalliset määrittelyt käytiin redandbluen johdolla läpi useassa työpajassa, ja näin saimme yhteisen ymmärryksen palvelun yksityiskohdista. Asiakkaan selkeä käsitys eri toimintojen tarkoista tavoitteista ja halutusta toimintalogiikasta helpotti työskentelyä. Laaja teknisen toteutuksen osuus aloitettiin hyväksytyn määrittelyn jälkeen.

Ratkaisu ja tekninen toteutus: Helppo ylläpito, monipuoliset lohkot ja keskitetty malliston hallinta

Verkkopalvelun uuden arkkitehtuurin ytimessä on eri kohderyhmien tarpeiden ymmärtäminen. Uudistetussa verkkopalvelussa ostopolkua suoristettiin muun muassa tuomalla mallikohtaiset toimitussisällöt ja muunneltavuustiedot suoraan tuotesivuille. Sivusto tarjoaa rakentajalle inspiraatiota ja esittelee myös mallistosta tehtyjä muunnosmalleja uudessa galleriassa.

Verkkopalvelu toteutettiin teknisesti WordPress-alustalla hyödyntäen helppokäyttöistä Gutenberg-lohkoeditoria ja redandbluen omaa Webmaster-teema -arkkitehtuuria. Jokaiselle sisältötyypille on määritelty, mitä lohkoja siihen saa lisätä. Uusi talomalli, tapahtuma tai blogi aukeaa valmiilla lohkopohjalla mikä takaa sen, että sivuston visuaalinen ilme pysyy yhtenäisenä ja laadukkaana riippumatta siitä, kuka sisältöä päivittää.

Verkkopalvelussa käytettävät lohkot ovat monipuolisia esimerkiksi väri- ja asetteluvariaatioidensa puolesta.

Verkkopalvelun toivottiin myös tukevan paremmin digitaalisista mainontaa. Laskeutumissivujen ja etusivun sisältöjä pystytäänkin painottamaan joustavasti uusilla lohkoilla sen mukaan, saapuuko kävijä sivustolle hirsitalo- vai hirsimökkimainoksen kautta.

Alueelliset tapahtumat ja talonäyttelyt nostetaan näkyvästi esiin, jotta asiakkaan kynnys tutustua toteutettuihin kohteisiin madaltuu. Nostoja pystyy laittamaan esimerkiksi osaksi mallistolistausta.

Yli 170 talomallin hinta- ja toimitussisältötietojen hallintaa varten kehitettiin keskitetty päivitysmalli, joka säästää ylläpitäjien aikaa arjessa ja pitää tiedot aina ajan tasalla. Keskitetty malli on toteutettu niin, että asiakas lataa määrämuotoisen excel-templaatin CSV-muodossa järjestelmään ja sen pohjalta päivitetään talomallien metatietoja kuten hintoja tai hirsityyppiä. Malliston monipuolisten suodatusmahdollisuuksien lisäksi palvelussa on mahdollista lisätä mallistoja suosikeiksi ilman erillistä kirjatumista ja lähettää niistä listaus haluamaansa sähköpostiin. Lisäksi mallisivulla on karuselli viimeksi katsotuista malleista.

Aiempien tietoturvariskien ja ylläpidon esteiden poistamiseksi järjestelmään rakennettiin joustava käyttöoikeusarkkitehtuuri. Selkeästi erotellut roolit mahdollistavat sen, että eri tiimit ja kumppanit voivat hallinnoida sisältöjä turvallisesti ilman laajempia pääkäyttäjäoikeuksia.

Sivuston lomakkeet integroitiin HubSpot-markkinointiautomaatioon. Käyttäjän valintojen mukaan dynaamisesti mukautuvat lomakkeet varmistavat laadukkaiden liidien automaattisen siirtymisen myynnille. Yhteydenotot ohjautuvat automaattisesti oikealla myyjälle sen mukaan, minkä paikkakunnan tai maan kävijä valitsee. Myyjät ja heidän alueensa päivitetään CSV-tuonnilla ja master-tieto elää CSV:ssä.

Integraatio HubSpotiin on toteutettu käyttämällä GravityFormsin HubSpot-liitännäistä, jolla GravityFormsin lomakekentät saadaan mäpättyä HubSpotin vastaaviin kenttiin.

Kokonaisuus toteutettiin monikielisyyttä tukevaksi. Sivustolle rakennettiin suoraan editorissa toimiva AI-pohjainen käännöstyökalu, joka tekee uusien kieliversioiden julkaisusta vaivatonta.

Tekninen arkkitehtuuri rakennettiin vastaamaan WCAG 2.2 A- ja AA -saavutettavuusvaatimuksia. Lohkoille on kirjatut saavutettavuusvaatimukset. Lohkojen otsikkotason voi valita, DOM-järjestys vastaa aina visuaalista järjestystä ja uuteen välilehteen avautuvat linkit ilmoitetaan erikseen. Mobiilivalikko on dialog-pohjainen, ja suosikkien sekä karusellien muutokset kerrotaan ruudunlukijalle.

Sujuvampi arki ja tehokkaampi liidihankinta

Verkkopalveluuudistus toi Kuusamo Hirsitaloille kaivatun digitaalisen harppauksen, joka näkyy välittömästi sekä asiakaskokemuksessa että markkinointitiimin arjessa. Sisällönsyöttö ja uusien sivu- sekä laskeutumissivukokonaisuuksien rakentaminen onnistuvat nyt Kuusamo Hirsitalojen omalta tiimiltä vaivattomasti ilman ulkopuolisia kehittäjäresursseja. Uuden käyttöoikeusmallin ansiosta eri kumppanit ja sisällöntuottajat pystyvät työskentelemään järjestelmässä tietoturvallisesti ja joustavasti omilla vastuualueillaan.

Loppukäyttäjän näkökulmasta uudistus on selkeyttänyt ostopolkua merkittävästi. Saavutettava, mobiililaitteille optimoitu sivusto ja johdonmukaiset tuotesivut ohjaavat kävijöitä entistä tehokkaammin esitetilauksiin, tarjouspyyntöihin ja suoriin yhteydenottoihin myynnin kanssa. Saavutettavuuden huomioiminen varmistaa lisäksi, että Kuusamo Hirsitalojen monipuoliset sisällöt palvelevat kaikkia hirsirakentamisesta kiinnostuneita tasavertaisesti ja nykyaikaisesti.

The post Kuusamo Hirsitalojen verkkopalvelu appeared first on Vierityspalkki.fi.

JCAPin tarve oli uudistaa brändi-identiteettinsä sekä julkaista uusi verkkosivusto, joka heijastelisi sen evoluutiota maailmanlaajuiseksi investointialustaksi, omalla erottuvalla ilmeellä.

Yhteistyö käynnistyi positioinnilla ja brändistrategialla, jonka tuloksina JCAPille luotiin uusi, erottuva ilme ja määriteltiin arvopilarit, joiden päälle itse verkkosivusto rakentuisi luontevasti.

WordPressillä toteutetun verkkosivuston fokus ei ole seikkaperäisessä myyntiargumentoinnissa, vaan elegantin yksinkertaisissa väittämissä sekä ennen kaikkea visuaalisuudessa, joka jää mieleen.

Interaktiivinen WebGL-animaatio vangitsee huomion

Etusivun pääelementti on yrityksen logosta luotu interaktiivinen WebGL-animaatio. Ilme on tumman mustavalkoinen, hallitulla oranssilla tehostevärillä.

WebGL-partikkelianimaatio on projektin teknisesti erikoistunein komponentti. Animaatio piirtää tuhansia vapaasti kelluvia hiukkasia mustalle taustalle. Sivun latautuessa pisteet muodostavat JCAPin logosymbolin.

Animaatio reagoi käyttäjän hiiren liikkeeseen: partikkelit väistävät kursoria ja palautuvat paikoilleen, luoden elävän, interaktiivisen vaikutelman. Logo pysyy tunnistettavana, mutta ei koskaan paikallaan, symboloiden JCAPin sijoitusfilosofiaa.

The post JCAP – uusi brändi-ilme ja verkkosivusto appeared first on Vierityspalkki.fi.

Qaicu.ai:n verkkosivusto toteutettiin modernina WordPress-ratkaisuna uuden SaaS-yrityksen tarpeisiin. Projektissa keskeistä oli näyttävä visuaalinen ilme, animaatiot ja selkeä rakenne. Sivusto rakentaa uskottavan ja kiinnostavan ensivaikutelman tekoälyratkaisuja tarjoavalle yritykselle.

Visuaalisesti erottuva WordPress-toteutus

Qaicu.ai:n verkkosivusto rakennettiin tukemaan uuden yrityksen lanseerausta sekä vahvistamaan brändin digitaalista näkyvyyttä. Tavoitteena oli rakentaa teknologia-alan yritykselle uskottava, moderni ja kiinnostusta herättävä digitaalinen ensivaikutelma. Toteutuksessa hyödynnettiin WordPressiä, jonka päälle rakennettiin moderni ja visuaalisesti normaalia näyttävämpi kokonaisuus. Sivuston ilmettä elävöitettiin Rive-animaatioilla ja kevyillä visuaalisilla efekteillä.

Projektissa tehtiin yhteistyötä SDM Digital Oy:n kanssa, joka vastasi markkinointisuunnitelmasta, brändi-ilmeestä sekä sisällöntuotannosta. Trimedian vastuulla oli sivuston tekninen toteutus ja kokonaisuuden viimeistely toimivaksi verkkopalveluksi.

WordPress taipuu myös näyttäviin SaaS-toteutuksiin

Projektin tavoitteena oli osoittaa, että WordPress soveltuu erinomaisesti myös modernien SaaS-yritysten verkkosivustoihin. Kevyet animaatiot, selkeä rakenne ja viimeistelty käyttöliittymä toivat sivustolle persoonallisuutta ilman, että ylläpidettävyydestä tai suorituskyvystä jouduttiin tinkimään.

Lopputuloksena syntyi verkkosivusto, joka tukee Qaicu.ai:n kasvua ja tarjoaa vahvan pohjan yrityksen markkinoinnille myös tulevaisuudessa.

Keskeiset avainominaisuudet

• WordPress-pohjainen verkkosivustototeutus
• Rive-animaatioilla toteutetut visuaaliset elementit
• Moderni SaaS-tyylinen käyttöliittymä
• Uuden yrityksen digitaalinen lanseeraus
• Yhteistyö brändi- ja sisältötiimin kanssa
• Kevyt ja helposti ylläpidettävä toteutus

The post Qaicu.ai – uusi verkkosivusto appeared first on Vierityspalkki.fi.

Lähtökohdat

Remionin edellinen visuaalinen ilme oli palvellut yritystä uskollisesti jo yli vuosikymmenen ajan. Teknologia-alalla kymmenen vuotta on kuitenkin todella pitkä aika ja ajan saatossa yrityksen visuaalinen viestintä oli jäänyt jälkeen sen todellisesta, huippunykyaikaisesta osaamisesta.

Projektin keskiössä oli selkeä tarve kuroa umpeen kuilu Remionin vankan asiantuntijuuden ja ulkoisen olemuksen välillä – oli aika tuoda brändi tähän päivään.

Brändiuudistus: vuosien harppaus nykyhetkeen

Lähtökohtana oli tarve päivittää Remionin visuaalinen identiteetti, joka oli palvellut yritystä jo yli kymmenen vuoden ajan. Vanha ilme ei enää vastannut modernin teknologiatalon dynaamisuutta, joten toteutimme kattavan brändiuudistuksen.

Uudistuksessa päivitettiin yrityksen logo, valittiin moderni typografia ja luotiin uniikki kuvitusmaailma, joka tekee monimutkaisesta datasta helpommin lähestyttävää. Kokonaisuus sinetöitiin uudella brändiohjeistuksella, joka varmistaa yhtenäisen ja ammattimaisen viestinnän kaikissa kanavissa. Lopputuloksena on ilme, joka viestii luotettavuutta, innovaatiota ja teollista asiantuntijuutta.

Moderni WordPress-toteutus ja ketterä aikataulu

Uusi remion.com rakennettiin hyödyntäen WordPressin natiiveja Gutenberg-lohkoja. Tämä tekninen valinta takaa sivuston erinomaisen skaalautuvuuden ja tekee sisällönsyötöstä vaivatonta. Projekti eteni sujuvasti ja tehokkaasti: suunnittelu aloitettiin kesällä 2025, ja tekninen toteutus saatiin päätökseen ja asiakkaalle sisällönsyöttöön 2025 loppuvuoden aikana. Uusi sivusto julkaistiin hallitusti vuoden 2026 alussa.

Sivuston arkkitehtuuri tukee Remionin kasvutavoitteita ja mahdollistaa joustavan jatkokehityksen, jolloin yrityksen asiantuntijat voivat keskittyä asiakasarvon luomiseen teknisen ylläpidon sijaan.

The post Remion – brändi- ja verkkosivustouudistus appeared first on Vierityspalkki.fi.

Toteutimme Vetrospacelle brändiuudistuksen mukaisen, modernin ja modulaarisen HubSpot-verkkosivuston, joka parantaa asiakaskokemusta ja tehostaa liidihankintaa. Uuden sivuston toimivuus todistettiin välittömästi, sillä ensimmäinen relevantti myyntiliidi saavutettiin jo sivuston julkaisupäivänä.

Taustatiedot

Vetrospace on tunnettu korkealaatuisista ja huipputeknologisista työtilaratkaisuistaan, jotka tarjoavat markkinoiden parasta ilmanvaihtoa yhdistettynä huippuluokan äänieristykseen ja räätälöitävyyteen. Yrityksen kasvaessa ja kehittyessä tuli ajankohtaiseksi päivittää myös digitaalinen näyteikkuna vastaamaan nykyistä markkina-asemaa ja brändi-identiteettiä.

Projektin tausta

Uudistuksen lähtökohtana oli Vetrospacen visuaalisen brändi-ilmeen uusiutuminen. Vanha verkkosivusto ei enää palvellut yrityksen tavoitteita, sillä tuotteiden monipuoliset ominaisuudet eivät päässeet siellä oikeuksiinsa. Lisäksi sivuston ylläpito oli haastavaa, ja yritys halusi vahvasti enemmän itsenäistä ylläpitovalmiutta omalle tiimilleen.

Liidihankinnan kannalta keskeisenä haasteena oli tunnistaa ja kohdata oikeat asiakassegmentit. Sivuston rakenteen tuli ohjata potentiaaliset asiakkaat suoraviivaisesti juuri heille relevanttien ratkaisujen pariin, jotta markkinoinnista ja myynnistä saataisiin mahdollisimman tehokasta.

Projektin toteutus

Projekti käynnistettiin huolellisella esitutkimuksella ja suunnittelulla, jossa Obsidian vastasi sivuston rakenteesta ja informaatioarkkitehtuurista. Selkeän käyttäjäpolun varmistamiseksi luotiin rautalankamallit (wireframes), jotka toimivat pohjana visuaaliselle suunnittelulle.

Sivuston etusivun visuaalisen leiskan oli luonut Vetrospacen oma bränditoimisto. Meidän roolimme oli viimeistellä design ja laajentaa se koko sivuston kattavaksi kokonaisuudeksi brändi-ilmettä tarkasti kunnioittaen ja sitä rikastaen. Tekniseksi alustaksi valikoitui HubSpot, jolle sivusto toteutettiin täysin räätälöidysti ja modulaarisesti.

Ratkaisu ja lähestymistapa

Suurin tekninen ja toiminnallinen haaste ratkaistiin tuotesivuilla: miten esittää työtilojen monipuoliset ja tekniset ominaisuudet kattavasti ilman, että sivuston yleisilme muuttuu raskaaksi tai tukkoiseksi. Obsidian rakensi tähän tarpeeseen älykkään ja monipuolisen moduulin, joka hakee tuotetiedot automaattisesti taustalla olevasta tietokannasta.

Tämän ratkaisun ansiosta tuotetiedot pysyvät helposti hallittavassa muodossa, ja loppukäyttäjälle ne näyttäytyvät keveänä, ilmavana ja helposti omaksuttavana kokonaisuutena. Modulaarisen rakenteen ansiosta Vetrospacen oma tiimi voi nyt rakentaa uusia, visuaalisesti yhteensopivia sivukokonaisuuksia vaivattomasti ilman koodaustaitoja.

Tulokset ja vaikutukset

Yhteistyön tuloksena syntyi visuaalisesti säväyttävä ja teknisesti erinomaisesti toimiva verkkosivusto, joka tukee Vetrospacen liiketoiminnan kasvua. Uudistuksen konkreettiset hyödyt tulivat esiin heti:

● Välittömät tulokset: uuden segmentoinnin ja kirkastetun rakenteen ansiosta ensimmäinen erittäin relevantti myyntiliidi saatiin sisään jo sivuston virallisena julkaisupäivänä.

● Helppo ylläpidettävyys: Vetrospacen ylläpitovalmius parani merkittävästi. Tiimi pystyy itsenäisesti luomaan ja muokkaamaan monipuolisia sivuja valmiiden moduulien avulla.

● Yhtenäinen ekosysteemi: pääsivusto ja kampanjakohtaiset ländärit (laskeutumissivut) sijaitsevat nyt saman järjestelmän alla, mikä suoraviivaistaa markkinoinnin dataa ja hallintaa.

● Skaalautuvuus tulevaisuuteen: modulaarinen toteutus takaa sen, että sivustoa on helppo kasvattaa ja kehittää uusien kieliversioiden avulla yrityksen kansainvälistyessä.

Yhteistyön arviointi

Projekti oli erinomainen osoitus sujuvasta kolmikantayhteistyöstä asiakkaan, bränditoimiston ja teknisen kumppanin välillä. Obsidian onnistui teknisessä toteutuksessaan yhdistämään Vetrospacen tiukat laatuvaatimukset ja bränditoimiston visuaalisen vision toimivaksi digitaaliseksi kokonaisuudeksi.

The post Vetrospace – uudistettu verkkosivusto appeared first on Vierityspalkki.fi.

Lähtökohdat

Tavoitteena oli luoda asiantuntijuutta kuvaava hienostunut visuaalinen ilme ja verkkopalvelut, jotka toimivat erinomaisesti sekä sisällöntuottajille että loppukäyttäjille.

Tarve oli myös nykyaikaistaa sivustojen käyttöliittymät ja ilme, parantaa niiden käyttäjäkokemusta ja varmistaa, että palvelut vastaavat Akavan jäsenliittojen, opiskelijoiden, päättäjien, median ja muiden sidosryhmien tarpeisiin.

Lähtötilanteessa sivustoilla oli useita teknisiä ongelmia ja kehitettävää sisällön käytettävyydessä, ja niiden ylläpito sekä jatkokehitys haluttiin siirtää proaktiivisen kumppanin käsiin.

Projektin kulku

Brändiuudistus toteutettiin Brand Sprint -menetelmällä, joka mahdollisti Akavan strategisten tavoitteiden, viestien ja identiteetin kiteyttämisen tiiviissä työskentelyjaksossa. Sprintin aikana syntyi konsepti, joka ohjasi sekä ilmeuudistusta että verkkosivustojen konseptointia.

Visuaalista suunnittelua tehtiin viikkopalaverimallilla iteratiivisesti. Prosessin aikana todettiin myös tarve päivittää logoa maltillisesti.

Suunnittelussa toteutettiin uusi väripaletti, jossa säilytettiin Akavalle ominainen sininen väri, jonka sävyä päivitettiin. Käyttöön valittiin tyylikäs ja luettava kirjasin.

Kuvituksissa päädyttiin abstrakteihin monikäyttöisiin moderneihin vektorikuvituksiin, joilla ilmeeseen saatiin elävyyttä. Valokuvavalikoimaa uudistettiin kuvaamalla asiantuntijoita ja opiskelijoita heille ominaisissa ympäristöissä.

Akavan pääilmeen lisäksi projektissa suunniteltiin myös sukunäköiset logot ja ilmeet sekä ilmoitus- ja sosiaalisen median julkaisupohjia AkavaWorksille ja Akavan opiskelijoille.

Visuaalinen ilme ja brändistrategia dokumentoitiin brändikirjaksi. Redandblue esitteli visuaalisen ilmeen Akavan henkilöstölle erillisessä tilaisuudessa.

Visuaalisen identiteetin lisäksi toteutettiin brändin lanseerauksen tueksi paljon visuaalista tuotantoa – seinäkkeitä, sosiaalisen median pohjia, esitteitä, ikonikirjasto, infografiikan tyylit, käyntikortit, PowerPoint- ja Word-pohjat.

Lisäksi strategiasta tehtiin strategiakuvan visualisointi ja ääniraidallinen animaatio, joka esitettiin Akavan liittokokouksessa.

Verkkosivustojen suunnitteluvaihe

Molemmille verkkopalveluille pidettiin omat konseptointityöpajat sekä teknisen määrittelyn työpajat. Konseptointi- ja määrittelyvaiheessa tarkennettiin projektien vaatimusmäärittelyä sekä käytiin läpi keskeiset käyttäjäryhmät ja käyttötapaukset. Työpajoissa suunniteltiin lisäksi sivustojen informaatiohierarkia ja sivukartat yhdessä Akavan asiantuntijoiden kanssa.

Tekninen suunnitelma sisälsi sivustojen arkkitehtuurin ja tietomallien sekä taksonomioiden ja relaatioiden kuvaukset. Lisäksi määriteltiin käyttäjätasot.

Suunnittelussa kiinnitettiin erityistä huomiota kohderyhmien tiedontarpeisiin: esimerkiksi siihen, miten käyttäjät löytävät nopeasti ajantasaisen työmarkkinatiedon, kannanotot, julkaisut ja tutkimusaineistot.

Verkkosivustojen tekninen toteutus

Akava.fi ja Akavaworks.fi toteutettiin WordPress-julkaisujärjestelmälle multisiteen. Sivustojen lohkot ovat React-pohjaisia Gutenberg-natiivilohkoja. Molemmat sivustot ovat AA-tason saavutettavia.

Projektin edetessä pidimme tiivistä yhteyttä Akavan viestintä- ja projektitiimeihin varmistaen, että ratkaisut tukivat sekä arjen julkaisutyötä että pitkän aikavälin viestintätarpeita.

Sivustojen tekninen arkkitehtuuri mahdollistaa kustannustehokkaan jatkokehityksen, integraatiot sekä pitkäjänteisen ylläpidon.

Verkkopalvelun konseptointi ja suunnittelu

Akava.fi-sivustolle toteutimme STT-integraation jonka avulla tiedotteet haetaan STT:stä ja julkaistaan sivustolla automaattisesti. Akavan liittojen ja neuvottelujärjestöjen uutiset tuodaan sivustolle RSS-lukijan avulla. Lisäksi molemmille sivustoille integroitiin Lime CRM, josta tuodaan sivustolle tapahtumat. Akavan tapahtumista julkaistaan usein myös tallenne, joille toteutettiin arkistointitoiminto.

AkavaWorks-sivustolla julkaistaan raportteja, katsauksia, artikkeleita ja kyselyitä. Erityisesti raportit voivat olla laajoja, monipuolista dataa sisältäviä kokonaisuuksia. Raportteihin muodostuu automaattisesti sisältönavigaatio, joka auttaa lukijaa hahmottamaan raportin kokonaisuuden sekä siirtymään etsimäänsä sisältöön.

Molempien sivustojen sisällöt migroitiin aiemmilta sivustoilta. Yhteensä migraatio käsitti tuhansia artikkeleita, raportteja ja ajankohtaissisältöjä sekä yli 10 000 mediatiedostoa. Osa sisällöistä vaati myös manuaalisen siirron.

Lopputulos

Lopputuloksena syntyivät raikkaat, selkeät ja yhdenmukaiset verkkopalvelut, jotka heijastavat Akavan merkitystä korkeakoulutettujen asiantuntevana ja luotettavana äänenä suomalaisessa yhteiskunnassa.

Sivustot ovat saavutettavia ja helppokäyttöisiä kaikille käyttäjäryhmille, ja niiden sisällönhallinta on Akavan viestintätiimille huomattavasti sujuvampaa.

Uusi visuaalinen ilme viestii onnistuneesti uutta strategiaa sekä tukee Akavan viestintää ja vaikuttavuutta pitkälle tulevaisuuteen.

Yhteistyö ja jatkuva kehitys

Verkkosivustot ovat redandbluen ylläpidossa ja vastaamme niiden jatkokehityksestä ja järjestelmien ylläpidosta.

The post Akavan uusi brändi ja verkkosivustot appeared first on Vierityspalkki.fi.

Elega halusi tarjota keittiöremonttia harkitseville asiakkaille helpomman tavan aloittaa suunnittelu. Rakensimme verkkosovelluksen, jossa käyttäjä voi visualisoida oman keittiönsä uudistuksen minuuteissa – ilman ajanvarausta tai pitkää suunnitteluprosessia. Lopputuloksena syntyi myyntiä tukeva AI-työkalu, joka yhdistää inspiraation, käytännöllisyyden ja matalan yhteydenottokynnyksen.

AI-suunnittelija tuo uuden keittiön näkyväksi heti

Kyseessä ei ole valmis massaratkaisu, vaan Elegalle räätälöity AI-visualisointityökalu, joka rakennettiin yrityksen tuotteisiin, brändiin ja myyntiprosessiin sopivaksi. Verkkosovelluksen ytimessä on käyttäjän oman keittiökuvan hyödyntäminen. Asiakas lataa kuvan nykyisestä keittiöstään, valitsee haluamansa materiaalit, mallit ja värit, minkä jälkeen tekoäly luo realistisia vaihtoehtoja uuden ilmeen pohjaksi. Käyttäjä voi kokeilla erilaisia ovimalleja, tasoja, värejä, vetimiä ja muita yksityiskohtia helposti.

Selkeä vaiheistus, visuaaliset vihjeet ja nopea palaute tekevät käytöstä sujuvaa kaikilla laitteilla. Käyttökokemus suunniteltiin niin, että hyöty näkyy heti ensimmäisistä klikkauksista alkaen.

Miksi ratkaisu toimii paremmin kuin perinteiset tuotekuvat

Pelkkä tuotekuva ei usein riitä auttamaan asiakasta hahmottamaan lopputulosta omassa kodissaan. Päätöksenteko hidastuu, vertailu tuntuu työläältä ja myyntikeskustelu jää helposti abstraktiksi. AI-visualisointi poistaa arvailun tuomalla tuotteet suoraan asiakkaan todellisuuteen.

Inspiraatiosta tarjouspyyntöön yhdellä polulla

Työkalu ei jää pelkäksi ideageneraattoriksi. Suunnittelun aikana käyttäjä saa vinkkejä säilytysratkaisuihin, ehdotuksia toimivampaan arkeen sekä näkemyksen siitä, mitä nykyisestä keittiöstä voi säilyttää.

Kun uusi ilme alkaa hahmottua, seuraava askel on luonteva – tarjouspyyntö uudesta Elega-keittiöstä. Näin verkkosovellus toimii sekä asiakkaan apuna että myynnin tehokkaana työkaluna.

Keskeiset avainominaisuudet

• Asiakkaan oman keittiökuvan lataus ja AI-visualisointi
• Ennen / jälkeen -vertailu eri vaihtoehdoilla
• Tuotteiden, materiaalien ja värien valinta brändin mukaisesti
• Realistiset tekoälykuvat nopealla vasteajalla
• Responsiivinen käyttöliittymä mobiiliin ja työpöydälle
• Luonteva siirtymä tarjouspyyntöön ja yhteydenottoon
• Mahdollisuus liittää osaksi verkkosivua tai kampanjaa
• Tuki eri AI-malleille ja mahdollisuus vertailla kuvanlaatua, vasteaikaa ja kustannuksia

Elega AI-keittiögeneraattori on WordPress-pohjainen verkkosovellus, jossa PHP-pohjainen taustajärjestelmä hoitaa kuvien käsittelyn ja kommunikoinnin OpenAI:n kuvageneraatio-API:n kanssa. JavaScript-käyttöliittymä mahdollistaa sujuvan kuvan latauksen, materiaalivalinnat sekä ennen/jälkeen-vertailun ilman sivun uudelleenlatauksia.

Lopputulos

Elega sai modernin tekoälytyökalun, joka tekee keittiöuudistuksen suunnittelusta helpompaa ja kiinnostavampaa. Samalla se erottaa yrityksen kilpailijoista sekä auttaa muuttamaan verkkosivuvierailijat aidoksi myyntipotentiaaliksi.

The post Elega AI keittiögeneraattori – verkkosovellus appeared first on Vierityspalkki.fi.

RadioMedian vanha kilpailujärjestelmäkokonaisuus oli kankeasti toteutettu, vaikea käyttää kaikille käyttäjäryhmille ja lähes mahdoton päivittää tarpeiden muuttuessa. Ylläpitäjän työ oli todella vaikeaa: lomakkeiden muokkaus, kategorioiden lisäys ja ilmoitettujen entryjen hallinta oli monimutkaista, ja käytännössä vain yksi ihminen organisaatiossa osasi tehdä sen. Muutospyynnöt piti lähettää toimittajalle, joka teki ne omalla aikataulullaan. Ylläpitäjä ei nähnyt tuomarointijakson etenemistä reaaliajassa.

RadioMedia tiesi tarkalleen mitä halusi. Asiakkaan projektin alussa toimittamat lähtötiedot kuvasivat jokaisen käyttäjäpolun vaihe vaiheelta: ilmoittautumispolun, tuomarointipolun ja painotetun arviointimallin. Se oli harvinaisen selkeä lähtökohta, joka kertoi asiakkaan tuntevan oman prosessinsa syvällisesti. Tehtävämme oli toteuttaa se paremmin kuin ennen, ja viedä se vielä pidemmälle.

Kilpailujärjestelmät, markkinointisivustot ja yleisöäänestys muodostavat yhdessä yhden kokonaisuuden: saman WordPress Multisite -asennuksen päällä pyörivät sekä kilpailujen julkiset sivut että hallinta- ja arviointitoiminnot. Tässä referenssissä keskitytään kilpailujärjestelmien toteutukseen.

Tavoitteet

– Korvata kolmannen osapuolen ratkaisu järjestelmäkokonaisuudella, jossa muokkaaminen onnistuu itse tai Duden kautta nopeasti
– Rakentaa joustavat lomakerakenteet, joissa jokainen kilpailukategoria voi saada omat kenttänsä
– Antaa tuomareille toimiva työkalu arviointiin: pisteytyslomake, mahdollisuus kuunnella ja katsella kilpailutöitä, vertailuominaisuus ja jääviydenhallinta
– Antaa ylläpidolle näkyvyys kilpailun etenemiseen: ketkä tuomarit ovat arvioineet omat kategoriansa, CSV-exportit, mahdollisuus muokata ilmoittautumisia
– Pitää eri kilpailut samassa WP Multisitessä, mutta selkeästi erillisinä kokonaisuuksina omine kirjautumissääntöineen, lomakkeineen ja prosesseineen
– Siirtää järjestelmäkokonaisuus Duden kuormantasatuille, WP-optimoiduille korkean suorituskyvyn palvelimille, jotta ne kestävät isompaakin kävijäkuormaa gaalan aikana

Mitä tehtiin

– Käyttöliittymäsuunnittelu (UI)
– Käyttäjäkokemussuunnittelu (UX)
– WordPressillä toteutettu kilpailujärjestelmä
– Laaja WordPress Multisite -kokonaisuus

Rakensimme RadioMedialle kokonaan oman järjestelmäkokonaisuuden, joka on suunniteltu jokaisen käyttäjäroolin näkökulmasta: ilmoittajalle, tuomarille ja ylläpitäjälle.

Ilmoittajan polku: Lomake joka muistaa
Ilmoittajan kokemus alkaa kirjautumisesta ja etenee monivaiheisen lomakevelhon kautta: kategorian valinta, perustiedot, taustat ja perustelut, liitetiedostot, laskutustiedot, tarkistus ja lähetys. Jokainen vaihe on oma askeleensa, edistyminen on aina näkyvissä. Lomakkeet tallentuvat automaattisesti. Ilmoittaja voi poistua kesken, palata myöhemmin ja jatkaa siitä mihin jäi. Jokainen kilpailukategoria voi saada täysin omat kenttänsä. Pääkäyttäjä rakentaa lomakkeet WordPressin hallinnasta ilman koodaamista. Valmiin entryn voi ladata PDF-tiedostona.

Tuomarin polku: helppoa vertailua
Tuomari tekee kaiken omassa näkymässään. Hän näkee vain ne kategoriat, jotka hänelle on osoitettu. Aloitusnäkymästä selviää yhdellä vilkaisulla missä mennään: jokainen kategoria näyttää arvostelujen tilanteen selkeästi. Pisteytys tapahtuu arviointilomakkeella, johon kategorian kriteerit ja jokaisen kriteerin prosenttiperusteiset painotukset on kirjattu näkyville. Töitä voi vertailla rinnakkain ennen lopullista pisteytystä. Jäävin työn voi merkitä yhdellä klikkauksella.

Ylläpitäjän polku: näkyvyys koko kilpailuun
Ylläpitäjä hallitsee kilpailun koko elinkaarta WordPressin administa. Ilmoittautumisen ja tuomarointiajan aloitus ja sulkeminen tapahtuu nappia painamalla. Tuomarikohtaiset kategoriat ja jääviydet asetetaan käyttäjäkohtaisesti. Reaaliaikainen seuranta näyttää, ketkä tuomareista ovat arvioineet ja mitkä arvioinnit puuttuvat. Ehdokkaiden tiedot saa ulos CSV-tiedostona kategorioittain zip-pakettina. Voittajat kirjataan hallinnasta ja voittajasivu julkaistaan sekin yhtä nappia painamalla.

Lopputulos

RadioMedialla on nyt kilpailujärjestelmäkokonaisuus, joka palvelee jokaista käyttäjäroolia — ilmoittajaa, tuomaria ja ylläpitäjää — selkeästi ja toimivasti. Vanha järjestelmä korvattiin täysin, ja samalla poistui riippuvuus yksittäisestä osaajasta. Järjestelmä mahdollistaa myös aivan uusien kilpailujen luonnin ilman järjestelmän rakentamista alusta.

Projektin kohokohdat

Asiakkaan toiveet täyttyivät ja ylittyivät
RadioMedia tuli projektiin poikkeuksellisen hyvin valmistautuneena. Asiakkaan esityksessä oli kuvattuna jokainen käyttäjäpolku vaihe vaiheelta, painotettu arviointimalli esimerkkeineen ja näkymien rakenne. Se oli selkeä pohja, josta oli hyvä rakentaa. Asiakkaan toiveiden lisäksi kehitimme ominaisuuksia, jotka veivät järjestelmän käytettävyyden korkealle tasolle: selkeästi vaiheistetut lomakkeet, automaattinen tallennus, käyttöliittymä joka kertoo käyttäjälle nopealla vilkaisulla tarvittavat tiedot ja tuomareiden kätevä entryjen vertailutyökalu.

Joustava lomakejärjestelmä
Yksi projektin vaativimmista osuuksista oli lomakerakenne, joka mahdollistaa täysin erilaiset ilmoittautumislomakkeet eri kilpailukategorioille. Rakensimme lomake-CPT:n, johon pääkäyttäjä voi lisätä kenttiä, otsikkoja, ohjetekstejä ja tiedostolataajia. Muutokset tulevat voimaan välittömästi ilman koodimuutoksia.

Automaattitallennus joka oikeasti toimii
Vanhan järjestelmän käyttöohje kehotti: älä paina selaimen päivitä-nappia. Uudessa järjestelmässä automaattitallennus toimii niin kuin sen kuuluu toimia, eli äänettömästi taustalla, ilman varoituksia ja ilman kesken jäänyttä työtä. Tämä vaati tarkkaa arkkitehtuurisuunnittelua React SPA -ympäristössä, jossa istuntovarmenne vanhenee eri tavalla kuin perinteisessä verkkosivussa.

Erilaiset brändit, yksi hallintapaneeli
RadioAwards ja Kaiku ovat eri kilpailuja eri kohderyhmille, eri kirjautumislogiikalla ja eri lomakkeilla. Silti ne pyörivät samalla pohjalla ja ovat hallittavissa samasta paikasta. WordPress Multisite mahdollistaa sen, että kilpailut ovat täysin erilliset käyttäjille mutta yhtenäiset ylläpitäjälle.

Infra ja migraatio
Vanhasta WP Headless -toteutuksesta luovuttiin kokonaan ja siirryimme käyttämään täysin asiakkaan käyttöön optimoitua, kuormantasattua WordPress-optimoitua palvelinympäristöä. Tähän kuuluu Duden luotettavan ylläpitopalvelun mukainen varmuuskopiointi, monitorointi, tietoturva ja 301-ohjaukset.

Tekninen toteutus tarkemmin

Arkkitehtuuri
Järjestelmä on rakennettu WordPress Multisite -alustalle (Bedrock/Dudestack), jossa kilpailut pyörivät omilla domaineillaan mutta jakavat saman koodipohjan. Kilpailuhallintasovellus on täydellinen React-sovellus (React Router v7) upotettuna WordPressiin: se hyödyntää WordPressin käyttäjänhallintaa ja REST API:a mutta toimii sujuvasti yksisivuisena sovelluksena ilman sivulatauksia.

Rajapinta ja pisteytys
Kuusi räätälöityä REST API -päätepistettä hoitavat kaiken datan: ehdokkaiden luonti, muokkaus ja poisto, tiedostolataukset, arviointien tallennus ja suosikkien hallinta. Kaikki vaativat autentikoinnin ja nonce-varmennuksen. Painotettu pisteytysalgoritmi laskee tuomariarvioista kokonaispisteen, jossa kunkin kriteerin painoarvo on määritelty lomakekohtaisesti.

Palvelininfrastruktuuri
Palvelininfrastruktuuri pyörii Duden optimoimalla palvelinkokonaisuudella, joka koostuu neljästä virtuaalipalvelimesta: kaksi WordPress-palvelinta Cloudflaren kuormantasauksen takana, erillinen MariaDB-tietokantapalvelin ja Redis-välimuistipalvelin. Lsyncd pitää tiedostot reaaliaikaisesti synkronoituina palvelimien välillä. Cloudflare hoitaa kuormantasauksen, CDN:n ja DDoS-suojan.

Laadunvarmistus ja julkaisu
Koodin laatu varmistetaan automaattisesti: GitHub Actions tarkistaa jokaisen commitin PHP-koodityyliltä, JavaScript- ja CSS-lintaukselta ja HTML-validoinnilta. Capistrano hoitaa julkaisun yhdellä komennolla ja pitää tuotannossa kaksi aiempaa versiota rollbackia varten.

The post RadioMedia – räätälöidyt kilpailujärjestelmät ja hallintasovellukset appeared first on Vierityspalkki.fi.

Pohjantähti on asiakkaidensa omistama keskinäinen vakuutusyhtiö, jonka toiminta perustuu henkilökohtaiseen palveluun ja vastuullisuuteen. Redandblue suunnitteli ja toteutti Pohjantähdelle uuden, saavutettavan verkkopalvelun, joka julkaistiin kesäkuussa 2025.

Verkkopalvelun visuaalinen ilme ja käyttöliittymä uudistettiin vastaamaan nykypäivän vaatimuksia, säilyttäen silti Pohjantähden tunnistettavan ja luotettavan identiteetin. Yhteistyön tavoitteena oli luoda moderni verkkopalvelu, joka ei ainoastaan helpota vakuutusasioiden hoitamista, vaan myös vahvistaa luottamusta.

Ylläpidosta hallittuun uudistukseen

Yhteistyömme alkoi vanhan sivuston ylläpidosta ja jatkokehityksestä. Havaitsimme kuitenkin nopeasti yhdessä asiakkaan kanssa, että vanha Dustpress.js-toteutus ei enää palvellut kustannustehokasta kehitystä. Päädyimme korvaamaan vanhan ratkaisun täysin uudella, modernilla WordPress-toteutuksella. Projekti toteutettiin tiukalla kattobudjetilla, mikä vaati tarkkaa suunnittelua ja priorisointia. Lopputuloksena on sivusto, joka mukailee vanhan palvelun toiminnallisuuksia, mutta tarjoaa ylivoimaisen käyttökokemuksen sisällönsyöttäjille uuden editorin myötä. Vakuutusyhtiön verkkopalvelussa tietoturva on prioriteetti. Vahvistimme sivuston turvallisuutta ottamalla käyttöön kaksivaiheisen tunnistautumisen (2FA).

Saavutettavuus keskiössä

Pohjantähden arvojen mukaisesti sivusto on rakennettu kaikille saavutettavaksi (WCAG A/AA). Laadun takeena hyödynnettiin Eficoden Accessibility Keeper -työkalua, jolla varmistettiin, että sivusto palvelee jokaista asiakasta yhdenvertaisesti. Meille saavutettavuus ei ole vain lakisääteinen vaatimus, vaan lupaus sujuvasta ja esteettömästä asioinnista kaikissa elämäntilanteissa. Jatkuva seuranta takaa, että korkea laatutaso säilyy myös sivuston kehittyessä, tehden digitaalisesta vakuutusasioinnista inhimillisempää ja helpommin lähestyttävää jokaiselle.

The post Pohjantähti verkkopalvelu-uudistus appeared first on Vierityspalkki.fi.

Flovi on kansainvälisille markkinoille suuntaava yritys, joka tarvitsi uuden, englanninkielisen verkkosivuston tukemaan kasvuaan. Trimedia suunnitteli ja toteutti Floville responsiivisen ja SEO-ystävällisen sivuston Statamic-sisällönhallintajärjestelmällä, keskittyen erityisesti muokattavuuteen ja visuaaliseen vaikuttavuuteen.

Sivuston rakenne perustuu muokattaviin lohkoihin, joiden avulla Flovin tiimi pystyy itsenäisesti rakentamaan ja päivittämään sisältöä ilman teknistä osaamista. Projektissa luotiin artikkelipohja uutisille ja blogille, asiakastarinoita esittelevä pohja, monipuolisia lohkoja hyödyntävä yleissisältöpohja sekä yhteystietopohja. Asiakas vastasi sisällön syötöstä, ja tarpeet määriteltiin huolellisesti Trimedian vetämissä työpajoissa.

Statamic-teknologia ja lohkokohtainen rakenne tukena kasvulle

Statamic on moderni, tiedostopohjainen sisällönhallintajärjestelmä, joka ei vaadi raskasta tietokantaa. Se on tietoturvallinen, kevyt ja nopea ratkaisu yrityksen verkkosivuksi. Flovin verkkosivusto rakennettiin modulaarisesti lohkoista, joita voi vapaasti lisätä, poistaa ja järjestellä uudelleen. Jokainen lohko tukee brändiviestintää ja sisällön esittämistä joustavasti eri tarpeisiin.

Visuaalinen vaikuttavuus ja käyttäjäkokemus

Flovin brändiä tukevat vahvat visuaaliset elementit, jotka tuovat yrityksen tarinan esiin selkeästi ja vaikuttavasti. Sivuston suunnittelussa panostettiin ensivaikutelman luomiseen sekä helppokäyttöiseen ja loogiseen navigaatioon, joka palvelee myös kansainvälistä yleisöä. SEO-ystävällinen rakenne ja nopeat latausajat viimeistelevät kokonaisuuden.

Keskeiset ominaisuudet

• Statamic-alusta mahdollistaa lohkokohtaisen sisällön hallinnan
• SEO-ystävällinen rakenne ja nopeat latausajat
• Visuaalisesti vahva ulkoasu ja brändinmukainen ilme
• Helppo sisällön päivitys ilman teknistä tukea
• Rakennettu tukemaan kasvua kansainvälisillä markkinoilla

Projekti sisälsi

• 2 Työpajaa sekä viikottaiset raportointipalaverit
• Kesto 3 kk
• Visuaalinen suunnittelu valmiin brändi-ilmeen pohjalta
• Tekninen toteutus
• Työkieli englanti

The post Flovin uusi verkkosivusto appeared first on Vierityspalkki.fi.

Kokonaisuuteen kuuluvat nykyisin:

• https://tuusula.fi/
• https://erkkola.fi/
• https://keskiuudenmaanymparistokeskus.fi/
• https://kulttuurikasvatus.tuusula.fi/
• https://focusbusinesspark.fi/
• https://www.halosenniemi.fi/

Hajautetuista sivustoista yhteiseksi verkkopalveluympäristöksi

Ennen uudistusta Tuusulan verkkopalvelukokonaisuus muodostui useissa eri teknisissä ympäristöissä toimivista sivustoista. Pääpalvelun ja erillissivustojen erilaiset julkaisuratkaisut tekivät kokonaisuudesta hajanaisen ja loivat tarpeen yhtenäisemmälle, hallittavalle verkkopalveluympäristölle.

Uudistuksessa suunniteltiin uudelleen sisältörakenne, navigointi, käyttöliittymä, visuaaliset esitystavat ja ylläpidon työkalut. Keskeisiä tavoitteita olivat tiedon löydettävyys, palvelulähtöisyys, saavutettavuus, helppo ylläpito sekä teknisen kokonaisuuden pitkäikäisyys ja laajennettavuus.

Tuusula.fi toimii sekä kuntalaisten tietopalveluna että kunnan keskeisenä viestintä- ja markkinointikanavana. Sisältöjen ja käyttäjäpolkujen suunnittelussa huomioitiin nykyisten asukkaiden lisäksi potentiaaliset asukkaat, yritykset, vierailijat ja muut sidosryhmät.

Palvelut ja löydettävyys suunnittelun ytimessä

Tuusula.fi:n keskeinen sisältö muodostuu kunnan palveluista ja niitä tukevista käyttäjäpoluista. Palvelut, yhteystiedot, ajankohtaissisällöt ja muut keskeiset tietokokonaisuudet toteutettiin rakenteisena sisältönä, jota voidaan hyödyntää eri puolilla verkkopalvelua.

Laajoja sisältökokonaisuuksia varten rakennettiin joustavat koonti- ja laskeutumissivut. Sisältöjen luokittelut ja metatiedot mahdollistavat dynaamiset listaukset, sisältönostot, suosittelut ja haun ilman saman tiedon ylläpitämistä useassa paikassa.

Hakutoiminnot suunniteltiin kattamaan verkkopalvelun eri sisältötyypit ja tukemaan tiedon löytämistä myös laajasta sisältökokonaisuudesta.

WordPress Multisite laajennettavan kokonaisuuden perustana

Tekninen kokonaisuus toteutettiin WordPress Multisite -arkkitehtuurilla. Ratkaisu mahdollistaa useiden itsenäisten sivustojen ylläpidon yhteisessä ympäristössä sekä yhteisten teknisten ratkaisujen hyödyntämisen sivustokohtaisia tarpeita rajoittamatta.

Tuusula.fi:n rinnalle toteutettiin Keski-Uudenmaan ympäristökeskuksen ja Tuusulan kulttuurikasvatuksen sivustot sekä museoiden tarpeisiin suunnitellut Taiteilijakoti Erkkolan ja Halosenniemen sivustot. Kokonaisuus on sittemmin laajentunut myös Focus Business Parkin sivustolla.

Arkkitehtuuri suunniteltiin alusta lähtien siten, että uusia sivustoja voidaan liittää samaan ympäristöön hyödyntäen olemassa olevia teemoja, sisältötyyppejä, sisältölohkoja ja ylläpidon ratkaisuja.

Joustava mutta hallittu sisällöntuotanto

Sisällöntuotanto perustuu Gutenberg-lohkoeditoriin, asiakaskohtaisiin sisältölohkoihin ja rakenteisiin sisältötyyppeihin. Ratkaisussa yhdistyvät sivujen joustava rakentaminen ja suuren ylläpitäjäjoukon edellyttämä hallittavuus.

Sisällöntuottajien käytössä ovat eri tarpeisiin suunnitellut sisältö- ja nostoelementit sekä valmiit lohkomallit. Visuaaliset vaihtoehdot ja sisältörakenteet on rajattu siten, että sivustoja voidaan ylläpitää monipuolisesti ilman käyttöliittymän tai visuaalisen ilmeen hajautumista.

Palveluille, yhteystiedoille ja toimipaikoille toteutettiin omat rakenteiset sisältötyypit. Niiden avulla sisältöä voidaan ylläpitää keskitetysti ja käyttää dynaamisesti eri sivuilla, listauksissa ja hakutoiminnoissa.

Integraatiot, saavutettavuus ja käyttöpalvelu

Verkkopalvelukokonaisuus yhdistyy Tuusulan muihin järjestelmiin muun muassa käyttäjähallinnan, yhteystietojen, tapahtumien, karttojen, syötteiden ja analytiikan osalta. Azure AD:tä hyödynnetään ylläpitokäyttäjien tunnistautumisessa ja käyttäjähallinnassa sekä henkilöstön yhteystietojen tuomisessa WordPressiin.

Saavutettavuus huomioitiin käyttöliittymäsuunnittelussa, teknisessä toteutuksessa, sisältörakenteissa ja ylläpidossa. Toteutus suunniteltiin WCAG:n A- ja AA-tasojen mukaisesti ja saavutettavuutta testattiin projektin eri vaiheissa.

Kokonaisuutta ylläpidetään hallitussa WordPress-käyttöpalvelussa, johon kuuluvat jatkuva valvonta, varmuuskopiointi, tietoturva- ja versiopäivitykset sekä suorituskyvyn ja teknisen toimintavarmuuden ylläpito.

Yksi ympäristö, monta erilaista verkkopalvelua

Uudistuksen tuloksena Tuusulan aiemmin hajautuneista verkkosivustoista muodostui yhtenäinen mutta joustavasti laajennettava verkkopalveluperhe.

Käyttäjille muutos näkyy erityisesti selkeämpinä sisältörakenteina, parempana löydettävyytenä, palvelulähtöisinä käyttäjäpolkuina sekä eri päätelaitteilla toimivana saavutettavana käyttöliittymänä.

Sisällöntuottajille kokonaisuus tarjoaa yhteiset, tarkoitukseen suunnitellut ylläpitotyökalut ja mahdollisuuden hyödyntää samoja sisältöjä eri yhteyksissä. Tuusulan näkökulmasta keskeinen hyöty on skaalautuva tekninen perusta: uusia verkkopalveluja voidaan toteuttaa samaan ympäristöön ilman, että jokainen sivusto rakennetaan teknisesti uudelleen alusta lähtien.

The post Tuusulan kunnan uudet verkkosivustot appeared first on Vierityspalkki.fi.

Walki on suomalaislähtöinen teollisuusyritys ja materiaalitekniikan suunnannäyttäjä, joka toimii kansainvälisesti edistyneiden laminaatti- ja pakkausratkaisujen parissa. Uudistettu walki.com antaa markkinointi- ja myyntitiimeille työkalut modernin B2B-sisältöstrategian toteuttamiseen. Sivusto varmistaa huippuluokan suorituskyvyn ja tarjoaa skaalautuvan alustan yrityksen kasvulle kestävyyden ja materiaali-innovaatioiden saralla.

Lähtökohta

Walkin aiempi verkkopalvelu rajoitti suunnittelun joustavuutta, käytettävyyttä ja hakukonelöydettävyyttä. Maailmanlaajuisena teollisuuden uudistajana Walki tarvitsi digitaalisen presenssin, joka vastaa sen asemaa kestävän kehityksen pioneerina.

Uudistuksen keskiössä oli tarve siirtyä pois jäykästä arkkitehtuurista, joka hidasti sisällön päivittämistä. Teknisten haasteiden lisäksi autoimme Walkia hiomaan bränditarinaansa puhuttelemaan paremmin sekä B2B-kumppaneita että sidosryhmiä. Päätavoitteina olivat käyttäjäkokemuksen parantaminen ja vahvan SEO-perustan turvaaminen.

Ratkaisu ja toteutus

Tavoitteena oli rakentaa tehokas markkinointityökalu, joka tuo Walkin brändin esiin parhaalla tavalla. Organisoimme sisällön intuitiivisesti tukemaan asiakaspolkua ja helpottamaan monimutkaisen tiedon löytämistä.

Suunnittelun painopisteet:
– Kiertotalous ja kestävyys: Walkin sitoutuminen kiertotalouteen tuotiin esiin modernilla estetiikalla ja rikkaalla visuaalisuudella.
– Intuitiivinen navigointi: Uudistimme tuoterakenteen ja toteutimme älykkään suodatusjärjestelmän, jonka avulla tekniset tiedot edistyneistä laminaateista ja pakkausratkaisuista ovat helposti saatavilla.
– Tarinankerronta: Hyödynsimme animaatioita ja laadukasta kuvastoa selkeyttääksemme Walkin roolia materiaalien transformaatiossa.

Teknisessä toteutuksessa keskityimme modulaariseen, lohkopohjaiseen arkkitehtuuriin. Muutos antaa sisällöntuottajille vapauden rakentaa laskeutumissivuja ja päivittää kuitupohjaisten pakkausten tai rakennusmateriaalien tuotetietoja nopeasti ilman, että visuaalinen yhtenäisyys kärsii.

Lopputulos

Uusi alusta on Walkin tärkein markkinointi- ja myyntikanava. “Clean and clear” -suunnittelufilosofia on jo tuottanut tuloksia:
– Pienempi poistumisprosentti: Käyttöliittymä on sitouttavampi ja selkeämpi.
– Vahvempi B2B-sitoutuminen: Ammattilaiset ja tekniset ostajat löytävät tarvitsemansa datan nopeasti.
– Lisää konversioita: Strategisesti sijoitellut toimintakehotteet ja uudistettu haku muuttavat vierailijat liideiksi.

The post Walkin uudistettu verkkosivusto appeared first on Vierityspalkki.fi.

Pandia-kumppanuus on ihanteellinen esimerkki tavasta, jolla saamme aikaiseksi parhaan lopputuloksen verkkosivustouudistuksessa.

Yhteistyö käynnistyi strategiatyöllä, jossa määritettiin Pandian ainutlaatuisuutta ja positiota markkinassa. Tämän pohjalta uudistimme brändi-identiteettiä. Kaikki työ kulminoitui uuteen verkkosivustoon.

Suunnittelimme sivuston rakenteen ja sivukartan, pääviestit sekä keskeiset ostopolut kohderyhmäkohtaisesti. Haarukoimme myös keskeisiä mittareita sivuston tuloksellisuuden, kuten liidien generoinnin validointiin.

Sisältökonseptissa tärkeimmät arvolupaukset (Unique Value Propositions) tuotiin osaksi sivuston sisältöjä ja sivuston rakenne sai muotonsa. Lopullisen sisällön Pandia teki itse.

Sivuston julkaisun yhteydessä asensimme analytiikan seurannan sekä evästehallinnan. Tuloksellista analytiikan seurantaa rakensimme räätälöidyillä Looker Studio -raporttinäkymillä.

The post Pandian uusi verkkosivusto appeared first on Vierityspalkki.fi.

Arkkitehtuuri- ja designmuseo (AD-museo) on uusi valtakunnallinen instituutio, joka syntyi Arkkitehtuurimuseon ja Designmuseon yhdistyessä vuoden 2024 alussa. Verkkosivu-uudistuksen tavoitteena oli rakentaa moderni, saavutettava ja kansainvälisesti palveleva verkkopalvelu, joka tukee uuden museon brändiä, tarjoaa ajankohtaista näyttely- ja tapahtumatietoa sekä toimii keskeisenä viestintäkanavana Museo 2030 -hankkeen yleisölle.

Sivusto toteutettiin WordPressillä ja sen saavutettavuus on suunniteltu WCAG 2.2 AA -tason mukaisesti.

Lähtökohdat ja tavoitteet

Uuden sivuston keskeinen tehtävä oli palvella laajaa ja monimuotoista yleisöä – museokävijöitä, tutkijoita, koululaisia, kulttuurialan ammattilaisia sekä kansainvälisiä käyttäjiä. Tämän vuoksi sisällöt ja sivustorakenne suunniteltiin vastaamaan erilaisten kohderyhmien tarpeita monikielisesti ja saavutettavasti.

Yksi keskeisistä tavoitteista oli keventää ylläpitäjien viikoittaista työkuormaa ja järkevöittää sisällöntuotantoa vähentämällä manuaalista ja päällekkäistä sisällönsyöttötyötä. Tämä toteutettiin muun muassa joustavalla aukiolo- ja poikkeusaukioloaikojen hallinnalla sekä rakentamalla dynaamisia sisältölohkoja. Lohkojen ansiosta sisältöä voidaan hallita keskitetysti yhdestä paikasta, jolloin muutokset päivittyvät automaattisesti kaikille niille sivuille, joilla sama sisältö esiintyy. Tämä vähentää manuaalista työtä ja tehostaa sisällönhallintaa merkittävästi.

Suunnittelu

Suunnittelu käynnistettiin konseptityöpajoilla, joissa kartoitettiin kohderyhmät, käyttäjäpolut ja palvelun tavoitteet. Tämän jälkeen kartoitettiin visuaalista ilmettä ja luotiin sivustokartta. Teknisten työpajojen avulla suunniteltiin sivuston arkkitehtuuri ja tietomalli, jotka palvelevat sekä käyttäjäkokemusta että sisällöntuottajien työtä.

Työpajojen pohjalta suunniteltiin verkkosivuston käyttöliittymä ja visuaalinen ilme tiiviissä yhteistyössä asiakkaan kanssa. Lopputuloksena syntyi kulttuurisisältöä ja museon identiteettiä tukeva verkkopalvelu, joka on sekä esteettisesti kiinnostava, selkeästi navigoitavissa että teknisesti laadukas.

Ratkaisu

Sivustolle kehitettiin useita räätälöityjä sisältötyyppejä ja dynaamisia lohkoja, joiden avulla AD-museon tiimi voi nostaa ajankohtaista sisältöä eri puolille sivustoa visuaalisesti ja rakenteellisesti yhtenäisellä tavalla.

Erityishuomiota sai näyttely- ja tapahtumakalenteri, joka auttaa käyttäjiä selaamaan tapahtumia helposti. Kalenteri on Vue.js teknologialla toteutettu räätälöity ratkaisu, mikä yhdistää usean eri sisältötyypin sisältöjä samaan helposti suodatettavaan näkymään. Näyttely- ja tapahtumakalenterissa voi valita halutun päivämäärän tai viikon ja suodattaa sisältöä esimerkiksi tapahtumatyypin, kohderyhmän, sijainnin tai kielen mukaan. Lisäksi käyttäjä voi rajata näkymän vain maksuttomiin tapahtumiin. Tämä mahdollistaa mm. sen, että käyttäjät voivat katsoa mitä tapahtumia museossa on jonain tiettynä päivänä, esimerkiksi kuukauden päästä.

Sivuston teknisessä toteutuksessa painotettiin suorituskykyä ja energiatehokkuutta. Kuvien optimointi toteutettiin käyttämällä kevyttä WebP-formaattia sekä estämällä tarpeettoman suurten kuvien latautuminen. Ensimmäisenä ladattavien elementtien koko optimoitiin huolellisesti, mikä parantaa sekä käyttäjäkokemusta että sivuston ekologista jalanjälkeä.

Lisäksi uudistuksen yhteydessä hoidettiin eri museoiden vanhojen sivustojen alasajo sekä niiden uudelleenohjaukset uudelle sivustolle oikeaoppisesti.

Sivusto noudattaa WCAG 2.2 AA -tason saavutettavuusvaatimuksia. Tämä takaa selkeän, yhdenvertaisen ja ruudunlukijoille hyvin toimivan käyttökokemuksen kaikille käyttäjille.

Kiinnostuitko ratkaisusta tai haluatko kuulla lisää? Ota yhteyttä ja jutellaan lisää siitä, miten voimme auttaa teitä seuraavassa verkkopalveluprojektissanne.

The post Arkkitehtuuri- ja designmuseon verkkosivustouudistus appeared first on Vierityspalkki.fi.

Lähtökohta

Korkeakoulun verkkopalvelun on pystyttävä tarjoamaan valtava määrä tietoa helposti omaksuttavassa muodossa niin tuleville opiskelijoille, nykyisille opiskelijoille kuin sidosryhmillekin. Tavoitteenamme oli rakentaa uusi ja kaikkia kävijöitä saumattomasti palveleva verkkopalvelu Humakille. Lähtökohtana oli luoda alusta, joka on visuaalisesti inspiroiva ja tarjoaa sujuvan käyttökokemuksen, mutta ottaa samalla tiukasti huomioon saavutettavuusvaatimukset, jotta sivusto palvelee varmasti jokaista kävijää.

Ratkaisu

Rakensimme vaikuttavan digipalvelun tiiviissä yhteistyössä asiakkaan kanssa. Suunnittelimme kokonaisuuden, joka toimii sujuvasti niin käyttäjille kuin sisäisillekin tiimeille. Projektissa yhdistyivät luova suunnittelu, tekninen osaaminen ja julkaisun jälkeinen datalähtöinen markkinointi.

• Konsepti ja suunnittelu: Loimme uuden, raikkaan ilmeen, joka takaa miellyttävän käyttökokemuksen ja vastaa korkeisiin saavutettavuusvaatimuksiin. Huomioimme saavutettavuusvaatimukset jo suunnitteluvaiheessa ja teimme sivustolle kattavan saavutettavuustestauksen.
• Tekninen toteutus: Projekti vaati syvää teknistä osaamista, sillä toteutimme konepellin alle kaksi vaativaa integraatiota. Rakensimme saumattomat yhteydet Reportroniciin ja Microsoft Entraan. Nyt keskeiset taustajärjestelmät hankehallinnasta käyttöoikeuksiin keskustelevat saumattomasti uuden verkkopalvelun kanssa.
• Jatkuva kehitys: Myös jatkokehitysprojekti on jo työn alla ja jakautuu kahteen osa-alueeseen. Digitaalisen strategian osalta keskitymme viestinnän viitekehykseen, analytiikkaan, Google Ads -kampanjoihin, avainsanatutkimukseen sekä tekniseen hakukoneoptimointiin (auditoinnit ja korjaukset). Toinen osa-alue on jatkokehitys, jossa viimeistelemme integraatioita sekä hiomme käyttökokemusta ja käyttöliittymää.

Tulokset

Uusi verkkopalvelu julkaistiin helmikuun 2026 loppupuolella, ja asiakkaan liiketoiminnalle kriittisin kevään toinen yhteishaku onnistui loistavasti:

• Hakijoiden kokonaismäärä kasvoi 17 % vuoteen 2025 verrattuna.
• Ensisijaisten hakijoiden määrä nousi 1,9 hakijaan (vs. 1,66 vuonna 2025).
• Tapahtumatuotannon koulutusohjelma keräsi yli 700 hakijaa vain 40 aloituspaikkaan.
• Tulkkauksen maisteriohjelman hakijamäärä kolminkertaistui aiempaan hakukierrokseen verrattuna.

The post Humakin verkkosivu-uudistus appeared first on Vierityspalkki.fi.

Brändi ja verkkosivusto uudistettiin vastaamaan nykyajan jäsentarpeita

Projekti aloitettiin brändiuudistuksella, jonka tavoitteena oli muuttaa AKT:n mielikuva helposti lähestyttäväksi ja ryhdikkääksi nykyaikaiseksi liitoksi. Strategiatyön moottorina toimi Brand Sprint -menetelmä. Näissä tiiviissä työpajoissa määriteltiin liiton tavoitepositio, tunnistettiin keskeiset yleisöt ja luotiin perusta uudelle identiteetille.

Liiton jäsenet pääsivät vaikuttamaan brändiuudistukseen antamalla mielipiteensä AKT:n brändistä ja sen suunnasta. Redandblue toteutti jäsenistölle kyselyn, jonka tulokset ohjasivat brändiuudistusta. Visuaalinen identiteetti rakennettiin tukemaan tätä sanomaa yhteisesti tunnistetun lujan, karhean ja solidaarisen arvomaailman pohjalta. Uusi logo on jämäkkä, ja sen muotokielessä on nähtävissä viitteitä tieverkostoihin, kiitoratoihin ja merikontteihin.

Yksi projektin keskeisistä onnistumisista oli koko liiton toiminnan kiteyttäminen yhteen ydinviestiin tiiviissä yhteistyössä asiakkaan kanssa. Työpajojen tuloksena syntynyt ”AKT maalla, merenrannalla ja ilmassa” -viesti toimii nyt brändin kirkkaana ytimenä, joka viestii ammattiylpeyttä ja yhteisöllisyyttä. Lisäksi sloganina viestinnässä käytetään “Jotta tuntisit ammattiylpeyttä kuljetusalalla”.

Visuaalinen identiteetti kuljetusalan arjesta

AKT:n uusi visuaalinen identiteetti pohjautuu vahvasti kuljetusalan aitoon ja karheaan arkeen niin maalla, merenrannalla kuin lentokentilläkin. Brändikirja määrittelee väripaletin, jonka inspiraationa on käytetty liikenteestä tuttuja elementtejä: Huomio-oranssia, Asfaltti-mustaa, Seis-punaista, Heijastin-siniharmaata ja Opaste-sinistä. Nämä huomiovärit eivät ainoastaan paranna tunnistettavuutta, vaan ne viestivät liiton roolista turvallisena ja jämäkkänä toimijana.

Ilmeen jalkauttamista havainnollistettiin brändikirjassa monipuolisilla sovellusesimerkeillä, jotka tuovat uuden identiteetin eloon kaikissa jäsenkohtaamisissa. Graafisena teemana läpi linjan kulkee logosta irrotettu suunnikas-elementti, jota käytetään dynaamisesti niin kuvien päällä, taustakuvioissa kuin fyysisissä materiaaleissa. Ilmettä tuotiin esiin konkreettisesti aina laadukkaista painotuotteista, kuten vuosikertomuksista ja oppaista, aina liiton kunniakkaita perinteitä vaaliviin vaakunoihin ja jäsenistön ylpeyttä korostaviin huppareihin ja pinsseihin. Osana projektia redandblue suunnitteli AKT:n käyttöön joukon markkinointimateriaaleja ja pohjat mm. Word- ja Powerpoint-ohjelmiin.

Verkkopalvelun uudistus selkeytti käyttäjäpolut ja loi näkyvyyden uudelle brändille

Verkkopalvelu-uudistus eteni vaiheittain konseptisuunnittelusta ja UX/UI-suunnittelusta aina tekniseen toteutukseen ja testaukseen. Konseptivaiheessa sivuston rakenne selkeytettiin käyttäjälähtöisemmäksi, jotta jäsenet ja mahdolliset tulevat jäsenet löytävät tarvitsemansa tiedon, kuten AKT:n edut ja työehtosopimukset, nopeasti ja vaivatta. Visuaalisessa suunnittelussa brändiuudistuksessa luodut elementit, kuten tunnistettavat suunnikas-kuviot ja rohkeat huomiovärit, tuotiin näyttävästi osaksi käyttöliittymää.

Teknisesti uusi akt.fi rakennettiin WordPress-alustalle hyödyntäen modernia Gutenberg-sisältöeditoria, joka tarjoaa ylläpitäjille joustavan ja helppokäyttöisen tavan hallita monipuolisia sisältöjä. Palvelu toteutettiin AA-tason saavutettavuusvaatimusten mukaisesti, mikä varmistaa esteettömän asioinnin koko moninaiselle jäsenistölle. Integraatiot, kuten tapahtumien hallintaan käytettävä Lyyti, saumautettiin osaksi kokonaisuutta sujuvan käyttökokemuksen varmistamiseksi. Migraation kautta tuotiin niin artikkelit kuin tapahtumatkin helposti vanhoilta sivuilta.

The post AKT:n brändi- ja verkkopalvelu-uudistus appeared first on Vierityspalkki.fi.

Sivustojen tehtävät poikkeavat toisistaan merkittävästi. Aut.fi on laaja auto- ja liikennealan tieto- ja tilastopalvelu. Autotuojat.fi palvelee erityisesti yhdistyksen jäseniä ja alan sidosryhmiä. Autoala.fi on markkinoinnillinen verkkopalvelu, joka esittelee autoalan ammatteja, uratarinoita ja koulutusmahdollisuuksia.

Aut.fi – tilastot ja luotettava tieto helpommin löydettäviksi

Aut.fi:n käyttäjiä ovat muun muassa auto- ja liikennealan sidosryhmät, media, viranomaiset, tutkijat, konsultit, opiskelijat ja kansalaiset. Sivustolta etsitään usein hyvin täsmällistä tietoa kuten rekisteröintilukuja, autokannan kehitystä, käyttövoimia, päästöjä, verotusta ja pitkän aikavälin tilastoaineistoja.

Uudistuksen tavoitteiksi määriteltiin selkeä rakenne, tehokas haku, toimivat mobiilinäkymät, helposti käytettävät tilastosisällöt ja sujuva WordPress-ylläpito.

Poutapilvi vastasi palvelun konseptin tarkentamisesta, rakenteen ja käyttäjäpolkujen suunnittelusta, käyttöliittymäsuunnittelusta ja teknisestä toteutuksesta. Ratkaisuja määriteltiin yhdessä työpajoissa ennen toteutusta. Erityistä huomiota käytettiin tilastojen esitystapoihin, ajankohtaissisältöihin, yhteystietoihin, sidosryhmäkalenteriin ja vanhan sisältöaineiston migraatioon.

Laajat tilastosisällöt rakennettiin osaksi muuta sisältörakennetta niin, että käyttäjä pystyy löytämään tarvitsemansa aineiston sekä navigoinnin että haun avulla. Tilastotietoa voidaan esittää taulukoina, graafeina, keskeisten lukujen nostoina ja ladattavina aineistoina.

Sisältörakenne tukee myös jatkuvaa tiedontuotantoa

Aut.fi:ssä julkaistaan säännöllisesti tiedotteita autoalan markkinakehityksestä, tutkimuksista, selvityksistä ja lainsäädännön muutoksista. Ajankohtaissisällöt rakennettiin omaksi hallittavaksi kokonaisuudekseen, josta sisältöjä voidaan nostaa tarpeen mukaan eri puolille sivustoa.

Yhteystiedot toteutettiin rakenteisesti niin, että samoja henkilöitä voidaan hyödyntää esimerkiksi tiedotteiden lisätietoina ilman tietojen ylläpitämistä erikseen jokaisessa sisällössä.

Sivustoon toteutettiin myös autoalan sidosryhmäkalenteri, jonka avulla alan toimijat koordinoivat omia mediatilaisuuksiaan. Kalenterissa käyttäjäryhmillä on rajatut käyttöoikeudet tapahtumien hallintaan ja palvelussa huomioidaan myös eri organisaatioiden tietojen näkyvyys toisille käyttäjille.

Autoala.fi – markkinoinnillinen palvelu eri toteutusmallilla

Autoala.fi:n tavoitteena on lisätä autoalan ammattien kiinnostavuutta ja tarjota tietoa alan työtehtävistä sekä koulutusmahdollisuuksista. Suuri osa liikenteestä ohjautuu palveluun sosiaalisen median kampanjoista, joten toteutuksessa korostuivat erityisesti mobiilikäyttö, visuaalisuus ja suoraviivaiset käyttäjäpolut.

Autoala.fi poikkeaa kokonaisuuden muista sivustoista myös työnjaoltaan. Sivuston visuaalinen ja käyttöliittymäsuunnittelu tehtiin erillisen suunnittelukumppanin toimesta. Poutapilvi vastasi suunnitelmien teknisestä toteutuksesta WordPressillä sekä sisältörakenteiden ja ylläpitotyökalujen rakentamisesta.

Palveluun toteutettiin omat sisältörakenteet ammateille ja uratarinoille. Sisältöjen väliset suhteet määritellään ylläpidossa, minkä perusteella oikeat uratarinat ja muut sisällöt voidaan näyttää automaattisesti ammattisivujen yhteydessä.

Sivustolla käytetään myös tarkoitukseen suunniteltuja sivumalleja. Esimerkiksi ammattisivuille tarkoitettu sivumalli on käytettävissä juuri kyseistä sisältötyyppiä luotaessa. Lisäksi palveluun toteutettiin Google Web Stories -sisältöjen tuki osaksi WordPress-ylläpitoa.

Autotuojat.fi – jäsenille ja sidosryhmille suunnattu palvelu

Autotuojat.fi palvelee ensisijaisesti auto- ja liikennealan sidosryhmiä, mediaa ja Autotuojat ja -teollisuus ry:n jäsenistöä.

Palvelun erityispiirteenä on jäsenille rajattu sisältö. Jäsensivustolla jaetaan muun muassa verotukseen, liikennealan lainsäädäntöön, kuluttajansuojaan ja ajoneuvojen tekniseen sääntelyyn liittyvää aineistoa. Palvelua käytetään myös jäsenistöltä kerättävien tilastotietojen käsittelyyn.

Näin samaan verkkopalvelu-uudistukseen sisältyi sekä täysin julkisia sisältöjä että käyttäjäoikeuksilla rajattuja sisältöjä ja toimintoja.

Yhteinen WordPress-perusta erilaisille palveluille

Kolme verkkopalvelua rakennettiin WordPressillä, mutta niitä ei pakotettu samaan sisältömalliin. Jokaisen palvelun sisältörakenteet, sivumallit ja ylläpitotyökalut suunniteltiin sen omien käyttötarpeiden mukaan.

Aut.fi:ssä painottuvat tilastot, haku ja laajat tietosisällöt. Autotuojat.fi:ssä korostuvat jäsenille rajattu sisältö ja sidosryhmäkäyttö. Autoala.fi:ssä keskeisiä ovat markkinoinnillinen esitystapa, ammattisisällöt, uratarinat ja mobiilikäyttö.

Sisällöntuotanto perustuu lohkopohjaiseen WordPress-ylläpitoon ja tarkoitukseen rakennettuihin sisältötyyppeihin sekä sivumalleihin. Teknisen toteutuksen tavoitteena oli pitää ylläpito joustavana mutta samalla ohjata sisällöntuottajia yhdenmukaisiin rakenteisiin.

Mitä muuttui paremmaksi?

Uudistuksessa kolme erilaista verkkopalvelua siirtyivät moderniin WordPress-toteutukseen, jossa kunkin palvelun erityistarpeet voidaan ratkaista yhteisten teknisten periaatteiden päälle.

Aut.fi:ssä suurin muutos liittyy laajan tieto- ja tilastoaineiston löydettävyyteen ja esittämiseen. Tilastot, ajankohtaiset sisällöt ja muu taustatieto muodostavat aiempaa selkeämmin jäsennellyn kokonaisuuden, jota voidaan käyttää sujuvasti myös mobiilissa.

Autoala.fi:ssä tekninen toteutus mahdollisti erillisen suunnittelukumppanin laatiman markkinoinnillisen käyttöliittymän rakentamisen WordPressiin samalla kun sisällöntuotanto perustuu hallittuihin ammatti-, uratarina- ja sivumallirakenteisiin.

Kokonaisuutena uudistus toi kolmelle hyvin erilaiselle verkkopalvelulle pitkäikäisen WordPress-pohjan, selkeämmät ylläpitotyökalut ja palvelukohtaisesti suunnitellut sisältörakenteet.

The post Autoalan Tiedotuskeskuksen uudet verkkosivustot appeared first on Vierityspalkki.fi.

Kempeleen uudistuksen teknisiä tuloksia

• +17 % parempi tekninen suorituskyky. Pisteet nousivat lukemaan 77/100. Tämä on tärkeä parannus, sillä hakukoneet suosivat nopeita ja teknisesti laadukkaita sivustoja.
• -39,1 % kevyempi sivusto. Kokonaiskoko (Total Page Size) pieneni keskimäärin 0,98 megatavusta 0,6 megatavuun, mikä näkyy suoraan latausaikojen nopeutumisena ja parantuneena saavutettavuutena.
• -54,6 % vähemmän palvelinpyyntöjä. Sivuston vaatimat latauspyynnöt yli puolittuivat, mikä vähentää palvelimen kuormitusta radikaalisti.
• -22,3 % kevyemmät kuvat. Kuvien keskimääräinen koko pieneni yli viidenneksellä, mikä säästää kaistaa ja nopeuttaa latautumista.

Kempeleen kunnalla tunnistettiin selkeä tarve digitaalisten palveluiden kokonaisvaltaiselle päivitykselle. Kuntalaiset odottavat yhä nopeampaa ja saumattomampaa tiedonsaantia ajankohtaisista asioista, tapahtumista ja sähköisistä asiointikanavista. Vanha julkaisujärjestelmä oli tullut elinkaarensa päähän, ja sisällöntuotanto koettiin kankeaksi.

Yksi suurimmista arjen haasteista liittyi Suomi.fi-palvelutietovarantoon (PTV), jonne kuntien on lakisääteisesti kuvattava palvelunsa.

”Meillä oli verkkosivuilla ja Palvelutietovarannossa kuvaukset samoista asioista, mikä teetti ylimääräistä työtä. Halusimme yhdenmukaistaa tämän niin, että kun PTV on kunnossa, saamme sitä kautta ajantasaisen sisällön suoraan näkyviin myös uudelle verkkosivustolle”, Kempeleen kunnan projektipäällikkö Pasi Takalo kertoo lähtökohdista.

Kunta halusi uudistaa verkkopalvelunsa avoimen lähdekoodin WordPress-alustalle. Tavoitteena oli luoda moderni ja rohkea digitaalinen verkkosivustokokonaisuus joka on helposti ylläpidettävä ja palvelee käyttäjiään moitteettomasti kaikilla laitteilla.

Kaikki palvelut saumattomasti samalle alustalle

Uudistuksessa aiemmin täysin erillään toiminut Visit Kempele -matkailusivusto tuotiin kiinteäksi osaksi kunnan julkista pääsivustoa yhtenäisen käyttäjäpolun varmistamiseksi. Vaikka matkailuosio sijaitsee teknisesti samalla kuntasivustolla, se erottuu selkeästi omana kokonaisuutenaan brändivärien ja räätälöidyn navigointinsa ansiosta.

Kokonaisuus toteutettiin multisite-ratkaisuna, joka pitää sisällään teknisesti kaksi erillistä sivustoa: julkisen pääsivuston ja henkilöstön intranetin. Sama tekninen pohja ja arkkitehtuuri helpottavat merkittävästi ylläpitäjien työtä sekä tekevät hallinnasta selkeää.

Käyttöliittymäsuunnittelussa panostettiin saavutettavuuteen, latausnopeuteen ja raikkaaseen ilmeeseen. Raskaiden ulkoisten fonttikirjastojen sijaan sivustolla hyödynnetään laitteiden omia järjestelmäfontteja. Elementtien koot ja välit toteutettiin dynaamisesti skaalautuvina, mikä takaa optimaalisen lukukokemuksen ruudun koosta riippumatta.

Suunnittelijamme oivalluksesta sivuston päänavigaatioon lisättiin ”Etsitkö näitä?” -pikalinkkivalikko. Se tarjoaa kuntalaisille oikotien useimmin haettuihin palveluihin, kuten Wilmaan tai koulujen ruokalistoihin, parantaen asioinnin sujuvuutta entisestään.

PTV-integraatio mullisti sisällöntuottajien työn

Projektin tekniseksi kruununjalokiveksi muodostui poikkeuksellisen joustava PTV-integraatio. Kuntakentällä PTV-tiedon hyödyntäminen on perinteisesti ollut jäykkää, mutta Kempeleen kohdalla rima asetettiin korkeammalle.

WordPress-editoriin kehitettiin edistyksellinen PTV-lohko. Sisällöntuottajat voivat sen avulla valita tarkasti, mitä yksittäisiä tietoja palvelusta tai asiointikanavasta näytetään – esimerkiksi pelkkä aukioloaika tai puhelinnumero. Tietojen esitysjärjestystä voi muuttaa vapaasti raahaamalla, ja asiointikanavia voi nimetä uudelleen sivuston kontekstiin paremmin istuviksi. Lisäksi PTV-dataa voi rikastaa sijoittamalla lohkojen väliin omia kuvia tai asettamalla PTV-tietoja haitarivalikkojen sisään.

Tiedot synkronoituvat rajapinnan kautta automaattisesti kerran vuorokaudessa. Tarvittaessa ylläpitäjä voi hakea tuoreimmat päivitykset manuaalisesti yhdellä napinpainalluksella.

”Henkilöt, jotka aiemmin ylläpitivät verkkosivuja, ovat siirtyneet päivittämään suoraan PTV:n sisältöä. Kun he tekevät muutokset sinne, tiedot päivittyvät automaattisesti sekä Suomi.fi-portaaliin että kunnan omille verkkosivuille. Työmäärällisesti olemme saaneet merkittävää helpotusta”, Pasi iloitsee.

Kotimaisuus ja tietoturva ytimessä

Kempeleelle oli tärkeää rakentaa kokonaisuus, joka on nopea, tietoturvallinen ja toimii suomalaisilla palvelimilla. Tämä tavoite täyttyi hyödyntämällä Seravon ylläpitämää WordPress-ympäristöä.

”Digitaalinen suvereniteetti on varsin ajankohtainen teema. Mietimme yhä enemmän, kannattaako tiedot pitää omissa käsissämme kotimaan rajojen sisäpuolella. Halusimme hyödyntää nimenomaan kotimaista osaamista”, projektipäällikkö taustoittaa valintaa.

Teknistä sujuvuutta tuotiin myös kunnan sisäiseen arkeen. Intranetin puolelle toteutettiin kertakirjautuminen (SSO) Microsoft-tunnuksilla, mikä tekee roolien ja käyttöoikeuksien hallinnasta turvallista ja helppoa. Lisäksi sivuston julkaisujärjestelmä valjastettiin ruokkimaan kunnan fyysisiä infonäyttöjä räätälöityjen RSS-syötteiden avulla.

Avoin keskusteluyhteys takasi aikataulussa pysymisen

Kunnianhimoinen tavoiteaikataulu vaati saumatonta yhteispeliä Kempeleen ja meidän välillä. Projekti vietiin läpi tiiviissä sprinteissä, joissa ratkaisuja ideoitiin ja jalostettiin yhdessä matkan varrella.

Onnistumisen edellytyksenä oli asiakkaan oma, vahva panostus projektinhallintaan sekä aito halu kuunnella teknisen kumppanin suosituksia.

”Puhuimme sisäisesti, että emme saa takertua liikaa pieniin yksityiskohtiin. Halusimme aidosti kuunnella asiantuntemustanne, ja teiltä tulikin hyviä esityksiä siitä, miten asioita kannattaa ratkaista. Päätökset saatiin tehtyä pääsääntöisesti heti palavereissa”, Kempeleeltä kiitellään.

Lopputuloksena syntyi palvelukokonaisuus, joka on kerännyt kiitosta niin henkilöstöltä kuin kuntalaisilta. Kempeleen uudet verkkosivut ovat loistava esimerkki siitä, miten rohkealla suunnittelulla ja edistyksellisillä teknisillä ratkaisuilla voidaan samanaikaisesti palvella loppukäyttäjää ja tehostaa kunnan omaa asiantuntijatyötä.

Tekniset tiedot ja keskeiset ominaisuudet

WordPress-arkkitehtuuri ja räätälöidyt ratkaisut

• Multisite-toteutus: Kokonaisuus rakennettiin multisite-arkkitehtuurilla, joka pitää sisällään teknisesti kaksi erillistä instanssia: julkisen pääsivuston (kempele.fi) ja henkilöstön intranetin.
• Sisäänrakennettu matkailuosio: Aiemmin täysin erillinen Visit Kempele toteutettiin tiiviiksi osaksi kuntasivustoa. Osiolla on oma visuaalinen ilmeensä ja navigaationsa, mikä yhtenäistää käyttökokemuksen pitäen taustahallinnan saumattomana.
• Fluid design ja suorituskykyoptimoitu teema: Täysin räätälöity ulkoasu, jossa typografia ja elementtien välit (spacing) skaalautuvat dynaamisesti kooditasolla. Raskaat ulkoiset fonttikirjastot korvattiin käyttöjärjestelmien omilla fonteilla (system fonts) latausnopeuden maksimoimiseksi.
• Räätälöidyt Gutenberg-lohkot: Sisällönhallintaan kehitettiin täysin omia lohkoja, joiden avulla monimutkaistakin ulkopuolista dataa (kuten PTV ja Kuntarekry) voidaan taittaa, suodattaa ja rikastaa visuaalisesti editorissa.
• Relevanssi-haku: Sivuston sisäinen haku toteutettiin Relevanssi-teknologialla, jolloin asiakas voi itse hienosäätää ja painottaa hakutulosten relevanssia suoraan ylläpidosta.
• Hosting: Tietoturvallinen ja nopeusoptimoitu kotimainen Seravo.

Integraatiot

• Suomi.fi Palvelutietovaranto (PTV) – API-synkronointi: Yksisuuntainen, mutta erittäin laajan ja monimuotoisen tietomassan jatkuva synkronointi. Koko kunnan palvelu- ja asiointikanavadata haetaan rajapinnan yli WordPressiin. Data parsitaan räätälöityihin WP-lohkoihin. Ylläpitäjä voi valikoida PTV-datasta yksittäisiä kenttiä, muuttaa niiden järjestystä editorissa ja rikastaa ulkopuolista dataa paikallisella sisällöllä (esim. kuvilla tai haitarivalikoilla).
• Microsoft Entra ID (SSO) – Tunnistautuminen ja käyttöoikeudet: Intranetin ja julkaisujärjestelmän taustalle toteutettu tunnistautumisintegraatio. Henkilöstö kirjautuu sisään organisaation omilla tunnuksilla (Single Sign-On). Integraatio on keskeinen osa palvelun turvallisuutta ja toimintalogiikkaa, sillä se mäppää käyttäjien roolit ja oikeudet automaattisesti suoraan kunnan hakemistopalvelusta.
• RSS-syötteet: Kuntarekryn avointen työpaikkojen tuominen sivustolle räätälöidyn lohkon avulla (data jäsennetään WP:n sisällä omaan ulkoasuun) sekä kunnan fyysisten infonäyttöjen (esim. kokoustilojen ovinäytöt) ruokkiminen WordPressin kautta räätälöidyillä syötteillä.

The post Kempeleen kunnan uudet verkkosivustot appeared first on Vierityspalkki.fi.

Lähtötilanne – digitaalinen muutos harrastajien ehdoilla

Sukeltajaliiton haaste oli selkeä: jäsenlehti tarvitsi uuden elämän verkossa. PDF-näköislehti oli osoittautunut umpikujaksi, eikä se houkutellut lukijoita samalla tavalla kuin aiempi painettu versio.

”Jäsenlehtemme siirtyi paperista PDF-näköislehdeksi kaksi vuotta sitten, mutta sitä ei yksinkertaisesti luettu. Formaatti koettiin epäkäytännölliseksi, eikä se palvellut tarkoitustaan”, kertoo Sukeltajaliiton Kristiina Karila.

Poutapilven projektipäällikkö Eeva Sahlsten tunnisti tarpeen heti:

”Verkkolehti oli uudistuksen tarpeessa, sillä PDF-muoto ei palvellut enää tarkoitustaan. Poutapilvellä on vahva osaaminen verkkolehtien toteutuksesta, joten etenimme tutun kaavan mukaan: määrittely ja suunnittelu, suunnitelmien läpikäynti asiakkaan kanssa, tekninen toteutus, sisällönsyöttö ja sisällönsyötön tuki ja lopuksi julkaisu.”

Verkkosivuston suunnittelussa keskeiseksi nousi harrastajien näkökulma. Sivuston piti palvella sekä pitkäaikaisia sukeltajia että lajista kiinnostuneita uusia tulokkaita. Erityisesti sisällön tuottamisen ja jakamisen helppous korostui, sillä suuri osa materiaalista tulisi suoraan harrastajilta itseltään.

Poutapilvellä oli jo alkuun hyvä käsitys järjestötoiminnasta, sen vahvuuksista ja haasteista. Tämä auttoi meitä välttämään monta sudenkuoppaa projektin aikana.

Kristiina Karila
Viestintäkoordinaattori, Sukeltajaliitto

Sivustouudistuksen tavoitteet

1. Harrastajaystävällinen julkaisualusta
2. Sujuva lukukokemus kaikilla laitteilla
3. Materiaalin jakamisen helppous
4. Yhteisöllisyyden vahvistaminen
5. Vaivaton sisällöntuotanto ja päivitys

Toteutus – asiantuntijat kohtaavat: järjestömaailma ja digitaalinen julkaiseminen

Sukeltajaliiton ja Poutapilven yhteistyö käynnistyi tarjouspyynnön kautta. Vaikka aiempaa yhteistyötä ei ollut, Poutapilven kokemus järjestöasiakkaista osoittautui arvokkaaksi heti alkumetreillä.

”Heillä oli aika hyvä käsitys jo alkuun järjestötoiminnasta, kun tämä on kuitenkin erilaista kuin yritystoiminta. Ymmärrys järjestömaailman vahvuuksista, haasteista, tarpeista ja rajoituksista auttoi tosi paljon projektin alussa”, Karila muistelee.

Visuaalisen ilmeen suunnittelussa Sukeltajaliitolla oli selkeitä näkemyksiä, jotka Poutapilvi onnistui toteuttamaan sujuvasti. Sahlsten kertoo:

”Visuaalinen suunnitelma laadittiin Sukeltajaliiton brändin mukaisesti. Teknisessä toteutuksessa ja suunnittelussa huomioitiin asiakkaan toiveet ja verkkolehden käyttäjien tarpeet.”

Erityisen arvokkaaksi osoittautui Poutapilven asiantuntemus lehtimäisen verkkosivuston rakentamisessa.

”Sisällöllisesti ja rakenteen puolesta heiltä tuli todella hyviä raameja. Tämä on meidän ensimmäinen lehti, joka on sivusto. Heillä oli hyvä asiantuntemus siihen, miten lehtimäistä verkkosivustoa kannattaa rakentaa, mitä sinne kannattaa laittaa ja mitä ei”, Karila kertoo.

Halusimme luoda alustan, jossa harrastajien ääni pääsee kuuluviin ja jossa sisältöä voidaan julkaista nopeasti ilman painoaikataulujen rajoitteita.

Kristiina Karila
Viestintäkoordinaattori, Sukeltajaliitto

Tekninen toteutus

Sukeltajalehti.fi rakennettiin WordPress-julkaisujärjestelmälle, joka tarjoaa vakaan ja joustavan alustan verkkolehdelle. Sahlstenin mukaan projektin päätavoitteena oli luoda ”helposti ylläpidettävä, visuaalisesti miellyttävä ja teknisesti toimiva verkkolehti, joka huomioi eri päätelaitteet”.

Tekninen toteutus tehtiin responsiiviseksi, jotta sivusto toimii sujuvasti kaikilla laitteilla, ja käyttöliittymästä rakennettiin intuitiivinen. Sivustolle toteutettiin myös räätälöityjä ominaisuuksia Sukeltajaliiton erityistarpeisiin.

”Asiakkaalle tehtiin räätälöitynä toteutuksena mainospaikka markkinointiartikkeleille. Suunnittelussa haluttiin ottaa huomioon asiakkaan laadukkaat kuvat, joten heille tehtiin pari näyttävämpää artikkelinostoa, johon he voivat valita näytettävän artikkelin, jossa kuvapaikka on suurempi”, Sahlsten kertoo.

Sivustolle toteutettiin useita käyttäjäystävällisiä ominaisuuksia:

• Responsiivinen suunnittelu, joka takaa sujuvan käyttökokemuksen kaikilla laitteilla
• Selkeä kategorisointi ja hakutoiminnot, jotka helpottavat sisällön löytämistä
• Sosiaalisen median integraatiot, jotka mahdollistavat artikkelien helpon jakamisen
• Näyttävät artikkelinostot laadukkaille sukelluskuville
• Räätälöity mainospaikka markkinointiartikkeleille
• Käyttäjäystävällinen WordPress-hallintapaneeli sisällöntuottajille

Koulutus ja tuki avainasemassa

Projektin onnistumisen kannalta ratkaisevaksi tekijäksi nousivat Poutapilven järjestämät koulutukset ja erityisesti sisällöntuotannon klinikat. Nämä käytännönläheiset työpajat auttoivat Sukeltajaliiton väkeä omaksumaan uuden julkaisualustan käytön ja ratkaisemaan eteen tulevia haasteita.

”Nämä klinikat erityisesti haluan nostaa esiin. Ne pidettiin siinä vaiheessa, kun veimme sisältöä ja opettelimme samalla sivuston sujuvaa käyttöä. Siinä tulee kysymyksiä ihan luonnostaan, joita ei ehkä osaa kysyä, jos ei ole käyttänyt sivustoa jonkun aikaa”, Karila painottaa.

Yhteistyön sujuvuus näkyi myös päivittäisessä kommunikaatiossa. Vastauksia kysymyksiin sai nopeasti ja täsmällisesti, aikataulutus toimi ja ihmiset olivat tavoitettavissa. Sukeltajaliitolle tehtiin selväksi, mitä heiltä odotettiin missäkin vaiheessa projektia.

Klinikat olivat erittäin toimiva ratkaisu. Se, että vain luovutetaan valmis sivusto ja sanotaan ”ottakaa yhteyttä, jos tulee ongelmia”, ei olisi toiminut meille lainkaan yhtä hyvin.

Kristiina Karila
Sukeltajaliitto

Myös Poutapilven näkökulmasta yhteistyö sujui erinomaisesti.

”Projekti ja yhteistyö asiakkaan kanssa sujui oikein mukavasti”, Sahlsten toteaa. ”Sovittu aikataulu piti, ja yhteistyö oli luontevaa.”

Mikä muuttui paremmaksi – verkkolehti käytännössä

Sivuston käyttöönoton jälkeen Sukeltajaliitto on ottanut tavoitteekseen julkaista uutta sisältöä viikoittain, mikä on merkittävä muutos aiempaan viisi kertaa vuodessa ilmestyneeseen painettuun lehteen verrattuna.

”Vielä ei ole luotu tarkoituksellisesti mitään tiukkaa julkaisurytmiä, koska vasta totuttelemme tämän tyyliseen työhön. Mutta toivomme, että sivustolle saadaan joka viikko jotakin uutta”, Karila kertoo.

Sisällöntuotannon erityispiirteenä on harrastajien vahva rooli. Suurin osa materiaalista tulee suoraan sukeltajilta, mikä tuo omat haasteensa ja mahdollisuutensa projektin hallintaan.

”Tässä on vapaaehtoistyön voima. Kun sisältö tulee aidoilta harrastajilta ja asiantuntijoilta, se on varmasti laadukasta ja aitoa”, Karila toteaa.

PDF-näköislehden sijaan Sukeltajaliitolla on nyt verkkoon suunniteltu, jatkuvasti päivitettävä verkkolehti. Sisältöjä voidaan julkaista ilman painoaikataulujen rajoitteita, ja lukijat voivat löytää artikkeleita kategorioiden ja hakutoimintojen avulla. Responsiivinen toteutus parantaa lukukokemusta eri päätelaitteilla, sosiaalisen median integraatiot helpottavat sisältöjen jakamista ja näyttävät artikkelinostot tuovat laadukkaat sukelluskuvat paremmin esiin.

Myös sisällöntuotanto ja ylläpito muuttuivat aiempaa vaivattomammiksi. WordPress-pohjainen julkaisualusta ja käyttäjäystävällinen hallintapaneeli mahdollistavat sisällön päivittämisen ilman teknistä erityisosaamista, ja koulutukset sekä sisällöntuotannon klinikat tukivat uuden toimintatavan käyttöönottoa.

Harrastajien ääni kuuluviin verkossa

Sukeltajalehti.fi on otettu vastaan positiivisesti, vaikka osa pitkäaikaisista lukijoista kaipaakin edelleen painettua lehteä. Kohtaamisissa saatu palaute on ollut hyvää, ja palautekanavien kautta sitä on tullut vähän – mikä on yleensä merkki tyytyväisyydestä.

”Palaute on ollut suurimmaksi osaksi sitä, että paperilehteä kaivataan takaisin. Toivomme, että ajan mittaan lukijat tottuvat erilaiseen julkaisutapaan ja tunnistavat myös sen hyvät puolet”, Karila selittää.

Sukeltajaliitto on sitoutunut sivuston jatkuvaan kehittämiseen. He ovat suunnitelleet arvioivansa kerran vuodessa, mitä pitää muuttaa, korjata tai kehittää, ja toteuttavansa tarvittavat muutokset suunnitelmallisesti. Myös Poutapilven kanssa on sovittu jatkosta:

”Pieniä viilauksia tullaan varmaan tekemään jatkossa”, Sahlsten kertoo.

”Asiakaslähtöisyys näkyi siinä, että Poutapilvellä ymmärrettiin, ettemme ole verkkosivustojen teknisiä asiantuntijoita. Kaikki keskustelu käytiin sellaisilla termeillä ja tavalla, että meillä oli realistinen mahdollisuus ymmärtää, mistä oli kysymys”, Karila kiittää.

Yhteistyö Poutapilven kanssa on tuonut Sukeltajaliitolle nykyaikaisen julkaisualustan, joka palvelee sekä nykyisiä että tulevia sukeltajia. Selkeä projektinhallinta, järjestömaailman ymmärrys ja asiantunteva toteutus tekivät projektista onnistuneen.

”Poutapilvi erottui muista toimijoista siksi, että heillä oli tosi selkeät sävelet koko ajan. He pystyivät kertomaan vastaukset lähes kaikkiin kysymyksiimme suoraan, ja jos jotain piti selvittää, tieto tuli nopealla aikataululla ja täsmällisesti.”

Kristiina Karila
Sukeltajaliitto

The post Sukeltajalehti.fi appeared first on Vierityspalkki.fi.

Flumenia myi osan liiketoiminnastaan ja kaipasi uutta, raikasta alkua myös verkkosivujen osalta. Yhteistyö Duden ja Flumenian välillä on jatkunut tiiviinä useita vuosia aiemman verkkosivuprojektin ja yhteisten asiakkuuksien parissa. Kun Flumenian strategia ja palvelukonsepti uudistui, oli yhteistyötä helppo jatkaa verkkosivujen uudistusprojektilla.

Tavoitteet

• Esittää palveluiden sisältö visuaalisesti, jäsennellen ja ymmärrettävästi
• Tuoda uusi palvelukonsepti (mm. tiimivalmennus, markkinointipäällikön valmennus, interim-markkinointipäällikkö) selkeästi esiin
• Rakentaa ammattimainen, mutta raikas ja erottuva ilme
• Siirtää sisältö vanhalta sivustolta uuteen ilman hakukonenäkyvyyden heikkenemistä

Mitä tehtiin

• UI/UX-suunnittelu
• WordPress-verkkosivut
• WordPress-ylläpito

Projekti käynnistyi ennakkokyselyllä ja aloitustyöpajalla, jossa käytiin läpi Flumenian uudistuneita palveluita ja erottautumistekijöitä muista markkinointialan toimijoista. Suunnittelussa painotettiin erityisesti erilaisten sisältöjen jäsentely- ja esitystapoja, sekä selkeää käyttäjäpolkua; miten potentiaalinen asiakas löytää juuri itselleen sopivan palvelun, mitä se sisältää ja miten palveluprosessi toimii.

Visuaalisen suunnittelun inspiraatioksi otettiin asiakkaan oma mieltymys kuningaskalastaja-lintuun, ja olipa projektin sisäinen koodinimikin ”Kuningaskalastaja”. Linnun väreistä ja olemuksesta haettiin sivuston värimaailma ja muotokieli: abstraktit laatikkoelementit kuvastavat siipiä, ja ikoneihin valittiin lintuaiheisia kuvituksia. Yhden persoonallisen inspiraationlähteen ympärille rakennettu ilme teki sivustosta heti tunnistettavan ja erottuvan.

Sivustolle toteutettiin omat sisältötyypit referensseille ja lainauksille, sekä integraatiot ActiveCampaigniin uutiskirjeen tilausta ja Gravity Formsiin lomakkeita varten. Julkaisua edelsi vanhan sivuston täydellinen varmuuskopiointi, URL- ja SEO-tarkistukset sekä tietoturvan läpikäynti, jotta siirtymä uuteen toteutukseen sujui ilman katkoksia.

Lopputulos

Flumenian uutta aikakautta tukee nyt ammattimainen, raikas ja aiempaa helpommin päivitettävä kokonaisuus, joka kasvaa ja elää yrityksen mukana. Sisällönsyöttö on helppoa ja joustavaa, ja markkinoinnin ammattilaisen käsissä esimerkiksi SEO- ja GEO-optimoidun sisällön luominen onnistuu käden käänteessä.

Vuosia jatkunut yhteistyö Flumenian ja Duden välillä teki uudistuksesta mutkattoman. Kun molemmat toimijat tuntevat toisensa jo ennestään, on kommunikointi suoraa, kaikki tuntevat toistensa työtavat ja molemminpuolinen luottamus on jo rakennettu.

Projektin kohokohdat

Persoonallinen ilme

Sivuston värimaailma ja muotokieli juontavat asiakkaan lempilinnusta: siipiä muistuttavat abstraktit laatikkoelementit ja lintuaiheiset ikonit tuovat ilmeeseen persoonallisuutta pienellä vaivalla ilman laajaa brändiuudistusta.

Ajattelu näkyväksi

Joustavat sisältölohkot, eli esimerkiksi koosteboksit, vaiheet-laatikot ja lainausnostot, tekevät abstrakteista asiantuntijapalveluista selkeitä, konkreettisia ja visuaalisia, juuri sitä mitä asiakas halusi.

Integraatiot asiakkaan työkaluihin

Sivusto integroitiin ActiveCampaigniin, joten uutiskirjeen tilaajat valuvat suoraan asiakkaan omaan markkinoinnin automaatiojärjestelmään ilman erillistä käsityötä.

WordPress-ylläpito takaa huolettomuuden jatkossakin

Ylläpitopalvelumme on rakennettu sitä varten, että sinun ei tarvitsisi huolehtia teknisestä säädöstä ja siitä että pysyykö sivusto pystyssä. Myös jatkokehitys, lisädomainit ja jopa sähköpostiosoitteet hoituvat kätevästi saman katon alta.

The post Flumenia – verkkosivuston uudistus appeared first on Vierityspalkki.fi.

Lähtötilanne

Sähkömarkkinoiden myllerrys on lisännyt tarvetta nopealle ja joustavalle tuotehallinnalle. Aiempi, vuonna 2021 julkaistu sivusto oli alkanut jäädä jälkeen, sillä yritykselle räätälöidyt toiminnallisuudet eivät skaalautuneet enää nykyisiin tarpeisiin. Myös visuaalinen ilme kaipasi raikastusta. Markkinointitiimi tarvitsi työkalun, jolla sisältöjä ja kampanjasivuja voidaan rakentaa täysin omatoimisesti ilman jatkuvaa kehittäjän apua.

Ratkaisumme

Toteutimme uudistuksen WordPressiin hyödyntäen natiivia Gutenberg-editoria ja omaa Evermade Studio -pohjateemaamme.

Keskeiset tekniset ratkaisut:
– Älykäs häiriöviestintä: Toteutimme integraation, joka lukee reaaliaikaista dataa rajapinnasta kymmenen minuutin välein.
– Multisite ja personointi: Sivusto hallinnoi samalla alustalla Keravan Energian ja Sipoon Energian brändejä omilla teemapohjillaan. Käytimme Polylang-lisäosaa eri kieliversioiden hallintaan.
– Saavutettavuus (WCAG 2.1 AA): Sivusto on suunniteltu ja koodattu täyttämään saavutettavuusdirektiivin tiukat vaatimukset.

Suunnittelussa otimme huomioon paikallisen asiantuntijuuden korostamisen, ja verkkosivustoa varten luodut uniikit kuvitukset tuovat inhimillisyyttä ja paikallisuutta jokaiselle sivulle. Sivuston ilmettä kehitettiin modernimpaan suuntaan selkeyttämällä visuaalista hierarkiaa ja typografiaa sekä keventämällä layoutia. Samalla varmistimme, että väripaletti ja kontrastit tukevat saavutettavuutta ja ohjaavat käyttäjää sujuvasti kohti keskeisiä konversioita.

Lopputulos

Uusi verkkopalvelu toimii Keravan Energian tärkeimpänä myynti- ja viestintäkanavana, joka palvelee joustavasti yrityksen liiketoimintatavoitteita. Uudistus on sujuvoittanut markkinointitiimin päivittäistä työtä: siirtyminen Gutenberg-editoriin on tehnyt sisällöntuotannosta ja kampanjasivujen rakentamisesta aiempaa vaivattomampaa. Automaattisten integraatioiden ja parantuneen hakukonenäkyvyyden ansiosta sivusto tavoittaa yleisöään tehokkaammin ja keventää asiakaspalvelun kuormitusta tarjoamalla kriittisen tiedon silloin, kun sitä tarvitaan.

The post Keravan Energian uusi verkkosivusto appeared first on Vierityspalkki.fi.

Pandemian jälkeen Crosswrapin liiketoiminta siirtyi entistä vahvemmin digitaalisiin kanaviin. Messujen ja matkustamisen vähentyessä verkkosivuston merkitys kasvoi, eikä vanha sivusto enää vastannut kansainvälisen myynnin, markkinoinnin ja tuote-esittelyn tarpeita.

Uudistuksen tavoitteena oli rakentaa moderni WordPress-verkkopalvelu, joka palvelee paremmin kansainvälisiä asiakkaita, tekee tuotteiden ominaisuuksista helpommin ymmärrettäviä ja antaa markkinoinnille toimivat työkalut sisältöjen ylläpitoon ja eri markkinoiden palvelemiseen.

Tuote-esittely osaksi verkkopalvelua

Yksi uudistuksen keskeisistä tavoitteista oli tuoda tuote-esittely vahvemmin verkkoon.

Crosswrap oli aiemmin hyödyntänyt myynnin tukena erityisesti fyysisiä tuote-esitteitä. Ne toimivat edelleen hyvin esimerkiksi asiakastapaamisissa ja messuilla, mutta sama esitystapa ei sellaisenaan hyödynnä verkkoympäristön mahdollisuuksia.

Ratkaisuksi toteutimme sivustolle interaktiiviset tuote-esittelyt J&Co Digitalin kehittämällä WordPress-lisäosalla. Lisäosan avulla tuotekuviin voidaan lisätä klikattavia hotspotteja, joiden kautta käyttäjälle voidaan näyttää tarkempaa tietoa tuotteen eri osista ja ominaisuuksista.

Staattisen tuotekuvan sijaan asiakas voi näin itse tutkia tuotetta ja sen toimintaa. Ratkaisu täydentää perinteisiä tuote-esitteitä ja tuo osan myyjän tekemästä tuote-esittelystä suoraan verkkopalveluun.

Kansainvälisen myynnin tarpeisiin rakennettu sivusto

Crosswrap toimii kansainvälisesti, joten myös monikielisyys (4 kieltä) oli tärkeä osa verkkopalvelun uudistusta.

Sivustolle asennettiin AI-pohjainen käännösratkaisu, jossa DeepL tuottaa konekäännökset ja Polylang Pro huolehtii WordPressin monikielisten sisältöjen hallinnasta. Ratkaisu nopeuttaa uusien kieliversioiden ja sisältöjen tuottamista eri markkinoille sekä vähentää käännöstyön kustannuksia.

Crosswrapin mukaan uusi toimintamalli on tuonut merkittäviä säästöjä.

”Se on ollut meille erittäin toimiva ja kustannustehokas tapa luoda kieliversiot ja tuottaa sisältöä eri markkinoille. Säästöt ovat olleet merkittäviä, käytännössä kymmeniä tuhansia euroja.”

Sanna Lehtimäki, Marketing Manager, Crosswrap

Tekninen toteutus

Verkkopalvelu toteutettiin WordPressillä. Kokonaisuudessa painotettiin sivuston ylläpidettävyyttä, kansainvälisen sisällöntuotannon tarpeita sekä tuotteiden visuaalista ja interaktiivista esittämistä.

Toteutuksen keskeisiä osa-alueita olivat:

• WordPress-verkkopalvelun uudistus
• käyttöliittymän ja visuaalisen ilmeen uudistaminen uuden identiteen mukaan
• responsiivinen toteutus eri päätelaitteille
• monikielinen sisältörakenne ja AI-avusteinen käännösratkaisu (Polylang Pro + DeepL) kansainvälisiä markkinoita varten
• J&Co Digitalin kehittämä interaktiivinen kuvatyökalu WordPressiin

The post Crosswrap.com appeared first on Vierityspalkki.fi.

G-Worksin ja HJK:n yhteistyö käynnistyi vuonna 2022, kun seuran tuolloin käytössä ollut verkkosivusto otettiin kehitystyön kohteeksi. WordPress-alustalle rakennettua sivustoa modernisoitiin muun muassa karsimalla tarpeettomia lisäosia, yksinkertaistamalla teknistä kokonaisuutta sekä vahvistamalla tietoturvaa. Samassa yhteydessä sivuston ylläpito siirtyi G-Worksin vastuulle.

Vaikka sivustoa kehitettiin ja ylläpidettiin aktiivisesti usean vuoden ajan, alkoi sen tekninen ja toiminnallinen elinkaari lähestyä loppuaan vuoden 2025 aikana. Sekä käytetty teknologia että käyttökokemus asettivat rajoitteita, jotka vaikeuttivat sivuston kehittämistä HJK:n tulevaisuuden tarpeita vastaavaksi.

Verkkosivustouudistuksen keskeisenä tavoitteena oli luoda nykyaikainen, helposti laajennettava ja käyttäjäystävällinen kokonaisuus, joka tukee tehokkaasti seuran eri kohderyhmiä – kannattajista yhteistyökumppaneihin sekä uusiin asiakkaisiin.

Yhtenäinen kokonaisuus koko HJK-yhteisölle

Uudessa verkkopalvelussa keskeiseen rooliin nostettiin yhteinen hjk.fi-etusivu, joka kokoaa seuran toiminnan yhden osoitteen alle. Etusivulta käyttäjät löytävät helposti tiensä miesten ja naisten joukkueiden sisältöihin sekä junioreiden omalle verkkosivustolle.

Rakennesuunnittelussa painotettiin erityisesti eri käyttäjäryhmien tarpeita, seuran palveluiden ja toiminnan selkeää esittämistä sekä kaupallisten sisältöjen näkyvyyden parantamista. Tavoitteena oli tehdä laajasta kokonaisuudesta mahdollisimman helposti lähestyttävä niin uusille kuin nykyisillekin kävijöille.

Lopputuloksena syntyi selkeä ja johdonmukainen verkkopalvelu, jossa HJK:n monipuolinen toiminta on helposti löydettävissä ja ymmärrettävissä.

Ottelut ja ajankohtaiset sisällöt etusijalla

Koska ottelut muodostavat merkittävän osan HJK:n toimintaa ja kiinnostavat suurta osaa sivuston käyttäjistä, niiden ympärille rakennettiin entistä kattavampi käyttökokemus. Erityistä huomiota kiinnitettiin ottelusivuihin sekä otteluennakoiden ja -raporttien esittämiseen. Sivustolle toteutettiin myös laaja otteludatan integraatio, jonka ansiosta käynnissä olevien otteluiden tiedot päivittyvät ottelusivuille reaaliaikaisesti.

Myös uutissisältöjen hallintaa ja esittämistä kehitettiin merkittävästi. Sisällöt jäsenneltiin selkeämmin eri kategorioihin, joukkuekohtaiset näkymät tehtiin helpommin seurattaviksi ja sisältöjen löydettävyyttä parannettiin kautta sivuston.

Näiden ratkaisujen ansiosta HJK pystyy viestimään tehokkaasti eri kohderyhmilleen, ja käyttäjät löytävät heitä kiinnostavat uutiset sekä otteluihin liittyvät sisällöt aiempaa nopeammin.

Integraatioiden avulla ajantasaista tietoa käyttäjille

Uudelle verkkosivustolle rakennettiin integraatio Suomen Palloliiton tarjoamiin tietolähteisiin, minkä ansiosta otteluihin, joukkueisiin ja pelaajiin liittyvät tiedot siirtyvät sivustolle automaattisesti ilman manuaalista ylläpitoa.

Integraation avulla käyttäjille voidaan tarjota jatkuvasti päivittyvää otteludataa, reaaliaikaista tietoa käynnissä olevista otteluista sekä kattavia tilastoja niin joukkueiden kuin yksittäisten pelaajien suorituksista. Samalla varmistetaan, että kaikki seuran joukkueet hyödyntävät samaa luotettavaa ja yhdenmukaista tietopohjaa.

Ratkaisu vähentää ylläpitotyötä, parantaa tiedon ajantasaisuutta ja rikastaa merkittävästi sivuston tarjoamaa sisältökokemusta.

Vuosien aikana kertyneen sisällön siirtäminen uuteen ympäristöön

HJK:n verkkopalveluun oli kertynyt vuosien saatossa laaja sisältöarkisto, jonka säilyttäminen nähtiin tärkeänä osana uudistusprojektia. Uudelle sivustolle siirrettiin noin 7 000 uutisartikkelia vanhasta järjestelmästä hallitusti ja mahdollisimman automaattisesti.

Siirtoprojektissa huolehdittiin siitä, että sisältöjen rakenne, käytettävyys ja löydettävyys säilyivät myös uudessa ympäristössä. Samalla varmistettiin yhteensopivuus uuden sivustorakenteen kanssa sekä huolehdittiin siitä, että hakukonenäkyvyys säilyi ennallaan.

Ratkaisun ansiosta HJK:n laaja digitaalinen sisältöhistoria säilyi osana uudistettua verkkopalvelua ja on edelleen helposti käyttäjien saavutettavissa.

Nykyaikainen teknologia mahdollistaa tulevaisuuden kehityksen

HJK:n uudistettu verkkosivusto rakennettiin modernilla arkkitehtuurilla, jossa WordPress toimii sisällönhallintajärjestelmänä, kun taas sivuston käyttöliittymä on toteutettu erillisenä kokonaisuutena. Tämän ansiosta verkkopalvelu on sekä suorituskykyinen että helposti laajennettavissa tulevaisuuden tarpeisiin.

Sivuston käyttöliittymä on toteutettu Next.js- ja React-teknologioilla hyödyntäen headless-arkkitehtuuria. WordPress toimii sisällönhallintajärjestelmänä, ja varsinainen käyttöliittymä on siitä erillinen kokonaisuus.

Sivut voidaan tarjota staattisesti generoituna sisällönjakeluverkon (CDN) kautta, mikä mahdollistaa nopeat latausajat myös suurilla kävijämäärillä. Ratkaisu parantaa samalla sivuston toimintavarmuutta ja tietoturvaa, sillä käyttöliittymä ei ole riippuvainen WordPressin ajonaikaisesta toiminnasta.

Headless-arkkitehtuuri tekee myös jatkokehityksestä ketterää. Käyttöliittymämuutoksia voidaan kehittää ja testata erillisissä esikatseluympäristöissä tuotantodataa hyödyntäen ilman riskiä varsinaiselle tuotantosivustolle.

Toteutetun teknisen ratkaisun keskeisiin hyötyihin kuuluvat muun muassa:

• Erittäin nopeat latausajat – Staattisten sivujen ansiosta sivusto voidaan tarjota sisällönjakeluverkon (CDN) kautta. Ratkaisulla varmistetaan sivuston sujuva toiminta ja nopea latautuminen myös suurilla kävijämäärillä.

• Vahva tietoturva ja toimintavarmuus – Hajautetun arkkitehtuurin johdosta käyttöliittymä ei ole riippuvainen sisällönhallintajärjestelmän toiminnasta. Tämä parantaa palvelun toimintavarmuutta ja vähentää yksittäisten häiriöiden vaikutusta sivuston käytettävyyteen.

• Joustava jatkokehitys – Yksittäisiä käyttöliittymämuutoksia voidaan testata rinnakkain omissa esikatseluympäristöissään tuotantodataa hyödyntäen. Tämä tekee jatkokehityksestä ketterämpää, turvallisempaa ja tehokkaampaa.

• Laajat integraatiomahdollisuudet – Uusia palveluita voidaan liittää helposti osaksi kokonaisuutta.

Ratkaisu luo skaalautuvan ja joustavan alustan, jonka ansiosta uusia palveluita, sovelluksia ja integraatioita voidaan liittää osaksi kokonaisuutta tehokkaasti myös tulevaisuudessa.

Nopeampi, näyttävämpi ja valmiina uuteen kauteen

Uudistettu verkkosivusto otettiin käyttöön suunnitellusti ennen uuden Veikkausliigakauden käynnistymistä. Lopputuloksena syntyi suorituskykyinen, visuaalisesti moderni ja helposti laajennettava verkkopalvelu, joka tukee HJK:n toimintaa sekä nykyhetkessä että tulevaisuudessa.

Hanke toteutettiin tiiviissä yhteistyössä HJK:n ja G-Worksin asiantuntijoiden kesken. Projektin aikana päätöksiä tehtiin ketterästi, ja kehitystyötä ohjasi yhteinen tavoite rakentaa mahdollisimman toimiva ja pitkäikäinen kokonaisuus.

G-Worksin projektitiimi – Joona, Rasse ja Valtteri – haluaa kiittää HJK:ta luottamuksesta ja sujuvasta yhteistyöstä. Verkkopalvelun kehittäminen jatkuu edelleen uusien ominaisuuksien ja jatkokehitystoimenpiteiden parissa.

The post HJK – verkkosivuston uudistus appeared first on Vierityspalkki.fi.

Lähtötilanne

Diakonissalaitoksen vanha verkkosivusto ei enää tukenut organisaation uudistunutta strategiaa. Vanha verkkosivusto oli rakennettu erilaisen organisaation tarpeisiin, ja organisaation muuttuessa sivuston visuaalinen ilme, rakenne ja tekniset ratkaisut kaipasivat muutosta. Tarvittiin kokonaisvaltainen uudistus sisällöistä rakenteeseen ja visuaaliseen ilmeeseen.

Ratkaisu

Käynnistimme projektin palvelumuotoilulla, jossa työpajojen avulla määritettiin suunta suunnittelulle ja tekniselle toteutukselle. WordPress-teknologia säilytettiin, mutta sivusto rakennettiin käytännössä uudelleen. Vastasimme sivuston suunnittelusta ja toteutuksesta sekä kehitimme sisältöratkaisuja yhdessä asiakkaan asiantuntijoiden kanssa.

Tekninen toteutus tehtiin WCAG 2.1 AA -saavutettavuuskriteeristön mukaisesti, ja Siteimprove-työkalun avulla saavutettavuutta voidaan seurata ja kehittää jatkuvasti. Uudistuksen yhteydessä toteutettiin myös sisältömigraatio, jossa vanhan sivuston artikkelimuotoinen sisältö siirrettiin sujuvasti uudelle alustalle.

Tulokset

Diakonissalaitoksella on nyt selkeä, saavutettava ja helposti ylläpidettävä verkkopalvelu. Uudistunut sivusto heijastaa organisaation strategiaa ja arvoja sekä tukee tärkeää työtä ihmisarvoisen elämän puolesta.

The post Diakonissalaitoksen uusi verkkosivusto appeared first on Vierityspalkki.fi.

Dude oli aiemmin toteuttanut Bloomsdayn edeltäjälle, Flux Productionsille verkkosivuston. Nyt Flux kuitenkin vaihtoi nimensä ja uudisti brändinsä, sekä laajensi toimenkuvaansa.

Tavoitteet

• Bloomsdayn uuden brändi-identiteetin jalkautus verkkoon
• Flux Productionsin sivustolla toimivaksi todetun tekniikan hyödyntäminen
• Sujuva toteutus ilman suurempaa remonttia

Mitä tehtiin

• WordPress-verkkosivut
• Brändin tekninen implementointi
• WordPress-ylläpito

Uuden ilmeen visuaalinen suunnittelu tuli ulkopuoliselta taholta. Regular suunnitteli Bloomsdayn brändin mukaisen ulkoasun olemassa olevien sisältölohkojen päälle. Duden rooli oli viedä suunnitelma verkkoon.

Koska Dude oli rakentanut aiemman Flux Productionsin sivuston alusta lähtien, rakenne ja tekniikka tunnettiin läpikotaisin. Toimivat sisältölohkot hyödynnettiin sellaisenaan tai pienin muutoksin, ja uusi ilme jalkautettiin niiden päälle johdonmukaisesti. Projekti eteni nopeasti juuri siksi, että pohjatyö oli tehty hyvin jo aiemmin.

Lopputulos

Bloomsday astui verkkoon omana itsenään, tuoreella ilmeellä ja tutulla varmuudella. Projekti on hyvä esimerkki siitä, että uudistuminen ei aina vaadi kaiken tekemistä alusta: oikealla kumppanilla ja toimivalla pohjalla muutos tapahtuu nopeasti ja hallitusti.

Projektin kohokohdat

Hyvät pohjatyöt lyhentävät matkaa

Dude tunsi Bloomsdayn taustan jo ennestään, sillä Flux Productionsin sivusto oli rakennettu Dudella alusta lähtien. Tämä tieto maksoi itsensä takaisin uudistuksessa: ei turhaa opettelua, resurssit käytettiin tehokkaasti toteutukseen.

On sivustosi sitten meillä, muualla tai vielä tekemättä: ota meihin yhteyttä.

WordPress-ylläpito takaa huolettomuuden jatkossakin

Ylläpitopalvelumme on rakennettu sitä varten, että sinun ei tarvitsisi huolehtia teknisestä säädöstä ja siitä että pysyykö sivusto pystyssä. Myös jatkokehitys, lisädomainit ja jopa sähköpostiosoitteet hoituvat kätevästi saman katon alta.

The post Bloomsday – verkkosivuston uudistus appeared first on Vierityspalkki.fi.

Solarigolla oli tarve tuoda verkkosivusto tähän päivään ja mahdollistaa ketterä, skaalautuva markkinointi. Moderni sivusto olisi myös linjassa brändin kanssa.

Verkkosivuston uudistus käynnistettiin positiointityöllä, jonka avulla saatiin ajantasainen ja terävöitetty näkemys Solarigon erottuvuuteen, pääviesteihin, ihanneasiakkaisiin sekä kilpailuun.

Näitä asioita käydään läpi toki myös verkkosivustototeutuksen puitteissa, mutta markkinointistrategian ammattilaisen kanssa erottuvuuteen, kilpailijoihin ja asiakashankinnan kokonaisuuteen saadaan perusteellisempi näkemys, joka palvelee markkinointia myös verkkosivuston ulkopuolella.

Suunnittelimme asiakkaan brand bookin pohjalta freesatun ilmeen uudelle sivustolle. Ammattimainen vaikutelma sivustolla tuo Solarigon asiakkaille luottoa jo tutustumisvaiheessa, että myös itse aurinkovoimaprojekti sujuu.

Sivuston tuloksellinen mittaus ja jatkuva kehitys

Solarigolla on erilaisia asiakassegmenttejä, heille räätälöityine käyttäjäpolkuinen ja konversiopisteineen. Tuloksellisessa verkkosivuston kehittämisessä on syytä paneutua pätevän suunnittelun ja toteutuksen lisäksi myös tulosten seurantaan.

Tätä tarkoitusta varten luotiin lomakekohtainen analytiikan seuranta, sekä omat näkymät laskurin käytölle ja liikenteen lähteille, mukaan lukien orgaaninen hakukoneliikenne avainsanatilastoineen.

Erillisenä pakettina toteutimme myös AI-näkyvyyden kehittämisen toimenpiteitä, joilla varmistettiin erityisesti sivuston tekoäly-ystävällisyys. AI-näkyvyyden seurantaan luotiin oma kampanja, jonka tuloksia seurataan MEOM Monitorointi -palvelulla.

The post Solarigo – verkkosivuston uudistus appeared first on Vierityspalkki.fi.

Darekon on suomalainen vaativien toimialojen sopimusvalmistaja, joka tarjoaa elektroniikan, mekaniikan ja kokoonpanon valmistuspalveluita sekä toimitusketjun hallintaa kansainvälisille asiakkaille. Yrityksen palvelut kattavat koko tuotteen elinkaaren prototyypeistä sarjatuotantoon ja jälkimarkkinapalveluihin asti. Darekon toimii erityisesti toimialoilla, joissa laatu, toimitusvarmuus ja jäljitettävyys ovat kriittisiä, kuten MedTech-, Cleantech-, Aerospace & Defence- sekä HighTech-sektoreilla.

Yrityksellä on useita tuotantoyksiköitä Suomessa ja Euroopassa, ja sen toimintamalli perustuu pitkäjänteisiin asiakkuuksiin sekä vahvaan tekniseen osaamiseen. Darekon tunnetaan erityisesti kyvystään yhdistää korkean teknologian valmistus, joustava tuotanto sekä vastuullinen toimintatapa saumattomaksi kokonaisuudeksi. Verkkosivuston tuli heijastaa tätä asiantuntijuutta uskottavasti myös digitaalisessa ympäristössä.

Lähtötilanne ja tavoitteet

Darekonin aiempi verkkosivusto ei enää vastannut yrityksen nykyistä liiketoimintaa, kansainvälistä kasvua eikä modernia brändiä. Sivuston rakenne oli hajautunut, ja palveluiden sekä eri toimialojen osaamisen esittäminen jäi liian yleiselle tasolle. Yritys tarvitsi verkkosivuston, joka tukisi aktiivisesti myyntiä, rekrytointia ja kansainvälistä näkyvyyttä sekä toimisi uskottavana ensikosketuksena uusille asiakkaille ja yhteistyökumppaneille.

Projektin tavoitteena oli rakentaa moderni ja teknisesti laadukas verkkosivusto, joka tekee Darekonin palveluista helposti ymmärrettäviä myös monimutkaisilla B2B-markkinoilla. Sivuston tuli viestiä korkeasta laatutasosta, vahvasta teollisesta osaamisesta sekä yrityksen kyvystä toimia strategisena kumppanina vaativilla toimialoilla. Samalla tavoitteena oli parantaa hakukonenäkyvyyttä, selkeyttää sisältöjä ja helpottaa sisällön ylläpitoa yrityksen sisällä.

Ratkaisu

Rajasoft suunnitteli ja toteutti Darekonille täysin uudistetun WordPress-pohjaisen verkkosivuston, jossa yhdistyvät moderni visuaalinen ilme, selkeä informaatioarkkitehtuuri ja tehokas sisällönhallinta. Sivuston rakenne suunniteltiin tukemaan sekä uusasiakashankintaa että nykyisten asiakkaiden tiedonsaantia. Erityistä huomiota kiinnitettiin siihen, että laaja palvelu- ja toimialakokonaisuus on helposti hahmotettava eri kohderyhmille.

Sivustolla korostettiin Darekonin teknologista osaamista, tuotantokapasiteettia, laatustandardeja sekä eri toimialojen erityisvaatimuksia. Sisältöjä kehitettiin yhteistyössä asiakkaan kanssa niin, että ne tukevat paremmin kansainvälistä markkinointia ja hakukonenäkyvyyttä. Lisäksi kokonaisuudessa huomioitiin monikielisyys, suorituskyky, tietoturva sekä sivuston helppo jatkokehitys tulevaisuudessa.
Uudistettu verkkosivusto toimii Darekonille tärkeänä työkaluna niin myynnissä, rekrytoinnissa kuin yrityksen kansainvälisen brändin rakentamisessa. Moderni ja selkeä kokonaisuus auttaa viestimään yrityksen korkeasta osaamisesta uskottavasti eri sidosryhmille.

The post Darekon – uusi verkkosivusto appeared first on Vierityspalkki.fi.

Valu toteutti Insinööriliitolle edellisen verkkopalvelu-uudistuksen vuonna 2019. Kuuden vuoden aikana sekä käyttäjien odotukset että organisaation tarpeet olivat muuttuneet, joten oli aika ottaa seuraava askel verkkopalvelun kehittämisessä.

Lähtötilanne oli monin tavoin hyvä. Sisällöntuottajat kaipasivat lisää joustoa sisällöntuottamiseen sivustolla, mobiilikokemus alkoi jäädä jälkeen nykystandardeista ja jäsenpalveluiden kokonaisuuden esittäminen selkeästi oli muodostunut hankalaksi. Lisäksi strateginen painopiste oli muuttumassa: edunvalvontaa ja yhteiskunnallista vaikuttamista haluttiin tuoda vahvemmin esille.

Uudistukselle oli siis selkeä tavoite. Uusi perusta, joka kestää ja jota voi helposti kehittää muuttuvien tarpeiden pohjalta.

Insinööriliiton verkkopalvelu ei ole pelkkä viestintäkanava, vaan keskeinen osa jäsenkokemusta. Sivuston kautta jäsenet löytävät palvelut, tapahtumat, koulutukset ja edunvalvontaan liittyvän tiedon. Uudistuksen tavoitteena oli varmistaa, että nämä palvelut löytyvät helposti kaikilla päätelaitteilla ja että sisältöjä voidaan kehittää nopeasti muuttuvien tarpeiden mukaan.

Suunnittelu: lohkoista yhtenäinen kokonaisuus

Projekti käynnistyi palvelumuotoiluvaiheella, jossa määriteltiin verkkopalvelun rakenne ja sisältölogiikka. Navigaatiota selkeytettiin, palvelut ryhmiteltiin loogisemmin ja käyttäjäpolkuja kehitettiin palvelemaan sekä uusia kävijöitä että pitkäaikaisia jäseniä. Yhdessä määriteltiin myös tarvittavat sivumallit ja sisältölohkot.

Rakenteen pohjalta edettiin käyttöliittymä- ja visuaaliseen suunnitteluun. Uusi ilme on moderni ja selkeä, mutta jättää sisällölle riittävästi tilaa. Insinööriliitolla on paljon sisältöä, joten ulkoasun tuli tukea luettavuutta eikä kilpailla huomiosta sisällön kanssa.

Tekninen toteutus: moderni WordPress lohkoteemalla

Tekninen toteutus rakennettiin modernin WordPressin Full Site Editing -periaatteella. Lohkoteema mahdollistaa sisällöntuottajille huomattavasti enemmän vapautta kuin perinteiset toteutukset: sivujen rakennetta voidaan muokata, kampanjasivuja luoda ja erilaisia sisältökokonaisuuksia kokeilla ilman teknistä apua.

Toteutukseen sisältyi integraatioita:

• OpenID Connect SSO -kirjautuminen vahvaa tunnistautumista varten
• Lyyti-integraatio tapahtuma- ja koulutuskalenteriin

Yhteistyö ja projektin kulku

Projekti eteni suunnitelman mukaisesti. Aikataulusta sovittiin realistisesti jo tarjousvaiheessa, eikä projektin aikana tullut yllätyksiä.

Yhteinen viestintympäristö toimi viestinnän selkärankana, josta jokainen projektissa mukana ollut näki myös käytännössä toteutuksen etenemisen yksittäisinä kortteina. Tämä teki toteutuksesta läpinäkyvää ja helposti seurattavaa. Kun kortit ja keskustelut pysyivät samassa paikassa, kaikki osapuolet tiesivät jatkuvasti missä mennään.

”Projekti eteni hyvin tasaisesti, sovitusti aikataulussa, eikä yllätyksiä tullut. Tämä oli iso projekti talon sisällä, kun tähän liittyi paljon tekijöitä myös meidän puolelta, mutta kokonaisuus pysyi erittäin hyvin hallussa ja sisällönsyöttö oli sujuvaa.” – Satu Jaanu, IT-insinööri

Tulokset: selkeämpi kokonaisuus, enemmän itsenäisyyttä

Uuden sivuston käyttöönotto on tuonut konkreettisia muutoksia arkeen.

Päivittäminen on helpottunut merkittävästi. Sisällöntuottajat pystyvät tekemään enemmän itse, ja teknistä apua tarvitaan entistä vähemmän. Moderni WordPress antaa vapautta kokeilla, ja oppimiskäyrä on positiivinen: mitä enemmän lohkoilla ja lohkomalleilla tekee, sitä enemmän mahdollisuuksia löytyy.

Mobiilikokemus parani huomattavasti. Navigaatio toimii pienellä näytöllä sujuvasti ja sisältö on helpompi löytää. Näyttöpäätteestä riippumatta kokemus on nyt yhtenäinen.

Ehkä merkittävin muutos on kuitenkin jäsenpalveluiden selkeys. Palvelukokonaisuus hahmottuu nyt paremmin, ja edunvalvontatyön sekä yhteiskunnallisen vaikuttamisen nostaminen esille on vihdoin mahdollista myös verkossa.

”Kokonaisuus on varsin onnistunut.” – Satu Jaanu, IT-insinööri

Pitkäaikainen kumppanuus

Insinööriliitto on hyvä esimerkki siitä, mitä pitkäjänteinen yhteistyö tarkoittaa käytännössä. Tämä oli jo toinen uudistus, jonka Valu toteutti, ja syy on yksinkertainen: kun yhteistyö, sivuston kehitys ja ylläpito toimii, ei ole syytä vaihtaa toimittajaa.

”Vaikka ei olla kovin teknisiä henkilöitä, niin asiat selitetään ystävällisesti ja ymmärrettävästi. Kivoja tyyppejä töissä.” – Heini Rautavirta, markkinointipäällikkö

Toteutus tiivistetysti

• Palvelumuotoilu, käyttäliittymä ja visuaalinen suunnittelu
• Moderni WordPress, Full Site Editing ja lohkoteema
• Saavutettavuus WCAG 2.1 -tason mukaisesti
• Kirjautuminen OpenID Connect -protokollalla (YAP) ja kaksivaiheinen tunnistautuminen
• Sivusto tunnistaa kirjautuneen jäsenen ja näyttää hänelle räätälöityä sisältöä, osa sivuista ja sisältölohkoista on rajattu vain jäsenille, vierailijat näkevät oman versionsa
• Jäsenkortti, jossa esitetään jäsenen tiedot
• Koulutukset ja tapahtumat: Integraatio Lyyti-tapahtumapalveluun. Tapahtumien automaattinen tuonti ja päivitys
• Koulutus- ja tapahtuma -arkisto suodatuksilla
• Jäsenjärjestöjen sivuilla omien tapahtumien esittäminen
• Findkit-sivustohaku sisältäen PDF-tiedostojen sisällön indeksoinnin
• Interaktiivinen palkkalaskuri: Vertaa syötettyjä tietoja palkkadataan ja esittää vertailun visuaalisesti
• Insinööri-lehden artikkelien automaattiset nostot (haetaan ulkoisesta rajapinnasta)
• Monikielinen sivusto (suomi/englanti). Kaikki sisältötyypit, taksonomiat ja käyttöliittymätekstit käännettävissä
• Valu Muuri: Verkkosivuston suojausratkaisu, joka torjuu palvelunestohyökkäyksiä sekä parantaa suorituskykyä ja saatavuutta.
• Uudelleenohjausten hallinta käyttöliittymästä
• Evästeiden hallinta ja suostumusten keräys
• Google Analytics 4 -analytiikka

The post Insinööriliitto IL ry – verkkopalvelun uudistus appeared first on Vierityspalkki.fi.

Lähtökohta

Saarioisen aiempi verkkosivusto toimi moitteettomasti, joten uudistuksen tavoitteena oli viedä digitaalinen kokemus seuraavalle tasolle. Keskityimme tuomaan palveluun nykyaikaiset toimintamallit, parantamaan saavutettavuutta ja hakukonenäkyvyyttä sekä raikastamaan sivuston sisällöt ja visuaalisen ilmeen. Haasteena oli palvella laajoja ja tarpeiltaan erilaisia kohderyhmiä: toisaalta kuluttajia, jotka etsivät tunnesidettä ruokaan ja inspiraatiota arkeen, ja toisaalta Food Service- ja kaupan alan ammattilaisia, jotka kaipaavat tarkkoja tuotetietoja ja reseptiikkaa.

Tavoitteet

Halusimme luoda palvelun, joka kiinnostaa, aktivoi ja palvelee. Keskeisenä tavoitteena oli maksimoida sivuston tekninen suorituskyky suurille kävijämäärille ja varmistaa WCAG-standardien mukainen saavutettavuus, sekä vahvistaa brändin hakukonenäkyvyyttä. Lisäksi visuaalisena tavoitteena oli rakentaa joustava alusta, jossa Saarioisen eri brändit, kuten Bistron laadukkaat valmisateriat tai maalaisromanttiset Dronningholmin hillot pääsevät esiin omilla ainutlaatuisilla persoonallisuuksillaan.

Ratkaisu

Rakensimme uuden verkkopalvelun vankalle WordPress-alustalle hyödyntäen Evermade Studio -ratkaisuamme. Tämä yhdistelmä mahdollistaa datalähtöisen kehityksen ja kokonaisvaltaisen asiakaskokemuksen hallinnan. Vaikka Saarioisen tuttu brändi pysyi ennallaan, suunnittelumme toi sen vahvuudet digitaalisesti esiin aiempaa kirkkaammin.

Palvellaksemme eri käyttäjäryhmiä mahdollisimman sujuvasti, jaoimme palvelun selkeisiin kuluttaja-, ammattilais- ja Tietoa meistä -osioihin. Näin jokaiselle kohderyhmälle pystytään tarjoamaan tarkasti segmentoituja sisältöjä: loimme visuaalisesti vahvan ja elävän kuvamaailman kuluttajille sekä selkeät, nopeasti selattavat tietonäkymät ammattilaisille.

Toteutus

Tekninen toteutus vaati laajoja datasiirtoja ja yhdistämistä. Migroimme vanhalta sivustolta noin 500 olemassa olevaa reseptisivua ja artikkelia. Rakensimme integraatiot, joiden avulla tuotetiedot haetaan automaattisesti Adeona PIM -järjestelmästä ja avoimet työpaikat suoraan Laura-rekrytointijärjestelmästä. Hakukonenäkyvyyden parantamiseksi hyödynsimme strukturoitua dataa ja Schema-merkintöjä.

Osana modernia käyttäjäkokemusta toteutimme sivustolle tekoälypohjaisen avustajan, joka opastaa kuluttajia interaktiivisesti reseptien ja tuotteiden valinnassa. Lisäksi Saarioinen halusi panostaa tietoturvaan, jonka myötä sivustolle teetettiin kolmannen osapuolen tekemä tietoturvatestaus, jonka erinomaiset tulokset kertovat laadukkaasta teknisestä toteutuksesta.

Tulokset

Uusi saarioinen.fi on huippuunsa viritetty, tietoturvallinen ja saavutettava digitaalinen palvelu. Erityisesti tekninen hakukoneoptimointi ja sivuston latausnopeus ovat nyt erinomaisella tasolla, mikä on elintärkeää suuren yleisömäärän sivustolle. Lopputuloksena on strategista liiketoiminnan kasvua tukeva palvelu, joka vahvistaa Saarioisen asemaa alan edelläkävijänä. Uudistuksen jälkeen saarioinen.fi on saanut 9,5% enemmän vierailijoita ja 21% enemmän sivukatseluita.

The post Saarioisen uusi verkkopalvelu appeared first on Vierityspalkki.fi.

Avant Tecnon vanha verkkosivusto ei enää taipunut kunnolla tuotetiedon ajantasaiseen ylläpitoon ja markkinointiin. Verkkosivustolla on yli 20 kieliversiota ja PIM-integraation kautta maakohtaiset tuotetiedot päivittyvät useita kertoja päivässä.

Uutta WordPress-multisitea lähdettiin rakentamaan siten, että tuotesivuja itsessään ei tarvitse päivittää, vaan ajantasainen tieto tulee Avant Tecnon PIM-tuotetietojärjestelmästä sekä mediakirjastosta.

Integraatioiden avulla tuotetieto aina ajan tasalla, aina yhtä vaikuttavasti esiteltynä

Kieliversio-kohtainen tuotetieto tuodaan integraation avulla Avant Tecnon käyttämästä Inriver PIM -järjestelmästä. Tätä rikastetaan digitaalisen aineistonhallinnan DAM-järjestelmän kuvilla ja muulla mediamateriaalilla.

Tiedot päivitetään sivustolle PIM- järjestelmästä useita kertoja päivässä. Itse tuote-sivuja ei tarvitse ylläpitää WordPressin sisällönhallinnassa, vaan kaikki tapahtuu automaattisesti.

Jokaisen tuotteen tekniset tiedot ja markkinointimateriaalit on lokalisoitu eri kielille. Tuotevalikoima tuodaan julkaisupuuhun, jonka mukaan tiedot päivitetään sivustolle ja mikä huolehtii myös tuotteiden keskinäisestä järjestyksestä. Tuotteen tiedoista löytyy myös sen maakohtainen saatavuus.

Sivustolla on myös kaikissa kieliversioissa karttahaku, johon tuodaan integraation avulla palvelutarjoajien tiedot jälleenmyyjistä ja vuokrauksesta huoltoon.

Näitä karttapisteitä jokainen maavastaava voi itse ylläpitää. Tämä vapauttaa Avantin sisäisen tiimin resursseja kehitystyöhön sivuston manuaalisen ylläpidon sijaan.

The post Avant Tecnon uusi verkkosivusto appeared first on Vierityspalkki.fi.

Yli 50 vuotta caravan-kauppaa, yli 15 000 myytyä ajoneuvoa, Keski-Suomen yrittäjäpalkinnon saaja, vuoden matkailuajoneuvokauppias. Tätä kaikkea Jyväs-Caravan on, mutta aiempi verkkosivusto ei heijastanut yrityksen vahvaa asemaa ja identiteettiä.

Tavoitteet

– Sivuston sekä ajoneuvohaun tekniikan, ilmeen ja käyttökokemuksen nostaminen nykypäivän vaatimusten tasolle mobiilissa ja muilla päätelaitteilla
– Oikeanlaisen ajoneuvon tai palvelun löytymisen helpottaminen sekä kaupantekoprosessin edistäminen niin asiakkaan kuin myyjänkin näkökulmasta
– Jämäkkä tekninen kivijalka, sekä sujuva monipuolisen sisällön luominen ja päivittäminen
– Hakukonenäkyvyys oli jo vanhalla sivustolla hyvällä tasolla, tavoitteena on näkyvyyden mahdollistaminen uudellakin sivustolla

Mitä tehtiin

– Käyttöliittymäsuunnittelu
– WordPress-verkkosivut
– WordPress-ylläpito
– Nettix-integraatio

Uudistimme Jyväs-Caravanin verkkosivuston rakenteen, käyttöliittymän ja visuaalisen ilmeen. Sivusto rakennettiin monitoimisen yrityksen tarpeisiin: se palvelee yhtä aikaa ajoneuvoja etsivää ensiostajaa, kokemusten karaistamaa karavaanaria, huoltopalveluita tarvitsevaa asiakasta sekä tarvikkeita selaavaa harrastajaa.

Ajoneuvohaku toteutettiin Nettix-integraatiolla, jonka ansiosta valikoima pysyy reaaliaikaisena ilman ylimääräistä ylläpitotyötä. Hallintapuolelle rakennettiin erillinen tarjoustyökalu, joka nopeuttaa myyjien työtä ja yhtenäistää tarjousprosessia.

Sisällöt jäsenneltiin tukemaan ostopolkua: ostajan opas, rahoituslaskuri ja muut myyntiä tukevat sisällöt vastaavat ostajan kysymyksiin oikeassa hetkessä.

Lopputulos

Jyväs-Caravan sai modernin verkkosivuston, joka toimii aktiivisena myynnin tukena eikä pelkkänä yritysesitteenä. Sivusto heijastaa yrityksen kokoa ja asiantuntemusta, ja antaa asiakkaalle syyn ottaa yhteyttä. Monipuoliset sisällöt palvelevat hakukonenäkyvyyttä.

Tarjoustyökalu hallintapuolella tuo tehokkuutta myyntiprosessiin, ja integroitu ajoneuvohaku pitää valikoiman aina ajantasaisena.

Projektin kohokohdat

Myynnin tukeminen etusivulta lähtien
Sivusto on rakennettu niin, että asiakas ohjautuu luontevasti kohti ostopäätöstä: ajoneuvohaku, rahoituslaskuri ja yhteydenottopolut ovat aina lähellä.

Tarjoustyökalu myyjien arjen helpottamiseksi
Hallintapuolen tarjoustyökalu yhtenäistää ja nopeuttaa tarjousprosessia, ja tukee myyntitiimin työtä käytännössä joka päivä.

Ajoneuvohaku joka oikeasti toimii
Reaaliaikainen valikoima kuvineen ja tietoineen suoraan Nettikaravaanista. Asiakas voi tehdä ostopäätöstä jo sohvalta käsin.

The post Jyväs-Caravanin verkkosivu-uudistus appeared first on Vierityspalkki.fi.

Espatentin sivusto kaipasi ikänsä vuoksi uudistusta, ja Dude valjastettiin tekijäksi urakkaan. Sisällöt olivat relevantteja, mutta sivustolle kaivattiin modernia ilmettä ja tekniikkaa.

Tavoitteet

• Aikaa kestävä sivusto: ilme, käyttökokemus ja tekniikka
• Tieto selkeästi löydettäväksi ja tarvittavat yhteydenottokanavat
• Sujuva ylläpito ja sisällön päivittäminen

Mitä tehtiin

• Käyttöliittymäsuunnittelu
• WordPress-verkkosivut
• WordPress-ylläpito

Projekti potkaistiin käyntiin aloitustyöpajalla, jossa määriteltiin yhteiset tavoitteet ja onnistuneen sivuston mittarit. Työpajan lopuksi vilautettiin myös alustavasti mietittyä ilmettä, jonka pohjalta oli hyvä ponnistaa varsinaiseen suunnitteluun.

Dude tarjoaa vakiona kolme iteraatiokierrosta, mutta Espatentin tapauksessa ilme ja lohkot saatiin käytännössä lukittua aloitustyöpajaa seuranneessa ensimmäisessä visucheckissä. Pienen sähköposti-iteroinnin kautta sivusto siirtyi tekniseen toteutukseen.

Lopputulos

Lopputuloksena syntyi raikas ja aikaa kestävä sivusto moderneilla Gutenberg-natiivilohkoilla. Sinertävän brändivärityksen vastavoimaksi valjastettiin vaalea lohenpunainen antamaan sivustolle leikkisää dynamiikkaa, jota esiintyy myös Espatentin yrityskulttuurissa.

Projektin kohokohdat

Sisältörikas kokonaisuus natiiveilla Gutenberg-lohkoilla

Sisällöt olivat jo pääosin valmiina, mutta haasteena oli niiden paketoiminen luettavampaan muotoon. Monipuolinen natiivilohkokoelma mahdollistaa sisällön sujuvan päivittämisen, sekä esittämisen mielenkiintoisessa ja tyylikkäässä muodossa.

Huoltovarmuutta Duden ylläpidolla

Dude huolehtii että sivusto on nopea, turvallinen ja tekniikaltaan ajan tasalla. Toimivuutta valvotaan 24/7, ja tukipalvelu vastaa ripeästi pyyntöihin.

The post Espatent – uusi verkkosivusto appeared first on Vierityspalkki.fi.

Akseli Kiinteistöpalvelut halusi vahvistaa brändiään ja uudistaa verkkopalvelunsa palvelemaan paremmin sekä nykyisiä asiakkaita että tulevaisuuden digitaalisia kohtaamisia, kuten tekoälypohjaisia hakuja. Avidlyn kanssa toteutettu yhteistyö nivoi yhteen brändi-identiteetin kirkastuksen ja modernin WordPress-uudistuksen, joiden lopputuloksena syntyi tunnistettava, ymmärrettävä ja teknisesti kestävä kokonaisuus.

Lähtökohta: Brändi ja verkkopalvelu uuteen aikakauteen

Kiinteistöhuolto on luottamukseen perustuvaa palveluliiketoimintaa, jossa brändin selkeys ja löydettävyys ratkaisevat. Akseli halusi varmistaa, että yritys viestii toiminnastaan ja arvoistaan tunnistettavasti kaikissa kohtaamispisteissä asiakaspalvelusta verkkosivuihin ja sosiaaliseen mediaan.

Vanha verkkopalvelu kaipasi sekä visuaalista että teknistä päivitystä. Tavoitteena ei ollut pelkkä kasvojenkohotus, vaan strateginen uudistus, joka tukee Akselin liiketoimintaa pitkälle tulevaisuuteen. Erityisesti haluttiin varautua siihen, että verkkopalvelu on luettavissa ja ymmärrettävissä myös koneille ja tekoälyagenteille, joiden rooli tiedonhaussa kasvaa nopeasti.

Ratkaisu: Brändin kirkastus ja modulaarinen WordPress

Yhteistyö rakennettiin kahdesta toisiaan tukevasta kokonaisuudesta. Ensimmäisessä vaiheessa kirkastettiin Akselin brändi: yhteisten työpajojen kautta määriteltiin brändin ydin, persoonallisuus, arvolupaus, kohderyhmäprofiilit ja positiointi. Tämän pohjalta luotiin Akselille uusi visuaalinen ja viestinnällinen identiteetti, johon kuuluivat logo, värimaailma, typografia, kuvamaailma sekä yhtenäiset pääviestit ja tone of voice. Brändielementtien käyttöä ohjeistettiin selkein esimerkein, jotta uusi ilme jalkautuu sujuvasti arjen viestintään.

Verkkopalvelun uudistus käynnistyi yhteisellä määrittelytyöpajalla, jossa Avidly ja Akselin tiimi sopivat kattotason tavoitteet, käyttäjäpolut, tekniset reunaehdot ja sisältötarpeet. Näin saatiin varmistettua, että uudistus on juuri Akselin tarpeisiin mitoitettu, ei liian kevyt eikä turhan raskas.

Tekninen toteutus rakennettiin Avidlyn omalle WordPress-teemalle, joka tukee uusimman WordPressin Full Site Editing -ominaisuuksia ja Gutenberg-lohkoeditoria. Modulaarinen rakenne tekee sisällön päivittämisestä joustavaa ja skaalautuvaa, jolloin Akselin tiimi pystyy kehittämään sivustoa itsenäisesti ilman jatkuvaa kehittäjäriippuvuutta. Design system tuo visuaalisen ja toiminnallisen johdonmukaisuuden koko palveluun, mikä helpottaa tulevia laajennuksia.

Erityistä huomiota kiinnitettiin tekniseen perustaan: semanttisesti jäsennelty rakenne, suorituskyky ja saavutettavuus varmistavat, että sivusto palvelee niin ihmisiä kuin koneitakin. Tämä luo Akselille kilpailuetua tulevaisuudessa, kun yhä useampi asiakas löytää palvelut tekoälypohjaisten hakujen kautta.

Julkaisun jälkeen verkkopalvelu siirtyi Avidlyn WordPress-ylläpitopalvelu Majakkaan, joka huolehtii sivuston tietoturvasta, päivityksistä, varmuuskopioista ja jatkokehityksestä.

Lopputulos: Tunnistettava brändi ja kestävä digitaalinen perusta

Uusi Akseli-brändi on aiempaa selkeämpi, persoonallisempi ja paremmin yrityksen toimintaa kuvaava. Verkkopalvelu yhdistää uudistetun visuaalisen ilmeen toimivaan käyttäjäkokemukseen ja teknisesti vahvaan toteutukseen. Sisällönhallinta on aiempaa joustavampaa, ja sivusto on rakennettu tukemaan sekä nykyisiä että tulevia tarpeita, mukaan lukien tekoälyagenttien hakuvalmius.

Asiakkaalle merkittävin hyöty näkyy arjen tekemisessä: brändi pysyy yhtenäisenä kaikissa kanavissa, sisältö on helppo pitää ajan tasalla ja verkkopalvelu skaalautuu liiketoiminnan mukana ilman raskasta uudelleenkehitystä.

The post Akseli Kiinteistöpalveluiden uusi verkkosivusto appeared first on Vierityspalkki.fi.

RadioMedia tarvitsi yleisöäänestyksen RadioAwards-kilpailun yhteyteen, jossa kansa äänestää vuoden radiojuontajan ja vuoden radio-ohjelman. Järjestelmän pitää kestää tuhansia samanaikaisia äänestäjiä, äänestämisen täytyy olla yksinkertaista mobiilissa, väärinkäyttö pitää estää ilman, että se hankaloittaa tavallisen, rehellisen äänestäjän kokemusta, ja kaiken pitää toimia luotettavasti juuri silloin, kun kävijöitä on eniten.

Erityinen haaste on liikenteen äkillinen moninkertaistuminen: radiomainos tai somepostaus voi tuoda tuhansia äänestäjiä minuuteissa. Valmiit kolmannen osapuolen äänestystyökalut eivät täyttäneet näitä tarpeita riittävästi, joten päätimme rakentaa oman.

Samaa järjestelmää hyödynnettiin myöhemmin Kaikkien aikojen kotimainen radiobiisi -kampanjassa. Radiobiisi sai oman tunnistettavan ilmeensä ja sivustonsa, mutta pyöri samalla teknisellä selkärangalla.

Tavoitteet

– Rakentaa kuormantasattu, korkean saatavuuden järjestelmä, joka kestää isoja kävijäryntäyksiä valtakunnallisen kampanjan aikana siten, että palvelut pysyvät aina pystyssä ja äänet eivät katoa
– Pitää äänestäminen yksinkertaisena ja nopeana
– Estää väärinkäyttö ilman äänestäjää hidastavia ratkaisuja
– Antaa ylläpidolle reaaliaikainen näkymä äänimääriin ja mahdollisuus ladata tulokset
– Tehdä järjestelmästä uudelleenkäytettävä myös mahdollisten uusien kilpailujen tarpeisiin
– Mahdollistaa tulosten vaivaton näyttäminen muilla RadioMedian sivuilla

Mitä tehtiin

– Suunnittelimme ja rakensimme räätälöidyn, tietoturvallisen ja korkean saatavuuden äänestysjärjestelmän, jota voidaan käyttää toistuvasti eri kampanjoissa
– Vikasietoinen, kuormantasattu arkkitehtuuri, jossa äänet eivät katoa edes tilapäisten palvelinongelmien yhteydessä
– Reaaliaikainen monitorointi, joka valvoo koko ketjua vastaanottimesta tietokantaan, ei pelkästään sitä ovatko palvelimet ylhäällä
– Ylläpidon hallintanäkymä: reaaliaikainen äänimäärä, CSV-export ja kampanjan ajastus suoraan WordPressin hallinnasta
– RadioMedian ekosysteemin kanssa keskusteleva rajapinta (API) ja rajapintapalvelin, jonka kautta äänestysten tulokset näkyvät automaattisesti muilla RadioMedian sivustoilla

RadioAwardsin yleisöäänestyksessä äänestäjä selaa ehdokkaita kahdessa kategoriassa: vuoden radio-ohjelma ja vuoden radiojuontaja. Ehdokkaita voi suodattaa radiokanavan mukaan tai hakea vapaalla haulla. Äänestäjä valitsee suosikkinsa molemmissa kategorioissa, tarkistaa valintansa yhteenvetonäkymässä ja rekisteröi äänensä, samalla halutessaan osallistuen palkinnon arvontaan. Kaikki tapahtuu sujuvasti ilman sivulatauksia. Ehdokkaiden järjestys arvotaan päivittäin, jotta listauksen alkupää ei anna kenellekään etua.

Arkkitehtuurin tärkein lähtökohta oli yksinkertainen: äänestysruuhkaa ei voi ennustaa täsmälleen, ja yksittäisen osan kaatuminen ei saa vaikuttaa äänten tallentumiseen. Äänet vastaanotetaan erillisen äänestysrajapinnan kautta, josta ne siirtyvät väliaikaiseen jonoon ja kulkeutuvat sieltä pysyvään tietokantaan. Jokainen äänestysputken lenkki on itsenäinen: vaikka yksi osa ketjusta olisi tilapäisesti poissa käytöstä, äänet odottavat ja siirtyvät kantaan heti yhteyden palauduttua. Ääni ei katoa missään tilanteessa.

Ylläpidolle rakennettiin hallintanäkymä WordPressin adminiin: reaaliaikainen äänimäärä, tulokset ladattavissa CSV-tiedostona äänestäjätietoineen ja suostumuksineen, sekä kampanjan ajastus: milloin äänestys avautuu, milloin se sulkeutuu ja mitä sivulla näytetään ennen ja jälkeen äänestysajan. Järjestelmä tarjoaa myös julkisen rajapinnan, jonka kautta äänestyksen tulokset voidaan näyttää automaattisesti muilla RadioMedian sivustoilla.

Lopputulos

Järjestelmää on käytetty tämän referenssin julkaisuajankohtana kahdessa yleisöäänestyksessä: RadioAwardsin yleisöäänestyksessä ja Kaikkien aikojen kotimainen radiobiisi-kampanjassa. Äänet tallentuivat, ruuhkahuiput kestettiin ja ylläpito pystyi seuraamaan tilannetta reaaliajassa. Esimerkiksi Radiobiisi-kampanjassa kertyi 12538 ääntä. Tiheimmillään RadioAwardsin vuoden 2026 äänestyksessä ääniä annettiin noin kymmenien äänten sekuntivauhdilla, jonka aikana järjestelmä toimi kuin rasvattu.

Rakentamamme infrastruktuuri on RadioMedian omissa käsissä ja uudelleenkäytettävissä. Seuraava äänestyskampanja ei vaadi järjestelmän rakentamista alusta, vaan ainoastaan uuden kampanjasivuston luomisen.

Projektin kohokohdat

Tarkkaan suunniteltu vikasietoinen äänestysputki
Äänestysjärjestelmän suurin haaste ei ole äänten vastaanottaminen normaaliolosuhteissa, vaan äänten säilyminen silloin, kun jokin menee pieleen. Rakensimme arkkitehtuurin, jossa äänten vastaanottava palvelu ja tietokanta voivat molemmat olla tilapäisesti alhaalla ilman, että äänet katoavat. Vikasietoisuus testattiin käytännössä sammuttamalla palvelimia kesken äänestyksen ja varmistamalla, että äänet tallentuvat oikein.

Koko ketjun kattava monitorointi
Pelkkä tieto siitä, että palvelimet ovat ylhäällä, ei riitä kertomaan toimiiko järjestelmä. Rakensimme räätälöidyn monitoroinnin, joka seuraa koko ääniputkea: vastaanotetaanko ääniä, siirtyvätkö ne jonosta kantaan, päivittyvätkö tulokset rajapintaan. Testikäytön aikana tämä osoittautui tärkeäksi: automaattinen valvonta havaitsi, että äänten virtaus oli katkennut, vaikka palvelut näyttivät ulospäin toimivan normaalisti. Ongelma paikannettiin ja korjattiin nopeasti juuri siksi, että valvonta kattoi koko ketjun yksittäisten palvelimien sijaan.

Uudelleenkäytettävä alusta, ei kertaluontoinen projekti
Järjestelmä rakennettiin alusta asti palvelemaan useampaa kampanjaa. WordPress Multisite mahdollistaa sen, että eri kampanjat pyörivät samalla pohjalla mutta omilla osoitteillaan ja ilmeillään. Uuden äänestyksen käynnistäminen vaatii käytännössä vain ehdokkaiden syötön ja ajoituksen asettamisen, ei kehitystyötä.

Kuormantasattu palvelininfrastruktuuri
RadioMedian yleisöäänestyskoneen rakentamisessa myös palvelininfralla oli suuri merkitys. Uskomme, että verkkopalvelu ja palvelimet kulkevat käsi kädessä. Kun verkkopalvelussa vierailee kymmeniä tuhansia kävijöitä päivässä, sivujen on pysyttävä pystyssä vaikka kaikki hakkaisivat selaimen päivitä-nappia yhtä aikaa. RadioMedian palvelut hyödyntävät useampaa palvelinklusteria, joka oli onnistumisen takeena projektissa etenkin ääniputken osalta.

Tekninen toteutus tarkemmin

Käyttöliittymä ja äänestysputki
Järjestelmä koostuu useasta erillisestä palvelusta, jotka on suunniteltu toimimaan yhdessä vikasietoisesti. Käyttöliittymä on toteutettu React-pohjaisena sovelluksena WordPress Multisiten päällä, ehdokasdata välimuistissa ja äänestyslomake palvelinpuolen validoinnilla.

Äänestys-API on erillinen TypeScriptillä kirjoitettu palvelu, joka pyörii Bun-ajoympäristöllä. API vastaanottaa äänet ja siirtää ne Redis Streams -jonoon, josta erillinen worker-prosessi kirjoittaa ne PostgreSQL-kantaan. Tämä ketju on se, mikä tekee järjestelmästä vikasietoisen: lähes jokainen osa voi kaatua ilman, että äänet katoavat. Tietokannasta pidetään yllä reaaliajassa päivittyvää replikaa toisella palvelimella.

Palvelininfrastruktuuri
Hyvissä ajoin ennen toteutusta palvelininfrastruktuuri suunniteltiin huolella vastaamaan RadioMedian tarpeita siten, ettei mikään kivi jäänyt kääntämättä.

Liikenne ohjataan palvelimille kuormantasaajan kautta, joka jakaa pyynnöt kahdelle tehokkaalle korkean suorituskyvyn, WordPressille optimoidulle palvelimelle ja kahdelle äänestysrajapintapalvelimelle. DNS suojaa samalla palvelimet palvelunestohyökkäyksiltä ja oteilta. WordPress-palvelimet on suojattu palomuurilla, joka sallii liikenteen ainoastaan Cloudflaren IP-osoitteista. Koko järjestelmä pyörii yhteensä 11 RadioMedialle tarkkaan räätälöidyllä palvelimella.

Välimuisti ja suorituskyky
Välimuisti on rakennettu kerroksittain: Cloudflare CDN staattisille resursseille, FastCGI-välimuisti WordPress-sivuille, Redis Object Cache Pro objektivälimuistille ja transient-välimuisti ehdokasdatalle (24h) sekä äänestystuloksille (1min). Ehdokkaiden satunnainen järjestys arvotaan kerran päivässä ja välimuistitetaan, jotta sama järjestys pysyy koko päivän mutta vaihtuu seuraavana.

Monitorointi
Monitorointi kattaa palveluiden saatavuuden (Better Stack), räätälöidyn pipeline-monitorin koko ääniputkelle, Redis Streams -jonon koon ja käsittelytahdin sekä JavaScript-virheet tuotannossa. Kaikki palvelut on stressitestattu ennen julkaisua simuloiden todellisia olosuhteita.

The post RadioMedia – äänestysjärjestelmä toistuviin kampanjoihin appeared first on Vierityspalkki.fi.

Kasvavalla ja kehittyvällä Varassaaren alueella ei vielä ollut omaa sivustoa, joten aloitimme projektin puhtaalta pöydältä. Starttailimme helmikuisena aamuna työpajan merkeissä Duden toimistolla, jonka jälkeen jatkoimme sivuston suunnittelulla.

Tavoitteet

– Sivustolle haluttiin uniikki ilme ja fiilis joka kuvastaa alueen rentoa, eläväistä ja boheemia ilmapiiriä
– Sivuston on tarkoitus levittää tietoisuutta alueesta ja sen nykypäivästä, historiasta ja tulevaisuudesta
– Selkeä ja helppokäyttöinen yhteydenottomahdollisuus esimerkiksi toimitiloista kiinnostuneille

Mitä tehtiin

– Käyttöliittymäsuunnittelu
– WordPress-verkkosivut
– WordPress-ylläpito

Aloitustyöpajan jälkeen aloitimme suunnittelun työpajassa selvennettyjen tavoitteiden ja benchmark-sivustojen inspiroimina. Suunnitteluprosessin aikana iteroimme ilmettä ja haluttuja elementtejä muutaman kierroksen verran. Palavereissa oli mukana Duden suunnittelijan lisäksi sivuston tuleva omistaja, sekä alueen ilmeen suunnitellut graafikko.

Lopulta palaset saatiin loksahtamaan käytännölliseen ja visuaalisuudeltaankin toivotunlaiseen muotoon. Duden tekniikkaosasto otti seuraavaksi viestikapulasta kopin, natiivilohkot ja kätevät lohkomallit siivittävät myös sisällöntuottajan käyttökokemuksen korkealle tasolle.

Lopputulos

Sivusto on uniikki, taiteellinen ja omistajansa näköinen. Sivusto levittää nyt tietoutta Varassaaresta ja sen nykypäivän roolista monipuolisena palvelukeskittymänä sekä kehittyvänä tulevaisuuden asuinpaikkana.

Projektin kohokohdat

Monipuolisuutta ja joustavuutta sisällöntuotantoon natiivilohkoilla
Natiivilohkot ja niiden yhdistelmistä muodostuvat lohkomallit mahdollistavat sisällöntuottajalle sujuvan käyttökokemuksen ja sisällön asemoinnin.

Huolettomuutta Duden ylläpidolla
Dude huolehtii että Varassaaren sivusto toimii sujuvasti myös julkaisun jälkeen. Ylläpitomme varmistaa sivuston turvallisuuden, teknisen luotettavuuden ja jatkuvat päivitykset.

The post Varassaari – uusi verkkosivusto appeared first on Vierityspalkki.fi.

Tavoitteena oli rakentaa selkeä ja helposti ylläpidettävä digitaalinen kokonaisuus, joka palvelee sekä kauppakeskuksen kävijöitä että liikkeiden ylläpitäjiä. Sivuston visuaalinen ilme suunniteltiin Kaaren brändin ja ”erityisen arkinen” -positioinnin mukaiseksi.

Sisältörakenne suunniteltiin kävijälähtöisesti: liikkeet, ravintolat, tarjoukset, tapahtumat ja käytännön tiedot löytyvät vaivattomasti. Myös saapumisohjeet uudistettiin palvelemaan niin autoilevia ja julkisella liikenteellä kulkevia kuin pyöräilijöitäkin.

Kauppakeskuksen oman tiimin lisäksi jokainen liike voi hallinnoida itsenäisesti omia tietojaan ja tarjouksiaan suoraan WordPress-ympäristössä. Tarjouksille voi asettaa tarjoustyypin ja liittää ne kampanjoihin, jolloin niitä voidaan korostaa myös visuaalisesti. Tämä tekee markkinoinnista joustavampaa ja kampanjaviestinnästä tehokkaampaa.

Integroimme Kaaren diginäytöt osaksi samaa digitaalista kokonaisuutta verkkosivuston kanssa. Näytöt toimivat ensisijaisesti opastuksena kauppakeskuksessa asioinnissa, mutta ajantasaiset tarjoukset ja liiketiedot päivittyvät näytöille reaaliaikaisesti. Kävijä saa saman kokemuksen niin verkossa kuin paikan päälläkin.

The post Kauppakeskus Kaaren verkko­palvelun uudistus appeared first on Vierityspalkki.fi.

Hyvin palvellut sivusto kaipasi seuraavaa kehitysaskelta

Kun eQ Kiinteistöt lanseerasi uuden Moodi Toimitilat -brändin vuokrauksen liiketoiminnan tueksi, haluttiin myös verkkopalvelun tukevan paremmin brändiä, asiakaskokemusta ja vuokrausprosessia. Aiempi eqhaku.fi-verkkosivusto oli palvellut useita vuosia hyvin, mutta ylläpidon ja jatkokehityksen aikana kuitenkin tunnistettiin useita kehityskohteita.

Uudella sivustolla haluttiin keskittyä erityisesti siihen, miten toimitiloja etsivät käyttäjät löytävät heille sopivat tilat mahdollisimman sujuvasti.

Paljon sisältöä, mutta hajanaisia käyttäjäpolkuja

Aiemmalla sivustolla sisältöjä oli runsaasti, joka johti hajanaisiin käyttäjäpolkuihin ja tiedon heikentyneeseen löydettävyyteen. Samaan aikaan eQ Kiinteistöt oli lanseeraamassa uutta Moodi Toimitilat -brändiä, jonka alle haluttiin keskittää kaikki vuokraukseen liittyvä asiakasviestintä – myös verkkosivusto.

Uuden sivuston tavoitteena oli:

• Tukea Moodi-brändin rakentumista
• Auttaa käyttäjiä löytämään sopiva tila mahdollisimman helposti
• Toimia tehokkaana liidigeneraattorina vuokraustiimille
• Tarjota moderni, selkeä ja mobiilissa toimiva käyttökokemus

Sivuston rooli nähtiin myös liiketoiminnan tukena: sen tuli auttaa generoimaan laadukkaita liidejä ja lyhentämään vuokrausaikaa.

Käyttäjälähtöinen rakenne ja erilaisten asiakastyyppien huomiointi

Suunnitteluvaiheessa järjestettiin teemoitetut työpajat sekä validointipalaverit, joiden avulla palvelua määriteltiin tarkemmin kohti vuokralaisten tarpeita.

Keskeinen periaate oli yksinkertaistaminen:

• Sisältöjä karsittiin ja fokusoitiin käyttäjän tarpeisiin
• Navigaatiota ja sivurakennetta selkeytettiin
• Keskeiset toiminnot tuotiin näkyvämmin esiin ja niitä parannettiin ja yksinkertaistettiin

Sivuston suunnittelussa huomioitiin eri asiakastyypit: osa käyttäjistä haluaa edetä itsenäisesti ja tutkia vaihtoehtoja rauhassa, kun taas osa kaipaa nopeasti yhteyttä asiantuntijaan. Molemmat polut tehtiin selkeiksi ja helposti saavutettaviksi unohtamatta sivuston visuaalisuutta – Moodin uuden visuaalisen identiteetin tuominen näkyväksi oli tärkeä osa kokonaisuutta.

Tilahaku keskiöön

Yksi uudistuksen tärkeimmistä osa-alueista oli tilahakutoiminnallisuus. Hakua yksinkertaistettiin poistamalla turhia suodattimia ja keskittymällä käyttäjän kannalta olennaisimpiin valintoihin. Aikaisemmin hyväksi koetusta listan ja kartan yhdistelmästä haluttiin pitää kiinni.

Mobiilissa päädyttiin eriyttämään tilahaun lista- ja karttanäkymät, jotta käyttöliittymästä saatiin hyvin applikaatiomainen ja helppokäyttöinen myös pienemmillä näytöillä. Lisäksi myös kiinteistösivuilla näytetään ensisijaisesti tilat, jotka vastaavat käyttäjän tekemää hakua.

Kohdennetut yhteydenotot ja helppo ylläpito

Sivustolle tuotiin runsaasti kontekstisidonnaisia yhteystietoja, jotta käyttäjälle on aina tarjolla juuri oikea yhteyshenkilö. Tämä tukee sivuston tavoitetta tuottaa vuokraustiimille oikein kohdennettuja liidejä tehokkaasti, samalla kun yhteystietojen hallinnasta tehtiin mahdollisimman helppoa.

Sivusto toteutettiin WordPress-alustalle ja sisällönhallinta rakennettiin Gutenberg-editorin päälle, mikä mahdollistaa asiakkaan ylläpitäjille sisällön joustavan hallinnan osana arjen markkinointi- ja vuokraustyötä ilman teknistä osaamista.

Lopputuloksena selkeämpi verkkopalvelu ja vahvempi Moodi-brändi

Uusi Moodi.fi-sivusto yhdistää toimitilojen vuokraukseen liittyvän sisällön yhden brändin alle ja tekee sopivan tilan löytämisestä käyttäjälle helpompaa. Samalla sivusto mahdollistaa jatkokehittämisen ja skaalaamisen erilaisiin tulevaisuuden tarpeisiin.

Isoina onnistumisina voidaan nostaa selkeä rakenne, yksinkertaistettu tilahaku ja kohdennetut yhteydenottopolut: nämä auttavat arjessa sekä käyttäjiä että vuokraustiimiä. Tilojen selaamisesta tuli myös sujuvampaa – jo ensimmäisen kuukauden aikana analytiikka osoitti, että yksittäisiä tiloja katsellaan selvästi aiempaa enemmän. Tämä kertoo siitä, että vertailua ja selailua voi nyt tehdä helpommin suoraan sivustolla.

Sivuston moderni ja sujuva käyttökokemus ei ollut sattumaa, vaan pitkäjänteisen yhteistyön hieno tulos. Uusittu sivusto tukee nyt paremmin liiketoimintaa sekä vahvistaa Moodin asemaa tunnistettavana toimitilaratkaisujen tarjoajana.

The post Moodi.fi – uusi verkkopalvelu toimitilojen vuokraukseen appeared first on Vierityspalkki.fi.

Matkailijaystävällinen verkkopalvelu kasvun tueksi

Visithimosjamsa.fi-uudistuksessa tavoitteena oli rakentaa selkeä, visuaalisesti houkutteleva ja teknisesti varma verkkopalvelu, joka tukee alueen matkailun kasvua sekä kotimaassa että kansainvälisesti.

Kokonaisuudessa uudistettiin sivuston rakenne, navigointi ja käyttäjäpolut vastaamaan paremmin eri kohderyhmien tarpeita. Mobiilikäyttö, saavutettavuus ja nopea käyttökokemus olivat suunnittelun keskiössä alusta lähtien.

Ratkaisuksi toteutettiin räätälöity WordPress-sivusto, jossa yhdistyvät helppo sisällönhallinta, kevyt tekninen rakenne ja monipuoliset laajennusmahdollisuudet tulevaisuuden tarpeisiin.

Sisällöt, integraatiot ja näkyvyys samassa kokonaisuudessa

Sivustolla nostettiin vahvemmin esiin luontomatkailusisältöjä, tapahtumia, alueen yrityspalveluita ja rikastettua sisältöä, kuten kuvia, videoita, audioita sekä digitaalisia karttoja.

Kokonaisuutta vahvistettiin integraatioilla tapahtumakalenteriin, Outdooractiveen ja DataHub-yritystietokantaan. Lisäksi hakukoneoptimoinnin työkalut, analytiikka ja toimiva sisäinen haku tukevat sivuston jatkuvaa kehittämistä.

Keskeiset avainominaisuudet

• Räätälöity WordPress-teema ja lohkopohjainen sisällönhallinta
• Selkeä rakenne eri matkailijakohderyhmille
• Mobiilioptimoitu käyttöliittymä
• WCAG 2.2 -tasoinen saavutettavuus
• DataHub-integraatio yritystietoihin
• Tapahtumakalenteri- ja sisältöintegraatiot
• Digitaaliset kartat ja rikastettu mediasisältö
• SEO- ja AI-työkalut, analytiikka ja sisäinen haku
• Tekoälykääntäjä

Lopputulos

Uudistettu verkkopalvelu tekee Visit Himos–Jämsän matkailutarjonnasta helpommin löydettävän, houkuttelevamman ja paremmin hallittavan. Samalla se antaa organisaatiolle skaalautuvan alustan markkinoinnin ja sisällöntuotannon jatkuvaan kehittämiseen.

Sivustoa voidaan laajentaa jatkossa uusilla kieliversioilla, lisäintegraatioilla ja kampanjasisällöillä matkailun sesonkien tueksi.

The post Visit Himos-Jämsä – matkailusivuston uudistus appeared first on Vierityspalkki.fi.

Suunniteltu fyysiseen tilaan

Julkiseen tilaan tulevan kosketusnäytön suunnittelu eroaa merkittävästi perinteisestä verkkosivusta, sillä käytössä ei ole selaimen valikoita tai paluupainikkeita. Rakensimme urheilumuseon brändiin nojaavan käyttöliittymän, joka on äärimmäisen intuitiivinen ja esteetön. Käyttöliittymä suunniteltiin esteettömyys edellä, jotta sujuva digikokemus on jokaisen museovieraan saavutettavissa. Isot painikkeet ja ergonominen turva-alue tekevät käytöstä helppoa kaikille kävijöille. Sovellus reagoi kosketukseen välittömästi antaen visuaalisen palautteen, ja saumattomat siirtymäanimaatiot ohjaavat katsetta luontevasti eteenpäin. Kokemus on tehty kävijälle täysin kitkattomaksi: aloitusruudun energinen houkutteluvideo (attraction loop) vetää puoleensa, ja sovellus nollautuu saumattomasti alkutilaan kävijän poistuessa. Helppokäyttöisen sisällönhallinnan ansiosta museo voi myös joustavasti rikastuttaa näyttelyä uusilla urheilutähdillä ilman koodausosaamista.

3D-teknologia varmistaa elämyksellisyyden

Koska sovellus pyörii isolla kosketusnäytöllä museossa, sen on toimittava saumattomasti ja responsiivisesti pitkiä aikoja kerrallaan. Varmistaaksemme sovelluksen toiminnan ilman verkkoyhteyttä rakensimme paikallisesti asennetun alustan, joka hyödyntää headless WordPressiä ja React-käyttöliittymää. Sovellus on monikielinen (suomi, ruotsi, englanti) ja pyörittää vaivatta raskasta mediasisältöä urheilijoiden suorituksista. Yksi toteutuksen hienoimmista teknisistä yksityiskohdista on 3D-katselin. Sen avulla museovieraat voivat luonnollisilla nipistys- ja pyyhkäisyliikkeillä tutkia yksityiskohtaisesti lähes sataa 3D-skannattua urheiluesinettä pelipaidoista kenkiin.

The post Tahto-urheilumuseolle kosketusnäyttösovellus appeared first on Vierityspalkki.fi.

Antellilla on kymmeniä toimipaikkoja ympäri Suomen, ja ajantasaisen ravintola- ja lounastiedon hallinta oli keskeinen haaste. Uudella sivustolla ravintolasivut saavat tietonsa suoraan integraation kautta: lounaslistat, aukioloajat ja ravintolan perustiedot päivittyvät automaattisesti ilman manuaalista ylläpitoa. Tämä vapauttaa ravintoloiden henkilöstön arjen pyörittämiseen sisällönpäivitysten sijaan.

Sivuston sisältörakenne rakennettiin hakukoneoptimointia silmällä pitäen. Myös yrityksille suunnattu sisältö, kuten kokoustilojen vuokraus ja catering-palvelut, nostettiin selkeämmin omille sivuilleen. Näin myös B2B-asiakkaita palvellaan parhaalla mahdollisella tavalla.

Sivusto­uudistuksen rinnalla toteutettiin myös digi­näyttö­ratkaisu ravintoloille. Asiakas pystyy muokkaamaan lounas­listojen värejä ja ikoneja laajasti suoraan sisällön­hallinta­järjestelmässä. Tulos on brändin­mukainen visuaalinen tuloste ilman erillisiä graafisia työkaluja.

The post Antell.fi – sivustouudistus appeared first on Vierityspalkki.fi.

RadioMedian kilpailujen markkinointisivustot pyörivät kankealla headless WordPress -toteutuksella, joka teki sivuista tuskallisen päivittää. Vain yksi henkilö organisaatiossa osasi käyttää hallintaa, ja sivujen muokkaaminen tarpeiden muuttuessa oli käytännössä mahdotonta. Ulkoasukin oli vanhahtava eikä kuvastannut tapahtumien luonnetta radio-alan merkittävimpinä kilpailuina.

Tavoitteet

– Luoda kaksi erillistä markkinointisivustoa: RadioGaala ja Kaiku-kilpailu
– Suunnitella sivuille omat tunnistettavat ilmeet yhtenäistä lohkovalikoimaa hyödyntäen
– Siirtyä arkkitehtuuriin, jossa koko tiimi pystyy ylläpitämään sivustoja ilman teknistä erityisosaamista
– Integroida sivustot kilpailujärjestelmään, josta ehdokkaat, voittajat ja äänitiedostot nousevat suoraan sivuille

Mitä tehtiin

– Käyttöliittymäsuunnittelu
– WordPress-verkkosivut
– WordPress multisite

Projekti alkoi selkeällä päätöksellä: headless-arkkitehtuurista luovuttiin kokonaan. Tilalle rakensimme perinteisen WordPress-toteutuksen, joka antaa asiakkaalle vapautta sisällönhallintaan. Molemmille sivustoille rakennettiin yhteinen lohkokirjasto, joka varmistaa kehityksen tehokkuuden: uusi lohko tai muutos tehdään kerran, ja se on käytettävissä kummallakin sivulla.

Visuaalisesti sivustot elävät omaa elämäänsä. RadioGaala sai juhlavan ilmeen, joka henkii gaalaillan glamouria ja laajan yleisön tapahtuman energiaa. Kaiku puolestaan puhuttelee audio-alan ammattilaisia: hillitympi, fokusoituneempi, arvokkaampi.

Sivustot on kytketty RadioMedian kilpailujärjestelmäkokonaisuuteen. RadioGaalaan rakensimme myös custom-yleisöäänestyksen omaan osoitteeseensa aanestys.radiogaala.fi. Äänestyksen tulokset ja RadioAwards-kilpailun ehdokastyöt esitetään RadioGaalan sivustolla yhtenäisenä kokonaisuutena. Kaiku-kilpailussa voittajat valitsee tuomaristo, joka tekee arviointinsa toteuttamassamme kilpailujärjestelmässä.

Lopputulos

RadioMedialla on nyt kaksi markkinointisivustoa, jotka näyttävät siltä kuin niiden pitääkin: radio-alan arvokkaimpia tapahtumia edustavilta. Headlessistä luopuminen oli fiksuin päätös projektin tavoitteiden kannalta. Sivujen päivittäminen onnistuu keneltä tahansa organisaatiossa, sisältö virtaa kilpailujärjestelmästä sivuille kätevästi, ja kummankin sivuston ilme on selvästi oma mutta toteutustapa yhteinen. Yhteinen lohkokirjasto tarkoittaa myös sitä, että jatkokehitys on tehokasta: RadioMedian ei tarvitse maksaa samaa kahteen kertaan.

Projektin kohokohdat

Irti headlessistä
Headless WordPress oli alkuperäisessä toteutuksessa enemmän taakka kuin hyöty. Luopuminen siitä ja siirtyminen perinteiseen WordPressiin oli projektin selkein yksittäinen voitto: ylläpito on nyt helppoa ja sivujen muokkaaminen onnistuu ilman kehittäjää.

Kaksi brändiä, yksi lohkokirjasto
Kahden visuaalisesti erilaisen sivuston rakentaminen yhtenäiselle pohjalle ei ole itsestäänselvyys. Lohkokirjaston suunnittelu vaati tarkkuutta: lohkojen täytyi olla riittävän joustavia palvelemaan sekä RadioGaalan että Kaiku-kilpailun tarpeita. Lopputulos on järjestelmä, joka skaalautuu ja jota on helppo laajentaa myös mahdollisia uusia kilpailuja varten.

Taustajärjestelmä tuo sisällön elämään
Sivustot eivät seiso yksin, vaan ovat osa laajempaa kokonaisuutta. Kilpailujärjestelmä mahdollistaa sen, että kilpailukauden edetessä ehdokkaat, voittajat ja äänitiedostot päivittyvät sivuille suoraan ilman manuaalista kopiointia. Työmäärä vähenee juuri silloin, kun kilpailukausi on kuumimmillaan.

The post RadioGaalan ja Kaiku-kilpailun sivustouudistus appeared first on Vierityspalkki.fi.

Uudistettu visuaalinen identiteetti

Yhdessä Luvatan kanssa määrittelimme uuden visuaalisen suunnan, joka modernisoi brändin digitaalisen ilmeen. Uudistettu design pohjautuu olemassa oleviin brändiohjeisiin, mutta tuo niihin nykyaikaisemman otteen yhdistäen selkeyttä, tilaa ja visuaalista vaikuttavuutta. Uusi konsepti toi myös vahvemman ja tietoisemman tavan käyttää brändi- ja tuotekuvia osana kokonaisuutta varmistaen, että ne tukevat aktiivisesti Luvatan tarinan kertomista.

AI-avusteinen kuvamaailma ja animaatiot

Täysin uusi kuvapankki luotiin hyödyntämällä tekoälyllä tuotettua kuvamateriaalia, jota hienosäädettiin huolellisella manuaalisella viimeistelyllä. Tuloksena on omaleimainen visuaalinen kieli, joka on sekä tunnistettava että Luvatan brändiin sopusoinnussa. Kokemusta syventääksemme suunnittelimme myös joukon uusia animaatioita – osa näyttäviä ja huomiota herättäviä, osa hienovaraisia ja tunnelmallisia – tuomaan liikkeen ja tunteen mukaan käyttöliittymään.

Tehoa ja nopeutta Evermade Studiolla

Uusi sivusto rakennettiin Evermade Studion päälle WordPressillä. Tämä skaalautuva alusta yhdistää joustavuuden ja suorituskyvyn: ratkaisu tarjoaa Luvatalle nopean ja luotettavan sisällönhallintakokemuksen sekä pääsyn moderneihin markkinointityökaluihin, kuten personointiin, A/B-testaukseen ja tekoälyavusteiseen sisällöntuotantoon.

The post Luvatan uusi verkkosivusto appeared first on Vierityspalkki.fi.

Lähtökohdat

Ennen uudistusta laplandnorth.fi-verkkopalvelun suurin haaste oli se, ettei se kyennyt välittämään Lapin ainutlaatuisuutta ja houkuttelevuutta tehokkaasti. Visuaalisesti sivusto nojasi pitkälti mustavalkoiseen maailmaan, mikä ei tehnyt oikeutta alueen monimuotoisuudelle. Samalla taustalla vaikuttivat tekniset suorituskykyhaasteet sekä tarve saada sivuston hyödyntämät integraatiot palvelemaan paremmin loppukäyttäjiä jäsenyrityksiä. Tavoitteeksi asetettiin helposti hallittava, responsiivinen ja modulaarinen kokonaisuus, joka poistaa tulevaisuuden kehityksen pullonkaulat.

Väriä ja elämää jokaiseen osioon

Projektin aikana visuaalinen ilme koki merkittävän muodonmuutoksen. Aikaisemman mustavalkoisuuden sijaan sivustolle tuotiin laaja ja eläväinen väripaletti. Jokainen osio sai oman tunnistettavan taustavärinsä, mikä luo palveluun selkeää rytmiä ja tunnelmaa. Lopputuloksena on näyttävä ja kerroksellinen sivusto, joka herättää pohjoisen elämykset henkiin jo selaimessa. Sivusto suunniteltiin adaptiivisesti, jolloin elementtien esitystapa muuttuu laitteelle sopivimmaksi sen sijaan, että ne vain siirtyisivät näytöltä toiselle. Tämä takaa saumattoman käyttökokemuksen niin tunturin huipulla älypuhelimella kuin kotisohvalla pöytäkoneella selatessa.

Tekninen toteutus

Teknisesti projekti oli vaativa, ja sen keskiössä oli erittäin haastava Bókun-integraatio. Jotta palvelukuvaukset ja varaustiedot saatiin virtaamaan dynaamisesti ja luotettavasti, työ vaati paljon yhteistyötä kolmansien osapuolten kanssa. Samalla FareHarbor -varausupotteiden tuonti palveluun varmisti, että kaikki alueen toimijat saadaan saman katon alle.

Sivusto toteutettiin WordPressillä hyödyntäen redandbluen omaa pohjateemaa ja modulaarista lohkokirjastoa. Sisällönhallinta toteutettiin Gutenberg-editorilla, mikä tekee ylläpidosta vaivatonta. Jäsenyrityksille luotiin räätälöity lomakeliittymä, jolla he voivat päivittää omia tietojaan ja kuviaan suoraan järjestelmään. Automaattiset tarkistukset varmistavat, että mediatiedostot tallentuvat mediakirjastoon oikeassa koossa ja muodossa, säästäen ylläpitäjien aikaa.

The post Lapland North Destinations verkkopalvelu appeared first on Vierityspalkki.fi.

JYU EMBA uudisti verkkosivustonsa tukemaan laadukasta viestiä yhdestä Suomen vahvimmasta johtamisohjelmasta. Lopputuloksena syntyi moderni WordPress-kokonaisuus, joka palvelee tehokkaasti markkinointia ja myyntiä.

Verkkosivusto, joka vastaa johtavan johtajakoulutuksen tasoa

Jyväskylän yliopiston Executive MBA on Suomen johtava suomenkielinen, kolmoisakkreditoitu kokeneen liikkeenjohdon johtamisohjelma. Verkkosivuston tuli heijastaa tätä asemaa sekä tarjota sujuva ja vakuuttava digitaalinen ensivaikutelma.

Projekti käynnistettiin työpajoilla, joissa määriteltiin käyttäjätarpeet, sisältörakenne ja tärkeimmät kävijäpolut. Tavoitteena oli rakentaa kilpailukykyinen verkkopalvelu, joka helpottaa tiedon löytämistä, tukee hakukonenäkyvyyttä ja ohjaa yhteydenottoihin.

Räätälöity WordPress-ratkaisu pitkäjänteiseen käyttöön

Uudistus toteutettiin WordPressillä hyödyntäen räätälöityjä lohkoja, joiden avulla sisällönhallinta on sujuvaa ja joustavaa ilman raskasta teknistä riippuvuutta. Sivustolle rakennettiin moderni ilme, animaatioita sekä selkeä navigaatio, joka tukee eri kohderyhmien tarpeita.

Kokonaisuus suunniteltiin helposti ylläpidettäväksi ja jatkokehitettäväksi. Käyttöönoton tueksi toteutettiin käyttäjälähtöinen koulutus sekä jatkuva tuki tarpeen mukaan käyttäjille.

Keskeiset avainominaisuudet

• WordPress-ratkaisu räätälöidyillä lohkoilla
• Työpajat ja tavoitteellinen suunnitteluprosessi
• Opintokokonaisuuksien esittäminen laadukkaalla tavalla
• Animaatiot havainnollistavana tekijänä
• Gravity Forms -lomakekokonaisuus
• Saavutettavuus huomioitu toteutuksessa
• Ylläpito ja jatkokehitys

Kun verkkosivusto tukee liiketoiminnan tavoitteita, se toimii enemmän kuin käyntikorttina – se toimii kasvun työkaluna.

The post Jyväskylän yliopiston Executive MBA – uudet verkkosivut appeared first on Vierityspalkki.fi.

Motiva.fi:n ensi­sijainen tarkoitus on edistää organi­saation toimintaa. Yksi Motivan keskeisimmistä tehtä­vistä on tarjoilla kestävää kehitystä koskevia sisältöjä eri kohde­ryhmien saataville laadukkaasti.

Kun yksi keskeisistä tavoitteista on tiedon­jako, tuli projekti­ryhmän ratkoa tavat tarjoilla valtava sisältö­massa käyttäjän helposti löydettä­väksi, kulu­tettavaksi ja jaettavaksi.

Hankkeeseen lähdettiin kunnianhimoisella tavoitteella ravistella Motivan sisällöllistä ajattelua merkittävästi. Lopputuloksena syntyi rakenteeltaan täysin uudenlainen verkkopalvelu, jonka ytimessä on toiminnallinen tietopankki.

Palvelu on toteutettu WordPress-julkaisujärjestelmällä. Sisällönhallinnallisesti WordPressin Gutenberg-editor ja sen natiivilohkot ovat avainroolissa.

(Toim. huom. Into-Digital valikoitui kumppaniksi North Patrolin fasilitoiman kilpailutuksen pohjalta. Motivan tekemässä pohjatyössä myös tehtiin merkittävä osa keskeisistä suunnitteluratkaisuista. Lue lisää projektista Motivan näkökulmasta North Patrolin sivustolta.)

The post Uusi Motiva.fi appeared first on Vierityspalkki.fi.

Suunnittelusta julkaisuun asti hallittu kokonaisuus

Projekti käynnistettiin työpajalla, joissa määriteltiin uuden sivuston rakenne, tavoitteet ja käyttäjien tarpeet. Tämän pohjalta rakennettiin uusi verkkopalvelu WordPress-alustalle. Toteutukseen sisältyi räätälöity ulkoasu, mallisivut eri sisältötyypeille sekä asiakkaan tarpeisiin suunnitellut WordPress-lohkot. Näin sisällöntuotannosta tehtiin joustavaa ilman raskasta teknistä ylläpitoa.

Tekniikka, joka tukee arkea

Sivustolle toteutettiin aiemman palvelun keskeiset toiminnallisuudet uudessa muodossa sekä huolelliset uudelleenohjaukset vanhoista osoitteista uusiin. Julkaisun yhteydessä hoidettiin myös hakukonenäkyvyyden kannalta tärkeät toimenpiteet, kuten sivukartan lisääminen ja indeksointipyyntö Search Consoleen. Lisäksi kokonaisuuteen sisältyivät evästeilmoitus, tietosuojaseloste sekä käyttäjäkoulutus tallenteineen.

Lopputulos

Uudistuksen myötä Tekijänoikeus.fi sai modernin ja helposti hallittavan verkkopalvelun, joka tekee asiantuntijatiedosta käyttäjälle ymmärrettävää – ja ylläpitäjälle tehokasta.

Keskeiset avainominaisuudet

• Räätälöity WordPress-toteutus
• Sisältörakenteen suunnittelu työpajojen kautta
• Mukautetut lohkot helppoon sisällönhallintaan
• Uudelleenohjaukset vanhasta sivustosta
• Käyttäjäkoulutus ja dokumentointi

Jatkokehitys

Sivustoa voidaan jatkossa kehittää vaiheittain uusilla sisältöalueilla sekä analytiikan avulla.

The post Tekijänoikeus.fi – sivuston uudistus appeared first on Vierityspalkki.fi.

Sateenkaariperheet ry:n verkkosivusto oli vuosien aikana kasvanut merkittäväksi tietopankiksi, palvelukanavaksi ja vaikuttamisen työkaluksi. Sisältöä oli kertynyt runsaasti, rakenne oli laajentunut useisiin pää- ja alakategorioihin, ja sivuston tekninen pohja kaipasi uudistamista. Tavoitteena oli rakentaa moderni WordPress-sivusto, joka palvelee useita kohderyhmiä selkeästi, saavutettavasti ja helposti ylläpidettävästi.

Selkeämpi rakenne ja parempi käyttäjäkokemus

Projektissa uudistettiin sivuston sisältörakenne vastaamaan käyttäjien todellisia tarpeita. Monitasoinen navigaatio yksinkertaistettiin, sisältöpolkuja selkeytettiin ja eri kohderyhmille suunnatut palvelut nostettiin näkyvämmiksi. Erityistä huomiota kiinnitettiin siihen, että sivusto palvelee yhtä hyvin perheellistymistä pohtivia kävijöitä, jäsenperheitä ja ammattilaisia. Lopputuloksena syntyi sivusto, josta olennainen tieto löytyy nopeasti.

Moderni WordPress ja sujuva ylläpito

Teknisessä toteutuksessa sivusto siirrettiin vanhasta WordPress-ratkaisusta moderniin Gutenberg-lohkoeditoriin. Samalla vanha tapahtumakalenteri siirrettiin uudelle alustalle ja tuleva monikielisyys huomioitiin valmiiksi. Suorituskyky, hakukoneystävällisyys ja GDPR-vaatimukset huomioitiin osana kokonaisuutta. Sivusto rakennettiin responsiiviseksi ja WCAG 2.1 AA tason saavutettavuuskriteerit täyttäväksi.

Lopputulos: sivusto, joka palvelee käyttäjiä ja organisaatiota

Uudistuksen jälkeen Sateenkaariperheet ry sai verkkosivuston, joka tukee järjestön kasvua, helpottaa sisällön päivittämistä ja vahvistaa sen asemaa luotettavana tiedonlähteenä Suomessa.

Keskeiset avainominaisuudet

• WordPress-uudistus modernilla Gutenberg-ratkaisulla
• Laajan sisältörakenteen selkeytys ja navigaation uudistus
• Saavutettava toteutus (WCAG 2.1 AA)
• Tapahtumakalenteritoiminnallisuus
• Monikielisyyden valmius tuleville kieliversioille
• SEO-optimoitu ja suorituskykyinen kokonaisuus

Jatkokehitys

Kokonaisuutta voidaan laajentaa vaiheittain esimerkiksi uusilla kieliversioilla, automaatioilla ja palvelukohtaisilla laskeutumissivuilla.

The post Sateenkaariperheet ry – uudistunut verkkosivusto appeared first on Vierityspalkki.fi.

Juuri perustetulla T1 Corporate Financella oli olemassa liikeidea ja karkeasti luonnosteltu logo. Aloitimme yhteistyön logon viimeistelyllä sekä ikkunateipauksilla. Seuraavaksi tuli verkkosivujen vuoro.

Tavoitteet

– Toteuttaa kustannustehokkaasti ja joutuisasti yrityksen verkkosivusto, ja samalla myös alkulähde tummalle ja arvokkaalle ilmeelle
– Vastata ketterästi muihin markkinointi- ja dokumenttimateriaalien tarpeeseen

Mitä tehtiin

Suunnittelimme verkkosivuston ulkoasun sekä keskeisimmät sivupohjat ja kävijäpolut nopealla aikataululla. Saimme nopeasti vihreää valoa – visiot osuivat siis yksiin.

Suunnitteluvaiheen jälkeen myös tekninen toteutus kävi ketterästi: valjastimme natiivilohkot käyttöön, ja asiakas sai sivustonsa pystyyn nopeasti.

Sivustoprojektin jälkeen olemme toteuttaneet esimerkiksi Word- ja PowerPoint-pohjat sekä templateja sosiaalisen median postauksille. Sivustoa myös kehitetään tarpeen mukaan.

Lopputulos

Uusi T1 Corporate Financen sivusto toimii uskottavana tietolähteenä ja yhteydenottojen kanavana yritysrahoituksen sujuvuutta kaipaaville.

– Natiivilohkot ja joustava sisältörakenne
– Tumma ja uskottava visuaalinen ilme
– Selkeät polut ja prosessikuvaukset potentiaalisille asiakkaille

Projektin kohokohdat

Sivusto pystyyn vauhdilla ja vaivattomasti
Aina ei tarvita kuukausien projektia ja kymmenien tuhansien eurojen panostusta. Näyttävä markkinointisivusto saadaan tarvittaessa toteutettua tiukassakin aikaraamissa.

Päivittäistä turvaa Duden ylläpidolla
Dude pitää huolta palvelinasioista ja sivustosta sekä niiden tietoturvasta. Ylläpitopakettiin kuuluu myös ripeä tekninen tuki ja automaattiset varmuuskopiot.

The post T1 Corporate Finance – uudet verkkosivut appeared first on Vierityspalkki.fi.

WordPress-alustalle rakennettu kokonaisuus sisältää kiintoisia toimintoja. Suunnittelijat voivat luoda sivustolle oman profiilinsa ja hallinnoida sitä omatoimisesti. Muotoilijaprofiileja on tähän mennessä luotu jo lähes 500. Kävijät voivat etsiä suunnittelijoita monipuolisilla hakutoiminnoilla ja valita heitä suosikeikseen. Sivustolla on räätälöityjä hakunäkymiä myös työpaikkojen ja tapahtumien löytämistä varten.

Sivustolla palvelee kevään teosmyynnin aikaan myös WooCommerce-tekniikkaan perustuva verkkokauppa, jossa muotoilijat voivat omatoimisesti tuoda myyntiin teoksiaan. Palveluun kirjautuneina muotoilijat syöttävät itse teoksen tiedot sekä kuvat verkkolomakkeelle, josta muodostetaan automaattisesti verkkokaupan tuotteet, jotka Ornamo vain tarkistaa ja julkaisee.

The post Finnish Designers -portfolioalusta appeared first on Vierityspalkki.fi.

Mitä tehtiin

– Brändi-ilme
– Käyttöliittymäsuunnittelu
– WordPress-verkkosivut
– Ylläpito

Ilmepäivitykseen kuului logo eri versioineen, typografia, väripaletti sekä graafinen ohjeisto. Sivustolle tehtiin laaja valikoima sisältölohkoja, joilla kampanjatyyppiset sekä staattisemmat sisällöt välittyvät soljuvasti potentiaalisten kävijöiden tietoisuuteen.

Lopputulos

Uusi Bellanranta.com toimii alueen digitaalisena asioinnin ja inspiraation porttina. Sivusto tarjoaa:
– Ajantasaiset ja helppolukuiset tiedot alueen toimijoista ja palveluista
– Tapahtumakalenterin ja uutispalstan ajankohtaisille ja tuleville houkutuksille
– Selkeät polut ja laskeutumissivut niin matkailijoille kuin yritys- tai yhdistysasiakkaille
– Raikkaan ja identiteetin mukaisen visuaalisen ilmeen

Bellanrannan uusi sivusto vahvistaa alueen identiteettiä ja tukee sen kasvua houkuttelevana ja elinvoimaisena kohteena Kuopiossa, Kallaveden äärellä.

Projektin kohokohdat

Kaksi kärpästä yhdellä iskulla – ilme ja sivusto samalla läimäisyllä kuntoon
Unelmatilanne suunnittelijalle: sekä ilme että sivusto kaipaavat päivitystä. Bellanrannan tapauksessa mahdollisuus hyödynnettiin, ja sivuston ilme sekä olemus toteutettiin täysin puhtaalta pöydältä.

Selkeyttä, saavutettavaa tietoa ja sisällönpäivityksen helppoutta
Tietojen esittäminen tehtiin vaivattomaksi niin pellin alla kuin ulkokuorenkin osalta. Toimijat linkittyvät sujuvasti palveluihin, ja aukioloajat päivittyvät kootusti yhdestä paikasta niille räätälöityyn lohkoon ja palvelukortteihin. Kampanjoita on mahdollista toteuttaa laajan lohkovalikoiman siivittämänä.

The post Bellanrannan uudet verkkosivut appeared first on Vierityspalkki.fi.

Diak.fi:n ensisijainen tehtävä on edistää Diakin liiketoimintaa. Se tarkoittaa sitä, että potentiaaliset ja nykyiset opiskelijat asetettiin aivan keskeisiksi kohderyhmiksi. Unohtamatta kuitenkaan muita tärkeitä kohderyhmiä, kuten B2B-asiakkaita.

Verkkokauppa rakennettiin täysin räätälöidysti WordPress-julkaisujärjestelmällä ja sen WooCommerce-laajennoksella. Palvelu pitää sisällöön lukuisia räätälöityjä sisältötyyppejä ja monipuolisia sisältölohkoja eri sisältöjen esittämiseksi. Lisäksi palveluun toteutettiin laajamittaisia integraatioita Diakin taustajärjestelmiin.

Yhteistyö jatkuu yhteiskehittämisen, tukipalvelun ja ylläpidon muodossa. Palvelun toimivuutta analysoidaan tarkasti ja kehitystoimenpiteitä tehdään kehitysjaksoissa jatkuvasti.

The post DIAK.fi – verkkopalvelu appeared first on Vierityspalkki.fi.

Lisäksi sivuston tuli toimia osana laajempaa kokonaisuutta: Suomen Ladun pääsivusto ja esimerkiksi Kiilopään sivusto elävät samassa multisite-ympäristössä. Tarvittiin ratkaisu, joka mahdollistaa yhtenäisen teknisen pohjan, mutta antaa eri sivustoille vapauden erottua sisällöllisesti ja lohkorakenteiden osalta.

Mitä tehtiin

– Käyttöliittymäsuunnittelu
– WordPress-verkkosivut
– Integraatio
– Multisite
– WordPress-ylläpito

Uudistimme Suomen Ladun verkkosivuston rakenteen, käyttöliittymän ja visuaalisen ilmeen. Sivustolle suunniteltiin toimimaan kaksi eri teemaa – kesäinen ja talvinen, jotka tekevät ulkoilun rytmin ja ajankohtaisuuden näkyväksi käyttäjille.

Sivusto toteutettiin osaksi multisite-ympäristöä, jossa Suomen Ladun pääsivusto ja esimerkiksi Kiilopään sivusto hyödyntävät samaa teknistä perustaa, mutta voivat käyttää osittain erilaisia lohkoja ja sisältörakenteita omien tarpeidensa mukaan. Tämä mahdollistaa sekä yhtenäisyyden että joustavuuden.

Sisällöt jäsenneltiin selkeiksi kokonaisuuksiksi, ja saavutettavuus huomioitiin koko suunnittelu- ja toteutusprosessin ajan. Paikallinen toiminta nostettiin esiin jäsenyhdistys- ja tapahtumahakujen avulla, jotka ovat helposti löydettävissä ja selattavissa.

Lopputulos

Suomen Latu sai modernin, saavutettavan ja vuodenaikojen mukaan elävän verkkosivuston, joka toimii saumattomasti osana laajempaa multisite-kokonaisuutta. Sivusto palvelee niin tiedonhakijoita kuin aktiivisia ulkoilijoita ja tukee järjestön valtakunnallista ja paikallista toimintaa.

Tekninen ratkaisu mahdollistaa sivuston jatkuvan kehittämisen sekä uusien sivustojen liittämisen samaan kokonaisuuteen tulevaisuudessa.

Projektin kohokohdat

Vuodenaikojen mukaan elävä ilme
Kesä- ja talviteemat tekevät sivustosta ajankohtaisen ja ulkoilun luonteeseen sopivan, samalla säilyttäen rakenteen yhtenäisenä.

Uudistetut tapahtuma- ja yhdistyshaun toiminnot
Tapahtumat ja jäsenyhdistykset on helppo löytää selkeiden ja saavutettavien hakutoimintojen avulla. Käyttäjät pääsevät nopeasti itselleen relevantin toiminnan pariin eri puolilla Suomea.

Sujuvampi selattavuus
Sisältörakenne ja navigaatio uudistettiin tukemaan sujuvaa selaamista. Käyttäjät löytävät lajit, ulkoilutiedon ja toiminnan aiempaa nopeammin ja vaivattomammin.

The post Suomen Latu – uudistunut verkkosivusto appeared first on Vierityspalkki.fi.

Showstopper.fi on kotimainen verkkokauppa, joka tarjoaa suomalaisille kuluttajille maailmalla tunnettua kulttikosmetiikkaa. Kaupan ylläpitäjänä toimii Carpelan Cosmetics Finland Ab, jonka toimitilat sijaitsevat Mustasaaressa, Vaasan kupeessa.

Projektin tavoitteena oli suunnitella ja toteuttaa moderni, visuaalisesti näyttävä ja teknisesti luotettava verkkokauppa showstopper.fi-sivustolle WooCommerce-alustaa hyödyntäen. Toteutuksessa keskityttiin erityisesti käyttäjäkokemukseen, suorituskykyyn sekä helposti hallittavaan sisällönhallintaan.

Suunnitteluvaiheessa kartoitettiin kohderyhmän tarpeet ja ostokäyttäytyminen, minkä pohjalta rakennettiin selkeä ja intuitiivinen käyttöliittymä. Sivuston visuaalinen ilme suunniteltiin tukemaan brändiä: näyttävät tuotekuvat, harkittu typografia ja tasapainoinen värimaailma korostavat tuotteiden houkuttelevuutta ja ohjaavat käyttäjää ostopolulla.

Teknisessä toteutuksessa WooCommerce valittiin alustaksi sen joustavuuden ja laajennettavuuden vuoksi. Verkkokauppa rakennettiin WordPressin päälle, mikä mahdollistaa helpon sisällön päivittämisen ja tuotteiden hallinnan ilman syvällistä teknistä osaamista. Toteutuksessa hyödynnettiin räätälöityä teemaa, joka optimoitiin suorituskyvyn ja saavutettavuuden näkökulmasta.

Keskeisiä ominaisuuksia projektissa olivat:

• Selkeä tuotekatalogi ja sujuva ostokokemus
• Responsiivinen toteutus, joka toimii saumattomasti eri päätelaitteilla
• Nopeat latausajat ja optimoitu suorituskyky
• Helppokäyttöinen hallintapaneeli tuotteiden, tilausten ja sisältöjen hallintaan
• Integraatiot maksutapoihin ja toimitusratkaisuihin

Projektissa kiinnitettiin erityistä huomiota myös hakukoneoptimointiin (SEO) ja saavutettavuuteen, jotta verkkokauppa palvelee mahdollisimman laajaa käyttäjäkuntaa ja löytyy hyvin hakukoneista.

Lopputuloksena syntyi visuaalisesti näyttävä, teknisesti toimiva ja liiketoimintaa tukeva WooCommerce-verkkokauppa, joka tarjoaa sujuvan ostokokemuksen sekä tehokkaat työkalut sivuston ylläpitoon ja kehittämiseen.

The post Showstopper -verkkokauppa appeared first on Vierityspalkki.fi.

Obsidian konseptoi ja toteutti Europress SMART -älypalvelulle visuaalisesti näyttävän ja teknisesti tehokkaan sivuston, joka palvelee yrityksen globaalia kasvua ja liidien generointia.

Vuonna 1977 perustettu Europress Oy on kiertotalouden ja jätehuoltolaitteiden valmistuksen edelläkävijä, jonka liikevaihto on 54 miljoonaa euroa. Yrityksen ytimessä on jo pitkään ollut älyteknologia: Europress SMART yhdistää jätehuoltolaitteet älyverkkoon mahdollistaen reaaliaikaisen seurannan ja ennakoivan ylläpidon.

Europressin aiempi verkkosivusto ei vastannut mielikuvaa yrityksestä alan teknologisena edelläkävijänä. Erityisesti markkinoiden kärkituote, SMART-älypalvelu, tarvitsi oman, vaikuttavan kotisivun, joka erottuisi kansainvälisistä kilpailijoista. Tavoitteena oli luoda visuaalisesti näyttävät, selkeät ja helppokäyttöiset sivut, jotka tuottavat laadukkaita liidejä myynnille globaalisti.

Obsidian vastasi uudistuksen kokonaisvaltaisesta konseptoinnista ja teknisestä toteutuksesta.

Projekti sisälsi:

• Konseptointi ja UI-suunnittelu: Visuaalisen ilmeen uudistaminen Europressin ja SMARTin brändien pohjalta.

• Tekninen toteutus: WordPress-alusta, joka korvasi aiemman WPBakery-editorin joustavalla ja helposti hallittavalla ratkaisulla.

• Monikielisyys: Sivusto toteutettiin seitsemällä eri kielellä (suomi, englanti, ruotsi, norja, hollanti, ranska ja puola) palvelemaan tytäryhtiöitä ja globaaleja markkinoita.

• Integraatiot: Yhteydenottolomakkeiden saumaton integraatio Salesforceen liidien tehokkaaksi hallitsemiseksi.

• SEO ja saavutettavuus: Hakukoneoptimoinnin ja hyvän saavutettavuuden varmistaminen suunnittelun ensimetreiltä asti.

Ratkaisun keskiössä oli muokattava sivupohja, jossa eri osioiden järjestys on helposti vaihdettavissa. Tämä takaa sivuston elinkaaren jatkuvuuden, sillä Europress voi itse muokata sivustoa jatkossa. Visuaalisessa ilmeessä hyödynnettiin valokuvia, ikoneita ja infograafeja, jotka avaavat älyteknologian hyötyjä konkreettisesti. Erityistä huomiota kiinnitettiin luettavuuteen ja selkeään visuaaliseen hierarkiaan.

Uusi epsmart.fi on moderni ja vakuuttava kokonaisuus, joka nostaa Europressin digitaalisen preesensin samalle tasolle heidän markkinajohtajuutensa kanssa. Sivusto ei ole vain esite, vaan aktiivinen myynnin työkalu, joka integroituu suoraan yrityksen myyntiprosesseihin. Selkeä rakenne ja hiottu käyttäjäkokemus ohjaavat kävijää kohti konversiota ja liidien generointia.

The post Europress SMART – uudistunut verkkosivusto appeared first on Vierityspalkki.fi.

Obsidian Helsinki toteutti Kolo Data Centersille monikielisen ja visuaalisesti vaikuttavan verkkosivuston, joka heijastaa uuden yhtiön asiantuntijuutta ja luotettavuutta datakeskusmarkkinassa.

Kolo syntyi kahden kokeneen datakeskusyrityksen fuusiona, muodostaen merkittävän uuden toimijan alalle. Kun kaksi vahvaa osaajaa yhdistyy, on kriittistä, että uusi brändi ja sen digitaalinen näyteikkuna viestivät yhtenäisyyttä, modernia otetta ja skaalautuvuutta.

Uusi yhtiö tarvitsi verkkosivuston, joka ei ainoastaan esittele palveluita, vaan rakentaa luottamusta kansainvälisellä tasolla. Lähtökohtana oli suunnittelutoimisto Bondin luoma uusi ja näyttävä brändi-ilme. Obsidianin tehtävänä oli herättää tämä visuaalinen identiteetti eloon verkossa ja varmistaa, että käyttäjäkokemus on yhtä hiottu kuin yrityksen tarjoamat tekniset ratkaisut.

Obsidian otti kokonaisvastuun teknisestä toteutuksesta ja digitaalisesta suunnittelusta. Projekti käynnistyi informaatioarkkitehtuurin ja käyttöliittymän (UI) huolellisella suunnittelulla, jossa Bondin luoma ilme sovitettiin optimaalisesti verkkosivustokäyttöön.

Tekniseksi alustaksi valittiin WordPress, joka mahdollistaa joustavan sisällönhallinnan ja tukee saumattomasti monikielisyyttä. Obsidian vastasi sekä back-end- että front-end-kehityksestä, varmistaen sivuston nopeuden ja responsiivisuuden kaikilla laitteilla. Lisäksi huolehdimme analytiikan, seurannan ja evästehallinnan asennuksista sekä lopullisesta sisällönsyötöstä ja julkaisusta.

Projektissa keskityttiin siihen, että tekninen monimutkaisuus ja datakeskusmaailman vakaus välittyvät selkeänä ja visuaalisesti puhuttelevana kokonaisuutena.

• Informaatioarkkitehtuuri: Selkeä polku palveluiden ja teknisten tietojen äärelle.
• Visuaalinen sovitus: Bondin brändi-elementtien muuntaminen dynaamisiksi verkkosisällöiksi, jotka toimivat sujuvasti eri ruutukoilla.
• Käytettävyys: Intuitiivinen käyttöliittymä, joka palvelee niin teknisiä asiantuntijoita kuin liiketoimintajohtoa.

Lopputuloksena on vakuuttava ja kansainvälisen tason vaatimukset täyttävä sivusto, joka erottuu edukseen datakeskustoimijoiden joukossa. Sivusto toimii Kolon markkinoinnin ja myynnin keskiössä, tarjoten kattavan tiedon yhtiön kapasiteetista ja palveluista selkeässä paketissa. Monikielisyys ja hakukoneystävällinen rakenne takaavat näkyvyyden globaaleilla markkinoilla.

Projekti eteni sujuvassa yhteistyössä asiakkaan ja bränditoimiston kanssa. Obsidianin rooli teknisenä kumppanina ja projektinhallinnan ammattilaisena varmisti, että visuaalinen visio toteutui tinkimättömästi ja aikataulussa.

The post Kolo Data Centers – uusi verkkosivusto appeared first on Vierityspalkki.fi.

Boostii-etu on uniikki Turun kaupungin tarjoama etu kaikille 7–19-vuotiaille turkulaisille. Sen avulla halutaan mahdollistaa liikunnan harrastaminen kaikille lapsille ja nuorille taustoista riippumatta.

—

Lähtökohta

Miten voimme auttaa nuoria löytämään juuri itselleen sopivan lajin?

Tavoitteena oli luoda visuaalisesti houkutteleva Harrastuskoutsi-työkalu, joka ohjaa 7–19-vuotiaita turkulaisia liikuntaharrastuksiin. Työkalu yhdistää käyttäjän kiinnostukset ja Turun kaupungin Boostii-edun tarjoamat mahdollisuudet.

—

Strategia

Ennen kun into sammuu

Liikkumattomuus ei ala yhtäkkiä. Se hiipii. Jos harrastusta ei ole löytynyt alakouluiässä, kynnys aloittaa kasvaa joka vuosi. Teini-ikäisen saa harvoin liikkeelle pakottamalla, mutta oikea laji oikeaan aikaan voi sytyttää kipinän, joka kestää.

Samaan aikaan harrastamisen hinta sulkee ovia. Perheitä, joille kuukausimaksut ovat mahdottomia, on enemmän kuin tilastot kertovat.

Koutsi vastaa molempiin. Se tuo harrastukset sinne missä nuoret jo ovat, puhelimen ruudulle. Samalla se kertoo edusta, joka tekee harrastamisesta mahdollista kaikille.
Ei mainosta vaan mahdollistaa.

—

Ratkaisu

Hahmo, joka kysyy oikeat kysymykset

Koutsi kartoittaa nuoren mieltymykset muutamalla kysymyksellä, kuten millainen tempo, mikä ympäristö, yksin vai yhdessä.

Vastausten perusteella sääntökone rakentaa henkilökohtaisen suosituksen. Ei satunnaista listaa vaan 2–3 lajia, jotka sopivat oikeasti profiiliin.

Kohderyhmä on laaja: 7-vuotias, joka opettelee lukemaan, ja 19-vuotias, joka haistaa cringen kilometrien päähän. Sama työkalu ei voi puhutella molempia samalla äänellä.
Siksi rakensimme kaksi polkua. Nuoremmille lyhyet, selkeät kysymykset. Vanhemmille suoremman ja rennomman sävyn.

Käyttöliittymä on karsittu olennaiseen.
Yksi kysymys kerrallaan, suuret painikkeet, ei häiriöitä.

Lopussa tulokset voi jakaa vanhemmalle yhdellä napilla, ja jokaisesta lajista pääsee suoraan Boostii-järjestelmään ilmoittautumaan.

Loimme myös Koutsin, animoidun hahmon, joka ohjaa nuorta eteenpäin kysymys kerrallaan.
Ei täytettäviä kenttiä vaan keskustelu, jossa jokainen vastaus vie lähemmäs omaa lajia.

Tavoitteena oli työkalu, joka elää hankkeen mukana.

WordPress-pohjainen palvelu antaa kaupungille täyden hallinnan kysymyksiin, harrastusvaihtoehtoihin ja sääntölogiikkaan.

Visuaalisesti Koutsi ammentaa Boostii!-brändin tunnistettavuudesta, mutta tuo mukaan sarjakuvamaista energiaa.
Suunnittelu lähti puhtaasti mobiilista, koska siellä nuoret ovat.

The post Koutsi – pelimäinen web-sovellus appeared first on Vierityspalkki.fi.

Mitä tehtiin – ja kenelle

Rakensimme Netprofilelle modernin verkkosivuston, joka tukee heidän asemaansa teknologia- ja teollisuusalan strategisena viestintä- ja markkinointikumppanina. Tavoitteena oli tehdä asiantuntijuudesta nopeasti ymmärrettävää ja kohderyhmälle relevanttia.

Miten toteutettiin

Toteutimme responsiivisen ja hakukoneoptimoidun WordPress-sivuston, jossa yhdistyvät:

• Selkeä rakenne ja UX, joka ohjaa käyttäjää oikeaan sisältöön
• Räätälöity WordPress-toteutus, kevyt ja helposti ylläpidettävä
• Visuaalinen konsepti, jossa futuristinen ja hienovaraisen scifi-henkinen ilme tukee toimialaa
• SEO-optimoitu sisältörakenne, joka parantaa löydettävyyttä
• Alustamigraatio HubSpotista WordPressiin, mahdollistaen joustavamman kehityksen

Mitä muuttui paremmaksi

Uudistuksen myötä sivusto:

• Viestii selkeästi mitä Netprofile tekee ja kenelle
• Vahvistaa asiantuntijamielikuvaa heti ensisilmäyksellä
• Erottuu geneerisestä B2B-viestinnästä
• Parantaa käytettävyyttä ja sisällön löydettävyyttä
• Ohjaa käyttäjiä tehokkaammin oikeisiin sisältöihin

”Lopputulos on juuri sitä, mitä haimme. Sivusto näyttää hyvältä, toimii sujuvasti ja ennen kaikkea viestii meistä oikealla tavalla.”

The post Netprofile – verkkosivun uudistus appeared first on Vierityspalkki.fi.

Muovihaka Oy on vuonna 1988 perustettu suomalainen perheyritys, joka on erikoistunut kumi-muovisekoitteisten erikoismattojen valmistukseen. Yritys toimii Nurmijärvellä, jossa kaikki tuotteet suunnitellaan ja valmistetaan omalla tehtaalla aina muottien valmistuksesta lopputuotteeseen asti.

Muovihaka tunnetaan erityisesti ruiskupuristustekniikkaan perustuvasta osaamisestaan sekä kyvystään yhdistää tuotekehitys, muottivalmistus ja tuotanto saumattomaksi kokonaisuudeksi. Yritys valmistaa ratkaisuja niin kiinteistöjen puhtaanapitoon kuin kuluttajakäyttöön, ja sen tuotevalikoimaan kuuluvat muun muassa tuulikaappi-, käytävä- ja märkätilamatot.

Toiminta on vahvasti kansainvälistä: yli 80 % tuotannosta menee vientiin, ja tuotteita toimitetaan yli 70 maahan. Muovihaka onkin kasvanut yhdeksi Euroopan johtavista erikoismattojen valmistajista.
Yrityksen toiminnan keskiössä ovat asiakaslähtöisyys, korkea laatu sekä jatkuva tuotekehitys. Lisäksi Muovihaka panostaa ympäristövastuuseen hyödyntämällä kierrätettäviä materiaaleja ja kehittämällä tuotantoprosessejaan kestävän kehityksen periaatteiden mukaisesti.

Lähtötilanne

Muovihaka valmistaa korkealaatuisia erikoismattoja, jotka suunnitellaan aina asiakkaan yksilöllisten tarpeiden mukaan. Tästä syystä myös verkkokaupan tuli mahdollistaa tuotteiden tarkka räätälöinti suoraan verkossa.

Tavoitteet

Projektin tavoitteena oli toteuttaa verkkokauppa, jossa asiakas voi suunnitella tuotteensa alusta loppuun itse. Käyttäjän tuli voida määrittää mitat sekä ominaisuudet ja nähdä valintojensa vaikutus hintaan reaaliaikaisesti. Samalla ratkaisun tuli mahdollistaa asiakaskohtainen hinnoittelu sekä tukea Muovihaan kansainvälistä kasvua.

Toteutus

Verkkokauppa toteutettiin WordPressin ja WooCommercen päälle, ja sitä laajennettiin räätälöidyillä ominaisuuksilla vastaamaan tarkasti tarpeita. Tuotesivuille kehitetyt suunnittelutyökalut mahdollistavat tuotteiden yksilöllisen räätälöinnin suoraan verkkokaupassa – aina millintarkoista mitoista tilan erityispiirteiden huomioimiseen. Hinta päivittyy reaaliaikaisesti valintojen mukaan, mikä tekee ostokokemuksesta selkeän, läpinäkyvän ja käyttäjäystävällisen.

Ratkaisuun integroitiin myös asiakaskohtaiset hinnastot. Eri asiakasryhmät, kuten sopimusasiakkaat ja jälleenmyyjät, näkevät omat hintansa kirjautuessaan palveluun, ja hinnoittelu voi mukautua esimerkiksi ostovolyymien perusteella.

Verkkokauppa suunniteltiin alusta asti kansainväliseksi. Se tukee useita kieliä ja valuuttoja, ja hinnat sekä verot mukautuvat automaattisesti markkinan mukaan. Näin palvelu toimii sujuvasti eri maissa ja asiakasryhmille.

Lisäksi sivusto optimoitiin hakukoneita varten, ja se toimii responsiivisesti kaikilla laitteilla, mikä varmistaa hyvän käyttökokemuksen tilanteesta riippumatta.

Lopputulos

Valmis verkkokauppa tarjoaa modernin ja tehokkaan tavan tilata mittatilaustuotteita. Asiakas voi suunnitella tuotteensa tarkasti omien tarpeidensa mukaan ja nähdä hinnan heti ilman erillisiä tarjouspyyntöjä. Ratkaisu yhdistää helppokäyttöisyyden, joustavan hinnoittelun ja vahvan pohjan kansainväliselle kasvulle.

The post Muovihaka – räätälöitävien erikoismattojen verkkokauppa appeared first on Vierityspalkki.fi.

Seinäjoen Energian vanhat verkkosivustot olivat tulleet käyttöikänsä päähän. Sivustojen teknologia oli vanhentunutta, käytettävyys ei vastannut nykypäivän vaatimuksia ja sisältörakenne oli ajan myötä muodostunut sekavaksi. Uudistuksessa toteutettiin kaksi erillistä sivustoa: Seinäjoen Energian seinajoenenergia.fi sekä sähköverkkoyhtiö Seiverkkojen seiverkot.fi.

Verkkosivut ovat Seinäjoen Energialle yksi tärkeimmistä viestintäkanavista niin asiakkaille kuin muille sidosryhmille, joten uudistuksen lähtökohtana oli parantaa tiedon löydettävyyttä, saavutettavuutta ja visuaalisuutta.

Tavoitteena oli myös luoda sivustot, jotka mahdollistavat sisällön joustavan päivittämisen ja palvelevat asiakkaita entistä paremmin ajasta ja paikasta riippumatta. Uudistuksen keskiössä oli halu helpottaa asiakkaiden asiointia ja tarjota heille selkeä ja sujuva käyttökokemus. Lisäksi uudistuksessa haluttiin sivustojen visuaalinen ilme vastaamaan paremmin nykyistä brändiä.

Suunnittelu ja ratkaisut

Projektin alussa pidimme asiakkaan kanssa yhteiset työpajat. Niissä tarkennettiin sivuston kohderyhmien tarpeet ja rakennettiin käyttäjäpolut tärkeimpiin asiointitilanteisiin. Käyttäjäpolut loivat pohjan sisältörakenteen ja käyttöliittymien suunnittelulle. Käyttöliittymäsuunnittelu keskittyi asioinnin helpottamiseen, käytettävyyteen ja tiedottamisen nopeuteen.

Toteutimme sivuston modernilla WordPressillä, mikä tuo huomattavaa joustavuutta sisällöntuotantoon. Lohkoeditorin ansiosta Seinäjoen Energian viestintätiimi voi rakentaa ja muokata erilaisia sivuja helposti itse ilman ulkopuolista apua. Tämä on tehnyt sisällön päivittämisestä sujuvaa ja nopeaa.

Käytettävyyden ja asiakaspalvelun tueksi sivustolle toteutettiin useita teknisiä ratkaisuja:

• Valu Search -sivustohaku, joka tarjoaa älykkään ja käyttäjäystävällisen tavan löytää tietoa
• Integraatiot häiriötiedotteisiin, jotka päivittyvät automaattisesti sivustolle
• Sähkökatkokartta (iframe-toteutuksella), joka tuo ajankohtaisen tiedon näkyväksi
• Chat-upotus
• AD/EntraID-integraatio käyttäjähallinnan tueksi
• Monikielisyys
• Artikkelien migraatio vanhalta sivustolta

Moderni WordPress-teknologia ja kehittämämme työkalut tekevät sisällöntuotannosta tehokasta ja joustavaa, tukien samalla pitkäjänteistä verkkoviestintää.

Yhteistyö ja projektin kulku

Yhteistyö meidän ja asiakkaan välillä sujui erinomaisesti, ja projekti eteni suunnitellusti. Saimme Seinäjoen Energian projektitiimiltä erityistä kiitosta asiantuntevasta ja ratkaisukeskeisestä otteestamme.

“Yhteistyö Valun kanssa oli sujuvaa ja selkeää, ja tieto Valun kanssa kulki mutkattomasti. Meillä oli läpi projektin tieto siitä, missä projektissa mennään ja kysymyksiin ja ongelmiin saatiin nopeasti vastaukset ja ratkaisu. Valu sai myös nopeasti kiinni toiveistamme ja tarpeistamme.”, kertoo Seinäjoen Energian viestintäpäällikkö Riikka Liikanen.

Projektipäällikkömme Janne Hukan mukaan projekti oli kokonaisuudessaan erittäin miellyttävä: “Asiakas luotti asiantuntemukseemme ja yhteistyö sujui todella hyvin. Yhteinen tavoite oli selkeä alusta asti.”

Tulokset ja asiakashyödyt

Uudet sivustot ovat moderneja, saavutettavia ja vastaavat visuaalisesti Seinäjoen Energian brändiä. Sivustot tukevat viestintää ja asiakaspalvelua monipuolisesti. Seinäjoen Enegian omat asiakkaat ovat antaneet positiivista palautetta erityisesti sivuston käytettävyydestä, tiedon löydettävyydestä ja visuaalisesta ilmeestä.

Modernin WordPressin joustavuus ja uudet työkalut helpottavat päivittäistä sisällöntuotantoa ja vapauttavat aikaa muuhun viestintään. Samalla häiriötiedotteiden-integraatiot pitävät sivuston akuutin sisällön ajantasaisena ilman manuaalista työtä.

Synergiaa modernista WordPressistä

Molemmat sivustot toteutettiin samalla modernilla WordPress-toteutuksella ja yhteisellä teemaratkaisulla, mikä tuo selkeitä synergiaetuja: sivustojen välillä voidaan kopioida lohkomalleja saumattomasti. Kun lohkomalleja kopioidaan, ne mukautuvat automaattisesti kohdesivuston visuaaliseen ilmeeseen, jolloin esimerkiksi värit tulevat sivuston omista määrityksistä. Myös jatkokehityksessä tai ylläpitäjän itse toteuttamat lohkomallit voidaan kopioida suoraan sivustolta toiselle.

Yhteinen tekninen pohja helpottaa myös jatkokehitystä, koska uusia lohkoja ja toiminnallisuuksia voidaan ottaa käyttöön molemmilla sivustoilla tehokkaasti samalla kun kummankin sivuston oma visuaalinen ilme säilyy selkeänä.

Pitkäaikaiset vaikutukset

Uudet verkkosivustot tarjoavat kestävän ja laajennettavan alustan tulevaisuuden tarpeille. Joustava ja helposti laajennettava moderni WordPress tukee viestinnän kehittymistä pitkällä aikavälillä. Molemmat sivustot skaalautuvat helposti uusiin toiminnallisuuksiin ja palvelevat asiakkaita tehokkaasti myös jatkossa.

Toteutus tiivistetysti

• Palvelumuotoilu ja konseptointi: Kohderyhmien tarpeet ja käyttäjäpolut
• Visuaalinen ilme: Brändin mukainen, moderni käyttöliittymä
• Moderni WordPress, Full Site Editing ja lohkoeditori
• Monipuoliset sivumallit, lohkomallit ja synkronoidut lohkomallit
• Asiakkaan mahdollisuus luoda itse uusia sivumalleja ja lohkomalleja sekä muokata olemassa olevia
• Hakutoiminto: Valu Search
• Integraatiot: Häiriötiedotteet (automaattinen päivitys), AD / EntraID ,Sähkökatkokartta (iframe)
• Chat-upotus
• Kieliversiot
• Sisällöt: Artikkelien migraatio vanhalta sivustolta
• Saavutettavuus: WCAG 2.1 -tason mukainen suunnittelu
• Cookiebot-evästehallinta

The post Seinäjoen Energian ja sähköverkkoyhtiö Seiverkkojen verkkosivustojen uudistus appeared first on Vierityspalkki.fi.

Obsidian toteutti Nordic Project Fundille (Nopef) kokonaisvaltaisen verkkosivustouudistuksen, jossa ikääntynyt sivusto korvattiin raikkaalla ja helppokäyttöisellä WordPress-kokonaisuudella.

Nopef eli Nordic Project Fund on Pohjoismaiden ministerineuvoston perustama rahasto, jota hallinnoi Nefco. Rahaston tehtävänä on tukea pohjoismaisten pienten ja keskisuurten yritysten kansainvälistä kasvua ja edistää samalla vihreää siirtymää. Nopef tarjoaa rahoitusta esiselvityksiin, joiden tavoitteena on liiketoiminnan vakiinnuttaminen EU- ja Efta-maiden ulkopuolelle.

Nopefin aiempi verkkosivusto oli palvellut organisaatiota pitkään, mutta se oli tullut tiensä päähän niin visuaalisesti kuin teknisestikin. Sisällön hallinta oli kankeaa ja sivuston yleisilme ei enää vastannut modernin, vihreää liiketoimintaa tukevan toimijan brändiä.

Päätavoitteena oli rakentaa houkutteleva ja selkeä sivusto, joka madaltaa yritysten kynnystä hakea rahoitusta. Sivuston tuli viestiä luotettavuutta, pohjoismaista yhteistyötä ja edelläkävijyyttä ympäristöasioissa.

Obsidian vastasi projektista kokonaisvaltaisesti. Työ alkoi teknisellä ja visuaalisella suunnittelulla, jossa pureuduttiin käyttäjäpolkuihin: kuinka potentiaalinen hakija löytää tarvittavat kriteerit ja etenee hakemusprosessiin?

Toteutusvaiheessa vastasimme:

• Visuaalisesta ilmeestä: Moderni ja ilmava design, joka henkii pohjoismaista selkeyttä.
• Teknisestä kehityksestä: WordPress-alustan räätälöity toteutus modulaarisesti, back-end- ja front-end-koodaus.
• Laadunvarmistuksesta: Kattava testaus eri laitteilla ja selaimilla.
• Koulutuksesta: Asiakkaan perehdyttäminen uuden sivuston ylläpitoon.
• Analytiikasta: Seurannan asennus, jotta sivuston tehokkuutta ja hakemusten määrää voidaan seurata datan valossa.

Tarjotun ratkaisun keskiössä oli helppokäyttöisyys sekä sivuston vierailijoille että sen ylläpitäjille. WordPress-alusta tarjosi joustavuutta ja pitkäikäisyyttä ja se räätälöitiin vastaamaan tarkasti Nopefin tarpeita ilman turhia sivustoa kuormittavia koodauselementtejä.

Visuaalisessa maailmassa hyödynnettiin raikasta värimaailmaa ja elementtejä, jotka korostavat kestävää kehitystä ja kansainvälisyyttä. Tekninen toteutus optimoitiin suorituskyky edellä, mikä takaa nopean latausajan ja saumattoman käyttökokemuksen kaikilla päätelaitteilla.

Vuonna 2025 julkaistu uusi Nopef.com on otettu vastaan innolla. Sivusto on saanut kiitosta selkeydestään ja ammattimaisesta ilmeestään. Uudistus on helpottanut tiedon löydettävyyttä ja tehnyt rahoituksen hakemisesta prosessina läpinäkyvämpää.

Vaikka hanke on tuore, on jo nähtävissä, että sivuston parantunut käytettävyys ja selkeät toimintakehotteet (Call-to-Action) ohjaavat yrityksiä tehokkaammin oikean tiedon äärelle ja aktivoivat potentiaalisia hakijoita.

Yhteistyö Obsidianin ja Nopefin välillä sujui projektinhallinnallisesti esimerkillisesti. Tiukka aikataulu ja sisällölliset vaatimukset kohdattiin avoimella kommunikaatiolla ja ratkaisukeskeisellä asenteella.

The post Nopef – verkkosivustouudistus appeared first on Vierityspalkki.fi.

Viime vuosina voimakkaasti kasvaneen Taigan verkkosivusto oli pahasti vanhentunut. Tavoitteena oli tuoda sivusto määrätietoisemmin markkinoinnin tarpeita ajatellen HubSpotin päälle.

Vahva brändi visuaalisesti esille, tuotetietoja unohtamatta

Taiga Conceptin tuote on visuaalisesti huomattava elementti asiakkaiden toimitiloissa. Toteutuksen tärkeimpiä tavoitteita oli tuoda Taigan vahva design hyvin esille myös HubSpot-verkkosivustolla sekä esitellä tuotevalikoima onnistuneella tavalla.

Taigan HubSpot-verkkosivustolla päädyttiin skandinaavisen minimalismin hengessä rauhalliseen käyttökokemuksen, mutta suuriin kuvapintoihin.

Lisäksi, Taigan tuotteisiin liittyy myös tärkeää teknistä informaatiota, jota muun muassa yritysten toimitiloja suunnittelevat arkkitehdit ja sisustussuunnittelijat tarvitsevat.

Konversiopisteiden ja käyttäjäpolkujen seuranta analytiikalla haltuun

Sivuston ja markkinoinnin tavoitteiden seurantaan suunnittelimme ja pystytimme yhdessä myös räätälöityä analytiikkaa. HubSpot on julkaisualustan lisäksi myös markkinoinnin automaation alusta, joka itsessään tarjoaa monipuoliset keinot sivuston käytön analytiikkaan.

Mutta HubSpot ei mahdollista samanlaista vapaata konversioiden ja muiden tapahtumien räätälöityä seurantaa kuin esimerkiksi Googlen alustat. Varmasti monipuolinen kombinaatio syntyykin näistä yhdessä.

Suunnittelimme asiakkaan kanssa yhdessä sivuston analytiikan ja seurannan päivittämisen. Konversiopisteiden lisäksi loimme seurantaa joillekin sivuston käyttäjäpolkuja kuvaavilla tapahtumille.

The post Taiga Concept -verkkosivuston uudistus appeared first on Vierityspalkki.fi.

Sivustouudistuksen taustalla oli tarve kokonaisvaltaiselle brändin ja visuaalisen ilmeen modernisoinnille. Verkkosivujen tuli kuvastaa aidosti yrityksen toimintatapaa ja arvoja. Uudesta sivustosta haluttiin asiakaslähtöinen kokonaisuus, jossa huomioitiin myös myynnin ja markkinoinnin kasvutavoitteet, tuleva tuotelanseeraus sekä erilaiset asiakaspolut. Tekniseltä toteutukseltaan tavoitteena oli helposti skaalautuva, käyttäjäystävällinen ja luotettava ratkaisu vuosiksi eteenpäin.

Uudistettu verkkosivusto yhdistää brändin ja strategian yhtenäiseksi kokonaisuudeksi, joka palvelee sekä nykyisiä että uusia asiakkaita Suomessa ja kansainvälisesti.

The post Tammermaticin sivustouudistus appeared first on Vierityspalkki.fi.

Ratkaisu selkeyttää monivaiheista hakemusprosessia, vähentää manuaalista käsittelyä ja automatisoi viestintää. Teknisesti toteutus on räätälöity asiointisovellus WordPress-ympäristössä, jossa yhdistyvät sisällönhallinta, lomakelogiikka, käyttäjähallinta ja prosessiautomaatio.

Lähtökohta

ATA Carnet on kansainvälinen tulliasiakirja, joka mahdollistaa tavaroiden väliaikaisen viennin yli 80 maahan ilman tullimaksuja ja veroja. Se toimii tavaroiden “passina” esimerkiksi messuille, konserttikiertueille, laitetestauksiin ja näyttelyihin. Aiempi verkkosivusto ja hakemusjärjestelmä eivät enää vastanneet käyttäjien eikä käsittelijöiden tarpeita. Hakemusprosessi oli monivaiheinen ja osittain raskas, kirjautuminen aiheutti kitkaa ja hallinnollinen käsittely sitoi merkittävästi henkilöresursseja.

Konseptisuunnittelu

Projekti käynnistettiin asiakkaan alkuperäisen määrittelyn tarkentamisella ja palvelukonseptin kehittämisellä yhteistyössä asiakkaan asiantuntijoiden kanssa. Tavoitteena oli tunnistaa hakemusprosessin kriittiset vaiheet ja käsittelyn pullonkaulat eri käyttäjäryhmiltä. Kokonaisuus vaati selkeyttämistä, paremman käyttökokemuksen sekä prosessien automatisointia. Uudistuksella haluttiin parantaa raskaita hakemuksen käsittelyn prosesseja ja vähentää henkilökuormitusta automatisoimalla prosesseja.

Ratkaisu

Uudistimme kokonaisuuden kattamaan sekä julkisen markkinointisivuston että kirjautumisen takana toimivan hakemusjärjestelmän. Alustaksi valittiin WordPress, jotta sisältö ja asiointipalvelu voitiin yhdistää saman hallintaympäristön alle. Tämä mahdollistaa tehokkaan sisällönhallinnan, selkeän ylläpidon ja jatkokehityksen. Hakemusprosessi suunniteltiin tukemaan joustavaa työskentelyä: käyttäjä voi tallentaa hakemuksen luonnoksena, jakaa sen toiselle käyttäjälle täydennettäväksi ja seurata käsittelyn etenemistä reaaliaikaisesti. Automatisoidut sähköposti-ilmoitukset pitävät kaikki osapuolet ajan tasalla. Kirjautuminen toteutettiin Magic Link -ratkaisulla, jossa käyttäjä saa kertakäyttöisen kirjautumislinkin sähköpostiinsa. Tämä parantaa käyttökokemusta ja vähentää salasanoihin liittyviä ongelmia.

Käyttöliittymäsuunnittelu

Käyttöliittymäsuunnittelun lähtökohtina olivat selkeys, helppokäyttöisyys ja saavutettavuus. Kokonaisuus haluttiin helposti lähestyttäväksi. Palvelun tulee ohjata käyttäjää luontevasti joko perehtymään ohjeisiin tai siirtymään hakemuksen täyttämiseen. Suunnittelun keskiössä oli itse hakemuslomake ja lomakkeen käytön käyttökokemus.

Tekninen toteutus

Jotta sivuston markkinointipuoli ja itse hakemusprosessi saatiin saman hallinnan alle, valitsimme alustaksi WordPressin. Markkinointisivusto toimii natiivien sisältölohkojen avulla ja on erittäin helppokäyttöinen ja selkeästi hallinnoitava. Itse hakemusprosessin pohjana toimii Gravity Forms -lisäosa, jota muokattiin sen omien ohjelmistorajapintojen avulla. Uusina toimintoina luotiin mm. hakemuksen luonnostila, hakemusten jakotoiminnallisuus muille käyttäjille, työkalujen käännökset eri kielille, useita dynaamisia toistettavia kenttiä ym. Näiden lisäksi iso osa järjestelmää ovat automaattisesti lähetettävät ja räätälöidyt sähköpostikehotteet niin hallinnoijille kuin käyttäjille, jotta kaikki pysyvät hyvin kartalla hakemusten tilasta.

Gravity Forms toimi teknisenä perustana, mutta sitä laajennettiin ohjelmistorajapintojen avulla merkittävästi. Toteutukseen sisältyy dynaamista lomakelogiikkaa, toistettavia kenttärakenteita, luonnostilatoiminnallisuus sekä käyttäjien välinen hakemuksen jakaminen.

Ylläpitopuolelle rakennettiin roolipohjainen käyttöoikeusmalli, hakemusten tilanhallinta, sisäinen viestintä sekä raportointia tukevat vientitoiminnot. Automatisoitu viestintälogiikka sitoo hakemusprosessin eri vaiheet yhteen ja vähentää manuaalista työtä.

Ratkaisu osoittaa, kuinka WordPress-alustaa voidaan hyödyntää myös vaativampien asiointipalveluiden ja prosessiohjattujen järjestelmien toteutukseen.

Tulokset

Uudistettu ATA Carnet -palvelu selkeyttää monivaiheista hakemusprosessia ja tekee siitä käyttäjälle ymmärrettävän ja hallittavan. Samalla hakemusten käsittelijöiden työ on tehostunut, manuaalinen työ vähentynyt ja prosessin läpinäkyvyys parantunut.

Ennen julkistamista järjestettiin hyväksyntätestaus, johon osallistuivat toimittajan lisäksi tilaajaorganisaation edustajat. Testauksessa Carnet-hakemusprosessi käytiin vaihe vaiheelta läpi siten, että kehittäjämme esitteli koko prosessin alusta loppuun. Samalla todennettiin vaatimusmäärittelyssä ja ominaismäärittelyssä listattujen toiminnallisuuksien toteutuminen ja varmistettiin, että järjestelmä vastaa sovittuja tavoitteita ja on valmis tuotantokäyttöön.

Asiakkaan näkökulma

Kuinka hyvin mielestänne täytimme projektin tavoitteet ja toiveet?

Tavoitteet ja toiveet täyttyivät mainiosti – uusi sivusto on kauppakamaribrändin mukainen, asiakasystävällinen ja sivuston sisältöjä on helppo editoida. Vaikka projektin aikana toiveet ja tavoitteet muokkautuivat testausten myötä, lopputulos vastaa toivomaamme.

Minkälaista oli työskennellä kanssamme?

Alfonsilla on ystävällistä ja asiantuntevaa porukkaa, ja tiimiin oli helppo olla yhteydessä matalalla kynnyksellä. Yhteiset palaverit olivat hyvin strukturoituja, ja meille oli selkeää, mitkä olivat seuraavat askeleet missäkin vaiheessa. Kiitokset Alfonsin porukalle asiantuntijuudesta, kärsivällisyydestä ja joustavuudesta projektin aikana!

The post ATA-Carnet -asiointisovellus appeared first on Vierityspalkki.fi.

Lähtötilanne ja tavoitteet

Värisetin aiempi sivusto sisälsi runsaasti asiantuntevaa sisältöä maalausalasta, mutta palveli heikosti myyntiprosessia. Sisältö oli staattista eikä ohjannut kävijää kohti yhteydenottoa tai ostoa. Liiketoiminnan laajentuessa valtakunnalliseksi tarvittiin alusta, joka skaalautuu satojen paikkakuntien tarpeisiin ja automatisoi liidien käsittelyä.

Projektin tavoitteet olivat konversioasteen parantaminen uudistetun UX/UI-suunnittelun avulla, orgaanisen näkyvyyden nostaminen yli 800 paikkakuntasivun kokonaisuudessa sekä myyntiprosessin tehostaminen integraatioiden ja verkkokaupan avulla.

Toteutus

Sivusto toteutettiin räätälöitynä WordPress-ratkaisuna Gutenberg-lohkoarkkitehtuurilla. Sivustolle rakennettiin modulaarinen komponenttikirjasto, joka mahdollistaa sisältöjen joustavan hallinnan ja visuaalisesti yhtenäisen ilmeen koko laajassa sivustokokonaisuudessa.

Käyttöliittymäsuunnittelussa panostettiin erityisesti konversio-optimointiin. Jokaiselle palvelusivulle suunniteltiin selkeät toimintakehotukset, jotka ohjaavat kävijän joko verkkokauppaan, hintalaskuriin tai arviokäynnin varaamiseen. Etusivulle toteutettiin herovideo, jossa Värisetin omat työntekijät ja kohteet tuodaan näkyviin – tämä tukee asiakkaan brändistrategiaa, jossa henkilöstön ammattitaito ja palveluasenne ovat keskeisiä erottautumistekijöitä.

”Meidän liiketoiminta on vahvasti sesonkiluonteista, joten aikataulu oli tiukka – sivusto piti saada valmiiksi ennen hiljaisen kauden päättymistä. WDS pystyi luotettavasti vastaamaan projektin alussa sovittuun aikatauluun.” – Ilmari Tala, Väriset Oy

WooCommerce-verkkokauppa

Uudistuksen merkittävä lisäys on WooCommerce-verkkokauppa, joka integroitiin osaksi palvelukokonaisuutta strategisena myynnin työkaluna. Verkkokaupassa myydään Värisetin huoltopalveluita, kuten katon vuosihuoltoja ja tiilikaton pinnoituksia, suorana transaktiona. Aiemmin nämä palvelut edellyttivät aina yhteydenottoa ja manuaalista tarjouslaskentaa.

Ostoprosessi suunniteltiin mahdollisimman suoraviivaiseksi: asiakas valitsee palvelun, syöttää postinumeronsa ja näkee saatavuuden omalla alueellaan. Verkkokauppa toimii kolmella kielellä (suomi, ruotsi, englanti), ja kieliversiot julkaistaan automaattikäännöksinä.

Postinumero ohjaa tilauksen oikealle palvelualueelle ja määrittää, mikä kuormituskalenteri näytetään asiakkaalle. Kalenteri hakee saatavuustiedon Easoft-toiminnanohjausjärjestelmästä, jolloin asiakas näkee reaaliaikaisen toimitusaikataulun jo tilauksen yhteydessä.

Integraatiot

Sivusto kytkettiin tiiviisti osaksi Värisetin myynti- ja markkinointiprosesseja usean järjestelmäintegraation kautta.

Easoft-toiminnanohjausjärjestelmä: Verkkokauppatilaukset siirtyvät automaattisesti Easoftin omaan myyntiputkeen. Myös verkkosivuston lomakkeilta ja ActiveCampaignista tulevat liidit ohjataan Easoftiin, jossa ne jaetaan myyjille käsiteltäväksi. Integraatio on kaksisuuntainen: Easoftista haetaan verkkokauppaan tuotekohtaiset kuormituskalenterit postinumeroalueittain sekä referenssitiedot toteutetuista kohteista. Referenssidata päivittyy sivuston referenssikartalle automaattisesti Easoftista arkistoiduista tilauksista, joissa asiakas on antanut referenssiluvan.

ActiveCampaign: ActiveCampaign integroitiin sivustolle hyödyntäen WDS:n omaa WordPress-lisäosaa. Lomakkeet tallentavat liidien lähdetiedot kattavasti: ensimmäisen ja viimeisimmän vierailun lähde, media, kampanja ja laskeutumissivu sekä fbclid/gclid-tunnisteet. ActiveCampaign tracking on käytössä sivustolla, ja liidit rikastuvat automaattisesti näillä seurantatiedoilla ennen siirtoa myyntiputkeen.

BigQuery: Myynti- ja markkinointidata kerätään keskitetysti Google BigQueryyn, joka toimii analytiikan ja raportoinnin tietolähteenä. BigQuery-ympäristö rakennetiin asiakkaan Google Cloud -alustalle.

Palvelinpohjainen seuranta: Sivustolle konfiguroitiin server-side Google Tag Manager, joka parantaa seurantatiedon laatua ja vähentää riippuvuutta selainpohjaisista evästeistä.

”Sivustoprojektissa yllätyin itse, kuinka laajaa osaamista kokonaisuus vaatii – rakenteesta, ilmeestä ja viimeistelystä lähtien. WDS:n porukalla tätä osaamista on laajasti, ja he toivat pitkin matkaa uusia luovia ratkaisuvaihtoehtoja haasteisiin ja ideoihin.” – Ilmari Tala, Väriset Oy

Visuaalinen hintalaskuri

Sivustolle toteutettiin erillinen visuaalinen hintalaskuri yhteistyössä Rapidly Oy:n kanssa. Laskuri on räätälöity sovellus, jossa asiakas valitsee palveluita visuaalisesti – esimerkiksi talon maalauksen yhteydessä näkee työvaiheet ja lopputuloksen kuvan kirkastuvan valintojen myötä. Laskuri toimii liidilinkona: asiakkaan syöttämät tiedot ja hinta-arvio siirtyvät suoraan Easoftin myyntiputkeen, mikä tekee tarjouslaskennasta huomattavasti tehokkaampaa.

Paikkakuntasivujen hallinta

Väriset toimii yli 800 paikkakunnalla, ja jokaiselle on oma SEO/GEO-optimoitu sivunsa. Paikkakuntasivut ovat Värisetin liidituotannon ydin – merkittävä osa orgaanisesta liikenteestä ohjautuu niiden kautta. Uudistuksessa kaikki 805 paikkakuntasivua siirrettiin hallitusti uudelle sivustolle. Uudelleenohjaukset toteutettiin kattavasti, jotta hakukonenäkyvyys ei kärsinyt siirtymässä.

Paikkakuntasivujen ja palvelusivujen yhdistelmillä luodaan kohdennettuja sisältöpolkuja, joissa kävijä ohjataan suoraan oman alueensa palvelutarjontaan ja verkkokauppaan.

Tulokset

Sivusto julkaistiin helmikuussa 2026 ja verkkokauppa maaliskuussa. Ensimmäiset tulokset ovat lupaavia: liidimäärissä on nähty kymmenien prosenttien kasvu verrattuna vanhaan sivustoon, ja orgaaninen näkyvyys on säilynyt vahvana paikkakuntasivujen hallitun siirron ansiosta.

”Kriittisissä mittareissa on jo nähtävissä merkittäviä kymmenien prosenttien parannuksia. Tulevat kuukaudet täyttyvät seuraavista kehitysaskeleista sivuston parissa – WDS tulee tekemään jatkuvia parannuksia ja muutoksia asiakkaan kokemus edellä.” – Ilmari Tala, Väriset Oy

Tekniset yksityiskohdat

Teknologiat: WordPress, Gutenberg-lohkoarkkitehtuuri, WooCommerce, server-side GTM

Integraatiot: Easoft-toiminnanohjausjärjestelmä (kaksisuuntainen: tilaukset, liidit, kuormituskalenterit, referenssidata), ActiveCampaign WDS:n omalla WordPress-lisäosalla (markkinoinnin automaatio, liidien rikastaminen, UTM-seuranta), Google BigQuery (keskitetty myynti- ja markkinointidata-analytiikka), Zapier (prosessiautomaatiot), Leadoo (chatbot ja ajanvarauskalenteri)

Verkkokauppa: WooCommerce-pohjainen palveluiden verkkokauppa, postinumerokohtainen saatavuus ja toimitusalueet, reaaliaikainen kuormituskalenteri Easoftista, kolme kieltä (FI/SV/EN)

Muuta: 805 paikkakuntasivun hallittu migraatio, räätälöity visuaalinen hintalaskuri (Rapidly Oy), referenssikartta automaattisella datapäivityksellä Easoftista, palvelinpohjainen analytiikkaseuranta

The post Väriset verkkopalvelu-uudistus appeared first on Vierityspalkki.fi.

Lähtökohdat ja tavoitteet

Uudistustyö aloitettiin kohderyhmältään yritysasiakkaisiin keskittyvästä tapahtumajärjestäjä Finland Eventsin sivustosta. Tämän sivuston rakennesuunnittelussa painotettiin vahvasti konversioita ja referenssitarinoiden tehokasta esillepanoa. Itse sivupohjien suunnittelussa konversiopisteet olivat avainasemassa, jotta käyttäjät ohjautuisivat luontevasti kohti haluttuja toimenpiteitä. Tavoitteena oli luoda paitsi visuaalisesti raikas myös käyttäjäpolkua tukeva ja liiketoimintaa edistävä sivustokokonaisuus.

Suunnittelu ja tekninen toteutus

Vastasimme sivustojen käyttöliittymien suunnittelusta ja toteutuksesta uuden brändiohjeiston mukaisesti varmistaen yhtenäisen ja modernin käyttökokemuksen läpi konsernin sivustojen. Viestintätoimisto Tulus vastasi sisällöntuotannosta tiiviissä yhteistyössä Tampereen Messujen oman tiimin kanssa.

Verkkosivustojen teknisenä alustana hyödynnettiin WordPressiä ja sen modernia lohkoeditoria. Lohkopohjainen rakentaminen mahdollistaa joustavan sisällönhallinnan ja antaa sivuston ylläpitäjille vapauden luoda monipuolisia sivuasetteluja ilman teknistä osaamista.

Keskeinen osa uudistusta oli lomakedatojen sujuva yhdistäminen Tampereen Messujen CRM-järjestelmään. Tiedot siirretään Salesforceen CRM Perks -nimisen WordPress-lisäosan avulla. Tämä integraatioratkaisu mahdollistaa lomakekenttien vaivattoman yhdistämisen suoraan WordPressin hallintapaneelista ilman koodaustöitä, mikä tehostaa merkittävästi myynnin ja markkinoinnin prosesseja. Integraation helppouden vuoksi osa lomakkeista on toteutettu suoraan tapahtumasivustoille.

Sekä Finland Events että Expotec nojaavat vahvasti asiakasreferensseihin, joissa korostetaan henkilöstön osaamista ja helppoa yhteydenottoa. Finland Events -sivustolla painotetaan henkilöstön osaamista ja onnistuneita projekteja asiakasreferenssein, ja Expotec-sivusto vakuuttaa tuomalla selkeästi esille suunnittelun ja toteutuksen erinomaisen tason. Sivustolla käyttäjä voi valita suosikkimalleja, -tyylejä ja -toteutuksia yhteydenottolomakkeen liitteeksi, jotta jatkokeskustelu pääsee jouhevasti vauhtiin.

Projektin vaiheistus

Kaikki viisi suunniteltua sivustoa on nyt julkaistu. Finland Eventsin ja Expotecin lisäksi uuden ilmeen ja teknologian saivat Tampereen Messujen pääsivusto sekä Messu- ja Urheilukeskus. Pääsivusto toimii vahvana ohjauspisteenä yksittäisten tapahtumien sivustoille, jotka sijaitsevat multisite-rakenteen ulkopuolella.

Projektin ensimmäisessä vaiheessa toteutettiin kaksi B2B-liiketoiminnan sivustoa: messurakentamiseen keskittyvä Expotec ja tapahtumajärjestämisen puitteista kertova Finland Events. Näiden sivustojen jälkeen siirryttiin vaiheeseen kaksi, jossa toteutettiin konsernin kaksi seuraavaa sivustoa jättäen varaa jatkokehitykseen. Pääsivusto sekä Messu- ja Urheilukeskuksen sivusto toimivat enemmän ohjaavina ja informatiivisina laskeutumissivuina. Pääpaino on ohjata kävijät tapahtumien sivuille ja tarjota tietoa tiloista ja mahdollisuuksista varata tiloja omiin tapahtumiin, messuihin tai pienempiin kohtaamisiin. Tässä vaiheessa sisältötyyppejä laajennettiin referenssien lisäksi tapahtumakortteihin, ajankohtaisiin uutisiin sekä lukuisiin tiloihin, joissa esitellään kunkin tilan erityisominaisuudet, kapasiteetti ja pinta-ala.

Kolmannessa vaiheessa toteutettiin Finnresta-sivusto, joka keskittyy ravintolapuolen palveluihin. Erikoisuutena Finnresta-sivustolla esitettiin tilojen mahdolliset ravintola-, kahvila- ja pop-up-pisteet omina sivuinaan. Lisäksi samalla sivustolla hallinnoidaan messukohtaisia menuja. Lisäksi Finnresta-sivuston menut suunniteltiin niin, että ne voitiin upottaa kolmannen osapuolen sivustoille. Tällöin ravintolan tarjonta voidaan esittää suoraan kyseisen tapahtuman sivuilla, josta kävijät niitä etsivät.

Kaikkien sivustojen siirtäminen samalle modernille alustalle ja yhtenäisen visuaalisen ilmeen alle on selkeyttänyt konsernin digitaalista kokonaisuutta, parantaen käyttökokemusta ja tehostaen sisällönhallintaa ja datan hyödyntämistä. Uudistus luo vankan pohjan tulevaisuuden digitaaliselle kehitykselle ja tukee Tampereen Messujen liiketoiminnan tavoitteita.

The post Tampereen Messut -konsernin uudet verkkosivustot appeared first on Vierityspalkki.fi.

Haaste

Yhteistyömme käynnistyi syksyllä 2023, kun Hybridiarena Hype oli vasta rakenteilla niin brändillisesti kuin fyysisenä rakennuksena. Koska kohderyhmänä ovat niin kuluttajat, yritykset, seurat kuin kaupungin toimijatkin, brändi-identiteetin ja verkkosivuston tuli olla yhtenäinen, mutta samanaikaisesti jokaista kohderyhmää puhutteleva sekä eri toiminnallisuuksia mahdollistava.

Ratkaisu

Verkkopalvelusta luotiin eri kohderyhmiä ja asiakaspolkuja palveleva kokonaisuus, joka on selkeä, helppokäyttöinen ja visuaalisesti kiinnostava. Näyttävyyttä etusivulle tuo näytön vieritykseen sidottu animaatio itse rakennuksesta ja suunnistamista auttaa interaktiivinen kerroskartta.

Lisäksi toteutimme tilat ja palvelut kattavan laajan digitaalisen varauskalenterin ja verkkokauppa-alustan, joka kokoaa yhteen sekä kuluttaja- että yrityspalveluiden ostopolut. Olipa kyse joogatunnin varaamisesta tai yritystapahtuman järjestämisestä, Hypen koko tarjonta tuotiin asiakkaiden ulottuville yhden järjestelmän kautta.

Verkkopalvelu on rakennettu Next.js- ja React-teknologioilla, ja sisällönhallinta toteutettiin Sanity-järjestelmällä. Sanity valittiin erityisesti sen joustavan API-arkkitehtuurin ansiosta, sillä sivusto edellyttää integraatioita useisiin ulkoisiin järjestelmiin. Toteutukseen sisältyy integraatiot lipunmyyntijärjestelmään sekä varauskalenteriin, joiden kautta kaikki Hypen palvelut joogatunneista yritystapahtumiin ovat ostettavissa saman alustan kautta. Vieritykseen sidotut animaatiot ja interaktiivinen kerroskartta toteutettiin moderneja web-animaatiotekniikoita hyödyntäen.

Tulokset

Hype avasi ovensa vaiheittain alkuvuodesta 2025 liikuntatarjonnasta alkaen, ja kuntosali- ja ryhmäliikuntajäsenyyksien myynti ylitti tavoitteet ensimmäisinä kuukausina. Myös yritystapahtumien järjestäminen on lähtenyt käyntiin menestyksellä.

The post Hybridiarena Hype – uusi verkkopalvelu appeared first on Vierityspalkki.fi.

Isännöitsijätoimisto Erkki Oksanen Oy on vuonna 1980 perustettu perinteikäs perheyritys, joka tarjoaa isännöintipalveluita Helsingissä. Pitkä kokemus, vahva paikallistuntemus ja asiakaslähtöinen ja ripeä ote tekevät yrityksestä luotettavan kumppanin taloyhtiöille.

Lähtötilanne ja tavoitteet

Yrityksen aiempi verkkosivusto oli palvellut lähes kymmenen vuoden ajan, mutta ei enää vastannut modernin isännöinnin ja kasvavan liiketoiminnan vaatimuksia. Sivusto perustui raskaaseen valmisteemaan, mikä teki ylläpidosta kankeaa.

Sisältöjen painopiste oli vahvasti asukasviestinnässä, kun taas palveluiden ja yrityksen ammattitaidon esittely jäivät taka-alalle. Työnhakijoille ei viestitty sivustolla mitenkään.

Uudistuksen tavoitteena oli rakentaa moderni verkkopalvelu, joka palvelee sekä uusia että nykyisiä asiakkaita ja tukee rekrytointia.

Toteutus

Verkkopalvelu toteutettiin WordPress-alustalle räätälöitynä kokonaisuutena. Sivusto siirrettiin pois valmisteemasta kevyelle ja suorituskykyiselle ratkaisulle, mikä paransi sivuston nopeutta ja luotettavuutta.

Sisällönhallinta rakennettiin WordPressin lohkoeditoria hyödyntäen, mutta räätälöidyillä sisältölohkoilla, mikä mahdollistaa helpon ja sujuvan ylläpidon ilman teknistä osaamista.

Sisällöissä sivuston keskiöön nostettiin yrityksen asiantuntijat, toimintatavat ja asiakaskokemukset. Työnhakijoille luotiin oma osionsa, joka esittelee yritystä työnantajana ja auttaa houkuttelemaan uusia osaajia viestimällä tiimin ammattitaidosta ja yrityksen arvoista.

Lopputulos

Uudistettu verkkopalvelu on selkeä ja raikas kokonaisuus, joka palvelee tärkeimpiä kohderyhmiä ja tuo yrityksen kasvot ja vahvan osaamisen uskottavasti esiin. Sivusto toimii luotettavana työkaluna arjen viestinnässä.

The post Erkki Oksanen Oy – uusi verkkosivusto appeared first on Vierityspalkki.fi.

Vuonna 1982 perustettu Touring Cars on yksi Euroopan johtavista matkailuautojen vuokrauspalveluista, jonka toiminta keskittyy Pohjois-Eurooppaan ja Iso-Britanniaan, palvellen erityisesti kansainvälisiä turisteja Keski- ja Etelä-Euroopasta. Yhteistyön tavoitteena oli rakentaa vankka pohja kasvulle sekä laajentumiselle franchising-verkoston kautta uusille markkinoille.

Brändin kirkastus kansainväliseen kilpailuun

Uudistus alkoi brändistrategian ja visuaalisen identiteetin päivittämisellä. Tavoitteena oli tehdä Touring Carsista jälleen alansa johtava ja kansainvälisesti uskottava toimija.

Työssä määritettiin:

• Brändistrategia: Visiot, missiot, arvot ja brändipersoona.
• Visuaalinen identiteetti: Logo, typografia, värimaailma ja äänensävy (Tone of Voice)
• Brändiohjeisto: Työkalu, jolla varmistetaan yhtenäinen viestintä eri sidosryhmille ja franchising-yrittäjille.

Käyttäjäkokemus edellä uudistettu verkkopalvelu

Uusi Touringcars.com-sivusto rakennettiin vastaamaan alan parasta käyttäjäkokemusta. Projektin keskiössä oli monimutkaisen varausprosessin sujuvoittaminen ja myynnin kasvattaminen.

Sivuston keskeiset ominaisuudet:

• Varausprosessi: parhaiden palveluiden mukaisesti benchmarkattu ylivertainen varauskokemus.
• Konversion kasvattaminen hyödyntäen markkinointiautomaatiota.
• Hakukoneoptimointi (SEO): Sivusto rakennettiin teknisesti parhaita SEO-käytäntöjä noudattaen.
• Asiakkaan hallintapaneeli: Mahdollisuus hallinnoida omia varauksia, maksutietoja ja osamaksueriä.

Tekninen toteutus ja integraatiot

Verkkopalvelu toteutettiin täysin räätälöitynä WordPress-ratkaisuna, jossa tietoturva ja nopeusoptiointi olivat kriittisessä roolissa.

Järjestelmäarkkitehtuuri ja integraatiot:

• Wheel Sys: Syvä integraatio Booking Management -järjestelmään, josta haetaan autojen kategoriat, hinnat ja saatavuudet.
• Stripe: Maksuliikenteen hoitaminen ja transaktioiden hallinta.
• Server-side GTM & GA4: Kehittynyt analytiikka konversioseurannalla, joka mittaa varausprosessin etenemistä ja transaktioita.
• Tietoturva: Kaksivaiheinen tunnistautuminen, Cloudflare Proxy -suojaus ja Googlen reCaptcha-bottisuoja.

Tulokset ja jatkuva kumppanuus

Uudistuksen myötä Touring Cars sai selkeän markkinoinnin ja myynnin kokonaisuuden, jossa tavoitteet ja mittarit on johdettu suoraan liiketoiminnasta. Yhteistyö jatkuu markkinointikumppanuutena, joka kattaa mm. digimainonnan optimoinnin (Google Ads, Meta), markkinoinnin automaation ja jatkuvan sisällöntuotannon. Lisäksi WDS jatkaa verkkopalvelun kehitystä ja vastaa ylläpidosta.

The post Touring Cars brändi- ja verkkopalvelu-uudistus appeared first on Vierityspalkki.fi.

Novafloor on vaasalainen perheyritys, jonka tarina sai alkunsa jo 20 vuotta sitten tavoitteesta tarjota Suomen helpoin ja luotettavin tapa löytää unelmien lattia. Tänä päivänä yritys on yksi Suomen suurimmista lattia-alan toimijoista, joka tunnetaan erityisesti laadustaan ja omistautuneesta asiakaspalvelustaan.

WDS toimii Novafloorin strategisena markkinointikumppanina vastaten markkinoinnin kokonaisvaltaisesta toteutuksesta. Kumppanuus kattaa kaiken strategisesta markkinoinnin johtamisesta ja markkinointipäällikkö-palvelusta aina jatkuvaan digimarkkinointiin, analytiikkaan ja monikanavaiseen sisällöntuotantoon. Verkkokauppauudistus oli keskeinen osa tätä laajempaa kasvustrategiaa.

Lähtötilanne ja tavoitteet

Uudistukselle asetettiin kunnianhimoiset tavoitteet, joiden keskiössä oli kasvun mahdollistaminen rakentamalla verkkopalvelu, joka tukee skaalautumista niin kotimaassa kuin kansainvälisillä markkinoilla. Projektia ohjasi työnimi ”maailman paras lattiaverkkokauppa”, mikä tarkoitti käytännössä ylivertaista käyttökokemusta, jossa ostopolku on hiottu saumattomaksi inspiraatiovaiheesta aina lopulliseen tilaukseen asti. Teknisesti tavoitteena oli varmistaa ylläpidon helppous ja luoda saumaton, reaaliaikainen datavirta verkkokaupan ja yrityksen oman toiminnanohjausjärjestelmän välille.

Asiakasymmärrykseen pohjautuva suunnittelu

Lattian valinta on tyypillisesti pitkä prosessi, joka vaatii useita vierailuja ja usein fyysisen mallipalan tilaamista ennen lopullista päätöstä. Asiakasymmärrys ja myyntiprosessin tarkka mallintaminen olivatkin kriittisiä osia suunnittelua. Kävimme läpi kaikki käyttäjän ja verkkokaupan väliset vuorovaikutustilanteet optimoiden ne myyntiä tukeviksi.

Suunnittelussa nostettiin selkeästi esiin tärkeät elementit, kuten haku- ja suodatustoiminnot, ostoskori sekä tuotevalinnat, jotta ne ovat käyttäjän helposti havaittavissa. Brändin mukainen ulkoasu toteutettiin responsiivisesti, huomioiden mobiilikäyttäjien suuri osuus erityisesti alkuvaiheen inspiraation hakemisessa.

Tekninen toteutus ja ERP-integraatio

Sivusto toteutettiin täysin räätälöitynä WordPress- ja WooCommerce-ratkaisuna, jota täydennettiin mm. monikielisyyden varmistavalla WPML-lisäosalla. Tekninen ydin ja projektin vaativin osuus oli reaaliaikainen yhteys Novafloorin itse toteutettuun toiminnanohjausjärjestelmään. Tietojen siirto toteutettiin tietoturvallisesti REST API -rajapinnan kautta.

Integraation ansiosta kaikki ERP-järjestelmässä oleva tuotedata, reaaliaikaiset varastosaldot ja saapuvat tuote-erät kopioituvat automaattisesti verkkokauppaan. Vastaavasti verkkokaupasta tulevat tilaukset ja asiakastiedot siirtyvät automaattisesti ERP-järjestelmään käsiteltäväksi, mikä minimoi manuaalisen työn tarpeen. Maksutavoiksi valittiin Paytrail, ja toimitustavat integroitiin Postin järjestelmiin, sisältäen muun muassa automaattisen noutopistehaun mallipalatilauksille.

Tulokset ja jatkokehitys

Tehty uudistus oli kokonaisvaltainen hyppy kohti modernia digitaalista kaupankäyntiä, jossa tekninen suorituskyky ja brändin mukainen asiakaskokemus kohtaavat. Novafloorilla on nyt käytössään skaalautuva verkkokauppa, jossa tuotehallinta on automatisoitua ja ostoprosessi sujuvaa.

Markkinointikumppanina me jatkamme Novafloorin kasvun tukemista kehittämällä verkkokauppaa edelleen analytiikan pohjalta sekä toteuttamalla datavetoista digimarkkinointia ja rakentamalla markkinointiautomaatiota.

The post Novafloor verkkokauppauudistus appeared first on Vierityspalkki.fi.

Perinteinen pelastussuunnitelma on usein kymmenien sivujen pituinen PDF-dokumentti, joka koetaan lähinnä lakisääteisenä velvollisuutena, jota kukaan ei jaksa lukea. Safetum tunnisti tässä valtavan mahdollisuuden parantaa käyttäjäkokemusta ja luoda palvelun, joka tarjoaa todellista lisäarvoa loppukäyttäjälle – asukkaalle.

Lähtökohta: Miten byrokraattisesta dokumentista tehdään kiinnostava?

Safetumin digitaalinen uudistus oli jo käynnistynyt isännöitsijöille suunnatun riski- ja hallintatyökalun myötä, mutta seuraavaksi katse haluttiin kääntää tärkeimpään kohderyhmään: asukkaisiin.

Haaste oli selkeä. Toimialalla pelastussuunnitelmat olivat toimijasta riippumatta kankeita. Asiakaspalautteen perusteella nykyinen malli oli maineeltaan kaikkea muuta kuin käyttäjäystävällinen.

“Olimme kuulleet asiakkailta paljon palautetta siitä, että pelastussuunnitelma koetaan raskaaksi ja ’paperinmakuiseksi’ dokumentiksi, jonka olemassaolo perustuu vain lakisääteiseen pakkoon. Käytännössä kukaan asukas ei lue sitä tai tutustu sen sisältöön, vaan se haudataan digitaaliseen mappiin”, Safetumin digijohtaja Martti Soininen kuvailee lähtökohtaa.

Tavoite oli kaksitahoinen: parantaa asukaskokemusta ja rakentaa samalla selvää kilpailuetua. Markkinoilla kaikki toimijat tarjosivat käytännössä samaa, staattista dokumenttia.

Haastetta lähdettiin ratkomaan asukasymmärrys ja uusi visio keskiössä

Ratkaisun ytimeen otettiin alusta alkaen asukkaat. Prosessi käynnistettiin Hionin fasilitoimilla haastatteluilla, joihin kutsuttiin mukaan monipuolinen joukko käyttäjiä: taloyhtiöiden hallitusten jäseniä, turvallisuusorientoituneita henkilöitä sekä tavallisia asukkaita.

Haastattelut vahvistivat tarpeen kahdelle asialle: asukkaat kaipasivat konkreettisia, tilannekohtaisia ohjeita sekä varmuuden siitä, että ajantasainen tieto on helposti saatavilla.

Uuden konseptin kulmakiviksi muodostuivat helppokäyttöisyys ja tiedon pilkkominen pienempiin, helposti omaksuttaviin osiin informaatioähkyn välttämiseksi. Vaikka inspiraatiota haettiin osittain Duolingon kaltaisista oppimissovelluksista, palvelun haluttiin säilyvän ennen kaikkea luotettavana ja uskottavana tiedonlähteenä.

Konseptointityössä hyödynnettiin dataa, asiantuntijanäkemystä, haastatteluissa nousseita tarpeita, kehitysehdotuksia ja näkemyksiä. Konseptoinnin aikana arvioitiin uuden tuotteen sisältöhierarkiaa, toiminnallisuuksia ja future-proof näkökulmaa, eli miten saamme mahdollisimman muokattavan, kestävän ja kiinnostavan palvelun, joka houkuttelee asukkaita tutustumaan varautumiseen ja paloturvallisuuteen.

Suunnittelimme täysin uudenlaisen konseptin ja palvelun, jollaista ei vielä pohjoismaissa ole ollut.

Visuaalisen prototyypin valmistuttua siirryttiin tekniseen toteutukseen. Projektin onnistumisen kannalta avainasemassa oli tiivis ja proaktiivinen yhteistyö Safetumin ja Hionin tiimien välillä.

Lähestyttävää turvallisuustietoutta: Safetumin AI-Nalle

Yksi merkittävimmistä innovaatioista palvelussa on Safetumin ja Hionin kehittämä AI-Nalle. Sen avulla vaikeat turvallisuusasiat muuttuvat selkeiksi vastauksiksi: asukas kysyy, nalle vastaa.

AI-Nalle tuo tekoälyn konkreettiseksi turvallisuushyödyksi asukkaille. Se madaltaa kynnystä tutustua pelastussuunnitelmaan ja tarjoaa helppokäyttöistä, monikielistä ja saavutettavaa tukea. Se on suunniteltu auttamaan erityisesti niitä, jotka perehtyvät ohjeisiin harvemmin, löytämään oikeat toimintatavat hätätilanteissa ja arjen vaaranpaikoissa.

Ratkaisu on teknisesti vahva ja vastuullinen. Nallen vastaukset ovat lyhyitä, lähteistettyjä ja varovaisuus on sisäänrakennettu. Taustalla toimiva arkkitehtuuri yhdistää modernin LLM-kyvykkyyden hallittuun ja turvalliseen tiedonhakuun: taloyhtiökohtaiset faktat haetaan suoraan pelastussuunnitelmasta, kun taas yleiset neuvot perustuvat luotettaviin, ulkoisiin lähteisiin.

AI-Nalle tekee pelastussuunnitelmasta aidosti elävän palvelun, joka lisää tietoisuutta ja parantaa koko yhteisön varautumista.

Kevytsovellus palvelee kaikkia

Teknisesti kyseessä on kevytsovellus (PWA), eli verkkosivusto, joka mukautuu puhelimen ruudulle sovelluksen näköiseksi. Ratkaisun etuna on saavutettavuus: sitä ei ladata sovelluskaupasta, vaan se on käytettävissä verkkoselaimen kautta ilman erillistä kirjautumista.

Taloyhtiön ostaessa palvelun asukkaat pääsevät siihen käsiksi vaivattomasti esimerkiksi asukasportaalin, sähköpostilinkin tai ilmoitustaululla olevan QR-koodin kautta.

Lopputuloksena interaktiivinen turvallisuuspalvelu, joka toimii myös mobiilissa

Uudistuksen lopputuloksena syntyi moderni digipalvelu, joka pilkkoo pelastussuunnitelman helposti omaksuttaviin kokonaisuuksiin.

AI-Nallen lisäksi palveluun tuotiin kevyitä pelillisiä elementtejä, kuten oman kodin riskikartoitus ja tietovisatyylinen paloturvallisuustesti:

“Halusimme tuoda palveluun interaktiivisuutta, jotta se ei olisi vain pitkä tekstilista. Käyttäjä on itse aktiivinen vastatessaan, lukee lyhyen tekstiosuuden ja siirtyy seuraavaan kysymykseen.”, Martti summaa.

Palvelun keskeiset ominaisuudet

AI-Nalle -tekoälyavustaja

• Tuo tekoälyn konkreettiseksi turvallisuushyödyksi asukkaille ja madaltaa kynnystä tutustua pelastussuunnitelmaan.
• Toimii helppokäyttöisenä avustajana jolta voi kysyä paloturvallisuuteen liittyvistä asioista, ja joka tekee monimutkaisista turvallisuusasioista selkeitä.
• Tarjoaa monikielistä ja saavutettavaa tukea oikeiden toimintatapojen löytämiseksi.
• Hyödyntää hallittua tiedonhakua: taloyhtiökohtaiset faktat haetaan suoraan pelastussuunnitelmasta ja yleiset neuvot luotettavista lähteistä.

Pelillistetty riskiarviointi ja oppiminen

• Interaktiiviset ominaisuudet, kuten kodin riskiarviointi ja paloturvallisuusvisa, tekevät varautumisesta osallistavaa.
• Asukas saa vastauksiinsa välitöntä palautetta ja konkreettisia toimintaohjeita, mikä auttaa sisäistämään tärkeät turvallisuustiedot tehokkaasti ilman raskaiden tekstien lukemista.

Raportointikanava

• Asukkaat voivat ilmoittaa havaitsemistaan turvallisuuspuutteista (esim. kiinteistössä) suoraan palvelun kautta.
• Havainnot ohjautuvat Safetumin asiakaspalveluun, joka arvioi tilanteen ja ohjaa tiedon tarvittaessa eteenpäin oikealle taholle, kuten isännöitsijälle tai kiinteistöhuoltoon.

Palvelun virallinen julkistus oli 17. syyskuuta, ja vastaanotto on ollut erittäin myönteistä.

“Myyntihenkilöstömme ja toimitusjohtajamme, jotka ovat esitelleet palvelua paljon, ovat saaneet jatkuvasti positiivista palautetta. Palvelua pidetään mielenkiintoisena, uuden näköisenä ja se tuo selkeästi erilaisen näkökulman pelastussuunnitelmaan”, Martti iloitsee.

Uusi Safetum Pelastussuunnitelma-palvelu on esimerkki siitä, miten kunnianhimoisella palvelumuotoilulla, vankalla teknologiaosaamisella, ja tekoälyn tuomia mahdollisuuksia hyödyntäen voidaan luoda uusia, ihmisläheisiä ratkaisuja perinteisille haasteille. Safetumin Pelastussuunnitelma-palvelu on innovaatio, joka paitsi säästää aikaa ja vaivaa, myös voi pelastaa henkiä.

The post Pelastussuunnitelma-palvelun sovelluksen toteutus appeared first on Vierityspalkki.fi.

Tekniikan Maailman verkkopalvelu-uudistus toimi pilottina koko Otavamedian ekosysteemin modernisoinnille – ja tulokset puhuvat puolestaan.

Printtimedian pirstaloituneesta teknologiakokoelmasta kohti yhtenäistä alustaa

Otavamedian digitaalinen ympäristö oli ajautunut vuosien saatossa tilanteeseen, joka on tuttu monelle suurelle toimijalle: kymmenen eri brändiä, vaihtelevat teknologiaversiot ja päällekkäiset ratkaisut olivat luoneet pirstaloituneen kokonaisuuden, jota oli kallista ylläpitää ja hidasta kehittää.

Otavamedian lippulaivatuotteen Tekniikan Maailman sivuston tekninen toteutus oli kankea ja eriytynyt liiaksi muusta kehityksestä. Se ei tukenut toimituksen sujuvaa arkea tai sisällön tehokasta jakamista eri medioiden välillä, ja tekninen velka kasvoi jokaisen päivityksen myötä. Tiedossa oli myös vanhan Tekniikan Maailma -sivuston tekniset haasteet: se oli hidas ja eikä näkyvyys hakukoneissa (esim. Google) ollut hyvä.

Otavamedia kaipasi ratkaisua, joka tehostaisi ylläpitoa, mahdollistaisi sisällön saumattoman liikkumisen brändien välillä ja toimisi pohjana tuleville uudistuksille. Lähtökohtana oli rakentaa järjestelmä, jossa yhden sivuston kehitys hyödyttää välittömästi kaikkia muitakin.

“Sivustokohtaiset erot tekevät kokonaisuudesta vaikeasti hallittavan ja jatkokehityksestä kallista. Tämä projekti oli ensimmäinen askel, joka rakentaa pohjaa tuleville uudistuksille – tähtäimessä on koko tekemisen huomattava tehostaminen.” –Riku Österlund, Head of Design and Technology, Otavamedia

Tarkka vaatimusmäärittely viitoitti tien sujuvalle toteutukselle

Ennen kuin varsinainen projekti käynnistyi, tehtiin kohtalaisen iso vaatimusmäärittelyvaihe.

“Tarkka määrittely mahdollisti sen, että heti ensimmäisistä demoista alkaen Hionin kehittäjät pystyivät näyttämään konkreettisia asioita. Usein projekteissa on demoja, joissa näytetään vain koodirivejä, mutta nyt tekeminen muuttui heti konkreettiseksi ja meillä oli elementtejä testattavana.” –Riku Österlund, Head of Design and Technology, Otavamedia

Projektin tekninen toteutus oli vaativa voimannäyte, jossa siirrettiin 25 vuoden digitaalinen historia uuteen aikaan. Suurin haaste oli valtavan datamassan migraatio, joka kattoi satoja tuhansia artikkeleita ja kuvia aina 1950-luvulta saakka.

Toteutuksen onnistumisen takasi perinteisestä tilaaja-toimittaja-asetelmasta luopuminen. Toimimme yhtenä tiiminä, jossa asiakas testasi viikoittain toimivaa koodia suunnitelmien tuijottelun sijaan.

Tämä läpinäkyvyys mahdollisti nopeat suunnanmuutokset, itsenäiset ratkaisut ja turhan byrokratian karsimisen. Kehittäjämme pystyivät tekemään proaktiivisia ratkaisuja, ja lopputuloksena syntyi huippuunsa viritetty palvelu.

Less is more ja paluu natiiviin

Suunnitteluamme ohjasi vahva näkemys siitä, että teknologian on palveltava ensisijaisesti sekä käyttäjien tarpeita että liiketoiminnan skaalautuvuutta, ei hetkellisiä teknologiatrendejä.

Strateginen painopiste: Tehoja toimitukselliseen työhön

Projektin ytimessä oli valinta kohdistaa kehityksen suurin vipuvoima sisällöntuotantoon ja toimitukselliseen arkeen, sillä teknologian on palveltava ensisijaisesti liiketoiminnan skaalautuvuutta. Resurssit keskitettiin sisäisten avainkäyttäjien eli toimittajien työkalujen yhtenäistämiseen, mikä tuo Otavamedian laajuisesti merkittäviä tehokkuushyötyjä. Samalla kun toimituksen työnkulku sujuvoitui, uudistus paransi sivustojen teknistä suorituskykyä ja nopeutti latausaikoja, mikä näkyy lukijoille parempana käyttökokemuksena.

Tekninen visio: Paluu natiiviin ja modulaarisuuteen

Tekninen toteutus pohjautuu vahvaan kokonaisarkkitehtuuriin, jossa kalliit kustomoinnit korvattiin modernin WordPressin natiiveilla ominaisuuksilla. Hyödyntämällä Full Site Editing -ominaisuuksia ja Gutenberg-editoria toimitus sai enemmän joustavuutta ja yhtenäiset työkalut. Vanhat mammuttimaiset lisäosat purettiin modulaarisiksi kokonaisuuksiksi, mikä takaa järjestelmän tulevaisuudenkestävyyden ja mahdollistaa esimerkiksi digilehtitoiminnallisuuden jakamisen eri brändien välillä ilman sivustokohtaista räätälöintiä.

Skaalautuva arkkitehtuuri: Teema erillään teknisestä alustasta

Luova ratkaisu kiteytyi yhteiskäyttöiseen lohkoteema-arkkitehtuuriin, jossa sivuston teema toimii vain esityskerroksena ja tekninen alusta on yhteinen. Tämän mallin toimivuus todistettiin toteuttamalla Rakennusmaailma.fi samalle tekniselle pohjalle kuin Tekniikan Maailma vain brändivärejä ja fontteja vaihtamalla. Tämä syvällinen rakenteellinen muutos mahdollistaa uusien digitaalisten palveluiden lanseerauksen ja medioiden uudistamisen jatkossa huomattavasti aiempaa nopeammin ja kustannustehokkaammin.

Mitä tehtiin:

1. Siirryttiin Full Site Editingiin & Gutenberg-editoriin: Toimitukselle enemmän valtaa ja modernin WordPressin työkalut, jotka ovat yhtenäiset läpi koko Otavamedian mediaperheen.
2. Modulaarisuus: Mammutti-lisäosien purkaminen. Yksi lisäosa tekee yhden asian (esim. haku tai digilehdet), ja se on jaettavissa eri lehtien (TM, Rakennusmaailma, Anna jne.) kesken.
3. Future-proofing: Hyödynsimme WordPressin core-ominaisuuksia kustomointien sijaan. Kun WP päivittyy, koko ekosysteemi hyötyy ilman tarvetta kalliille räätälöintityölle.
4. Tietokannan radikaali siivous: Luovuimme raskaista ACF-lomakekentistä ja siirsimme sisällön suoraan WordPressin natiiviin Gutenberg-rakenteeseen. Tämä operaatio poisti tietokannasta satoja tuhansia rivejä turhaa metadataa, mikä kevensi järjestelmää merkittävästi.

Ennusteet rikki ja mittarit koilliseen

Uudistus ylitti kaikki optimistisimmatkin odotukset.

Tyypillisen uudistuksen jälkeisen hakukonenäkyvyyden notkahduksen sijaan mittarit lähtivät välittömästi lanseerauksen jälkeen jyrkkään nousuun. Sivuston kävijämäärät ja sivulataukset yli tuplaantuivat uudistuksen jälkeen, mikä on poikkeuksellinen tulos vakiintuneelle medialle.

Suorituskyvyn parannukset

Sivustonlaajuisesti Google PageSpeed Insightsin antama Performance Score parani mediaanilla laskettuna 53%.

• Suorituskykypisteiden muutos: 53.4%
• Ensimmäisen sisällön piirron muutos (fcp): -47.1%
• Suurimman sisällön piirron muutos (lcp): -19.1%
• Asettelun siirtymän muutos (cls): -98.9%

Sivuston latausnopeuksien parannukset selittyvät ensisijaisesti välimuististrategian tehostamisella.

Luvut on kauttaaltaan raportoitu mediaaneina, sillä ne antavat huomattavasti luotettavamman kuvan tilanteesta kuin pelkät keskiarvot.

Kävijämäärien muutos

Tekniikan Maailman kävijät yhteensä ennen julkaisua olivat 947 000 ja julkaisun jälkeen 2 638 000. Kävijämäärä siis yli 2,5-kertaistui. Viikkotasolla muutos on kutakuinkin sama.

Sivulataukset per istunto

Sivulatausten osalta uudistuksen jälkeen sivulataus / istunto sivustolla on ollut ennen uudistusta 2,26 ja jälkeen 1,47. Toisaalta istuntoja oli ensimmäisellä ajanjaksolla 2 miljoonaa ja jälkimmäisellä 10 miljoonaa, kasvua 400%.

Mainonnan impressiot

Kasvua 325%.

Google-hakujen muutos

Orgaaniset Google-haut tuottivat ennen julkaisua 600 000 sivulatausta ja julkaisun jälkeen 805 000 sivulatausta. Kasvua 34%.

Google Discover-muutokset

Google Discover tuotti ennen julkaisua 605 000 sivulatausta ja julkaisun jälkeen 8,5 miljoonaa sivulatausta. Discoverissa muutos on ollut suurin, kasvua 1 305%.

Vaikutukset mediamyyntiin ja kustannuksiin

– Lisääntynyt liikenne ja sivuston parantunut suorituskyky ovat realisoituneet suoraan kasvaneena mediamyyntinä, sillä mainosten näkyvyys (viewability) on parantunut latausnopeuksien myötä.
– Samalla kun liikenne on kasvanut, tekniset kustannukset ovat laskeneet. Tietokannan optimoinnin ja resurssitehokkaamman arkkitehtuurin ansiosta palvelinkulut (AWS) pienenivät arviolta 5–10 %.

Kun saatiin teknologia kuntoon, se näkyy suoraan luvuissa

Strategisella tasolla hanke onnistui validoimaan arkkitehtuuriratkaisun: konsepti on todistettu toimivaksi jo kahdessa eri mediassa, ja sisällön ristiinjulkaisu eri brändien välillä on nyt teknisesti vaivatonta. Projektilla varmistettiin Otavamedian kilpailukyky ja tekninen ketteryys pitkälle tulevaisuuteen.

“Tärkein tulos on tekninen softakehitys-framework, jonka päälle viedään yhtenäistämistä eteenpäin. Se maksaa itseään takaisin tulevaisuudessa.” –Riku Österlund, Head of Design and Technology, Otavamedia

Pilottina toiminut Tekniikan Maailman uudistus viitoittaa tietä Otavamedian harmonisointistrategian jatkumiselle. Palveluiden jatkokehitys ja ekosysteemin harmonisointi jatkuu, ja mukaan otetaan myös käyttäjäpolkujen parantaminen.

”Projekti oli oikein onnistunut. Harvoin suunta pysyy näin selkeänä koko projektin ajan. Tekeminen oli hyvin avointa ja duunia painettiin yhteistyössä yhtenä tiiminä.” –Riku Österlund, Head of Design and Technology, Otavamedia

The post Tekniikan Maailman verkkopalvelu-uudistus appeared first on Vierityspalkki.fi.

Espoon Kodinkonehuolto, Helsingin Kodinkonehuolto ja Vantaan Kodinkonehuolto ovat osa palveluverkostoa, jolla on yli 25 vuoden kokemus alalta. Yritykset tarjoavat kodinkoneiden ja lämpöpumppujen huolto- ja asennuspalveluita koko pääkaupunkiseudulla.

Verkosto huoltaa merkistä riippumatta lähes kaikkia yleisimpiä kodinkoneita ja toimii lämpöpumppujen osalta Scanofficen valtuuttamana jälleenmyyjänä. Toiminnan laajuus kattaa vuosittain tuhansia huolto- ja asennuskäyntejä, mikä tekee yrityksistä keskeisen toimijan alueen kotitalouksille. Sisaryritykset toimivat itsenäisinä paikallisina yksikköinä, mutta niillä on yhteinen omistuspohja.

Lähtötilanne

Vantaan, Helsingin ja Espoon Kodinkonehuollon verkkosivustot olivat teknisesti vanhentuneet ja niiden visuaalinen ilme oli keskenään epäyhtenäinen. Vanhoilla sivustoilla kiireelliset huoltopalvelut ja suunnitelmallisempaa harkintaa vaativa laitemyynti eivät erottuneet toisistaan riittävän selkeästi. Jokaisella kaupungilla oli käytössään oma sivustonsa, mutta ne eivät muodostaneet visuaalisesti tai toiminnallisesti yhtenäistä kokonaisuutta.

Projektien tavoitteet

Sivustouudistukset toteutettiin kolmena erillisenä projektina eri ajankohtina. Jokaiselle uudistukselle asetettiin yhtenäiset tavoitteet. Keskeisenä ajatuksena oli rakentaa jokaisesta sivustosta juuri kyseisen kaupungin kohderyhmää palveleva kokonaisuus, vaikka tekninen pohja ja visuaalinen linja olisivatkin yhtenäiset.

Projektien tavoitteet olivat seuraavat:

• Brändiyhtenäisyys: Logojen ja visuaalisen ilmeen päivitys siten, että ne viestivät yhteisestä verkostosta paikallinen tunnistettavuus huomioiden.
• Ostopolun selkiyttäminen: Käyttöliittymän suunnittelu, joka ohjaa asiakkaan joko huoltotilaukseen tai lämpöpumppujen tuotetiedon pariin.
• Hakukonenäkyvyys: Paikallisen löydettävyyden varmistaminen kunkin kaupungin toiminta-alueella.

Toteutus

Rajasoft vastasi kolmen sivuston brändiuudistuksesta, sisällöntuotannosta sekä teknisestä toteutuksesta. Sivustot rakennettiin WordPress-alustalle räätälöityjä sisältölohkoja hyödyntäen. Projekteissa käytettiin yhtenäistä teknistä rakennetta ylläpidon ja suorituskyvyn varmistamiseksi.

Toteutuksen keskeisiä osia olivat seuraavat kokonaisuudet:

• Logon ja visuaalisen ilmeen uudistus.
• WordPress-toteutus räätälöidyillä sisältölohkoilla.
• Sisältöstrategia ja hakukoneoptimoitu sisällöntuotanto.
• Ostopolkujen ja käyttöliittymän (UI/UX) suunnittelu.
• Hakukonenäkyvyyden (SEO) varmistaminen siirtovaiheessa.
• Nopeus- ja mobiilioptimointi.

Lopputulos

Uudistetut verkkopalvelut muodostavat teknisesti ja visuaalisesti yhtenäisen kokonaisuuden. Rakenteelliset parannukset ja selkeytetyt huoltotilauslomakkeet ohjaavat käyttäjiä palveluiden pariin aiempaa tehokkaammin, mikä sujuvoittaa huollon tilaamista ja helpottaa yritysten asiakaspalvelun kuormitusta.

Yhteistyö jatkuu sivustojen teknisen ylläpidon sekä kullekin sivustolle kohdennetun digitaalisen markkinoinnin parissa.

The post Kodinkonehuolto-verkoston brändi- ja verkkopalvelu-uudistus appeared first on Vierityspalkki.fi.

Terawatt Oy on vuonna 2004 perustettu suomalainen sähköurakointiyritys, joka toteuttaa sähköisen talotekniikan ratkaisuja koko Suomen alueella Vantaan ja Oulun toimipisteidensä kautta. Yritys palvelee laajasti rakennusalan tarpeita – toimitilarakentamisesta asuntorakentamiseen, korjausrakentamiseen ja linjasaneerauksiin – sekä toteuttaa myös keskijännite‑ ja uusiutuvan energian kokonaisuuksia, kuten aurinkovoimaloita, sähköauton latausjärjestelmiä ja energian varastointiratkaisuja.

Terawattilla työskentelee noin 110 alan ammattilaista, ja sillä on yli 20 vuoden kokemus vaativista sähköurakoista. Toiminta perustuu asiakkaiden pitkäaikaiseen luottamukseen ja monipuoliseen osaamiseen niin pienissä kuin suurissa kohteissa eri toimialoilla.

Lähtötilanne ja tavoitteet

Terawattin aiempi verkkosivusto ei vastannut yrityksen nykyistä kokoa eikä tukenut liiketoiminnan arkea. Sivuston rakenne oli epäselvä, ylläpito koettiin työlääksi ja kokonaisvaikutelma jäi pienemmän toimijan tasolle.

Uudistuksen tavoitteena oli rakentaa selkeä ja uskottava verkkosivusto, joka tukee myyntiä, on helposti ylläpidettävissä ja toimii tehokkaana alustana työnantajaviestinnälle sekä rekrytoinnille.

Toteutus

Rajasoft vastasi verkkosivustouudistuksen määrittelystä, suunnittelusta ja teknisestä toteutuksesta. Projektissa uudistettiin sivuston rakenne, käyttöliittymä ja sisällön esitystapa sekä parannettiin ylläpidettävyyttä WordPress-alustalla.

Sivustolle toteutettiin laaja referenssikokonaisuus, jossa toteutuksia voidaan hakea ja suodattaa toimialan mukaan. Tämä tukee myyjien työtä erityisesti asiakastilanteissa, joissa esitellään vastaavia projekteja.

Rekrytointia varten sivustolle toteutettiin TalentAdore-integraatio, jonka ansiosta avoimet työpaikat tuodaan suoraan järjestelmästä verkkosivustolle ja hakeminen tapahtuu sujuvasti saman kokonaisuuden kautta.

Lopputulos

Uudistettu verkkosivusto vastaa nyt Terawattin kokoa, osaamista ja toimintamallia. Referenssien löydettävyys ja esitystapa tukevat myyntiä, ja sivusto toimii selkeänä kokonaisuutena asiakkaille, yhteistyökumppaneille ja työnhakijoille.

Sivuston ylläpito on aiempaa helpompaa, mikä on lisännyt sisällön aktiivista käyttöä arjessa.

The post Terawatt – uusi verkkosivusto appeared first on Vierityspalkki.fi.

Varjon sivustouudistuksen tavoitteena oli rakentaa kokonaisuus, joka heijastaa Varjon teknologista edelläkävijyyttä ja visuaalista laatua, mutta samalla toimii tehokkaana työkaluna markkinointitiimille HubSpot-alustalla.

Keskeinen haaste oli tuoda tuotteen laatu ja visuaalisuus eloon digitaalisessa ympäristössä. Sivuston tuli toimia sekä brändin lippulaivana että käytännön markkinointikanavana uusien tuotteiden lanseerauksissa.

Varjon uudistettu brändi syntyi yhteistyössä 20/20 Helsingin kanssa. Luonnosten pohjalta MEOMin tehtävänä oli toteuttaa selkeä ja rohkea layout.

Valittu tyyli antaa tilaa Varjon näyttävälle kuva- ja videomateriaalille. Modulaarinen HubSpot-toteutus tekee sisällön päivittämisestä sujuvaa, ja markkinointitiimi voi luoda kampanjasivuja ketterästi eri tarpeisiin.

The post Varjon sivustouudistus appeared first on Vierityspalkki.fi.

Erkkeri Oy LKV on vuonna 1995 perustettu kiinteistönvälitystoimisto, joka palvelee asiakkaita pääkaupunkiseudulla. Yritys tarjoaa asuntojen ja toimitilojen myynti- ja vuokrauspalvelut, kirjalliset arviolausunnot sekä muut kiinteistökaupan edellyttämät palvelut.

Erkkeri tunnetaan paikallistuntemuksesta, asiakaskohtaisesta palvelusta ja markkinatuntemuksesta. Yrityksen toiminta perustuu rehellisyyteen, luotettavuuteen ja asiantuntemukseen, mikä näkyy erityisesti vaativissa kohteissa ja monimutkaisissa prosesseissa.

Lähtötilanne ja tavoitteet

Erkkerin aiempi verkkosivusto oli teknisesti vanhentunut, ja sen rakenne ei tukenut riittävällä tasolla kohteiden hallintaa ja sisällön päivittämistä. Myös integraatioiden hyödyntäminen oli rajallista.

Projektin tavoitteiksi asetettiin:

• Selkeä ja visuaalisesti houkutteleva kohteiden esittely
• Manuaalisen työn vähentäminen kohteiden ylläpidossa
• Helppokäyttöinen ja jatkokehitettävä WordPress-sivusto
• Yrityskuvan ja viestinnän kehittäminen

Toteutus

Rajasoft vastasi verkkopalvelun määrittelystä, suunnittelusta ja toteutuksesta.

Keskeiset ratkaisut:

• WordPress-alusta räätälöidyillä sisältölohkoilla, joka mahdollistaa helpon sisällönhallinnan ja jatkuvan kehityksen
• Visuaalinen ilme uudistettiin brändiä tukevaksi, ja yrityksen oma kuvamateriaali nostettiin keskiöön
• Linear-integraatio automatisoi kohteiden hallinnan ja vähentää manuaalista työtä
• Vuokrahakemuslomake ja automatisoitu viestintä tehostavat vuokrattavien kohteiden asiakaspolkuja

”Oli hyvä, että Rajasoftissa oltiin realistisia ja kerrottiin, kuinka paljon aikaa ja resursseja kunkin toiveen toteuttaminen teknisesti vaatisi. Näin projekti ei paisunut liikaa.”

– Terhi Koponen, Erkkeri

Lopputulos

Uusi verkkopalvelu tekee kohteiden esittelystä selkeää ja johdonmukaista, vähentää manuaalista työtä ja tukee Erkkerin päivittäistä toimintaa. Sivuston rakenne ja automatisoidut prosessit varmistavat sujuvan asiakaskokemuksen ja tekevät ylläpidosta helppoa myös projektin päätyttyä.

The post Erkkeri – uusi verkkosivusto appeared first on Vierityspalkki.fi.

Balkonser Oy on suomalainen parveke- ja terassilasien huoltoon ja korjaukseen erikoistunut yritys. Se palvelee sekä yksityisiä asiakkaita että taloyhtiöitä ja kiinteistöalan ammattilaisia ympäri Suomen. Yrityksen palveluihin kuuluvat huolto- ja kuntotarkastukset kaikille lasitusmerkeille sekä taloyhtiöille suunnatut PRO-palvelut. Balkonserin tavoitteena on pidentää lasitusten käyttöikää, parantaa turvallisuutta ja vähentää pitkän aikavälin kustannuksia.

Lähtötilanne ja tavoitteet

Balkonserin aiempi verkkosivusto oli teknisesti vanhentunut ja rakenteeltaan sekava. Tämä vaikeutti palveluiden löytymistä ja heikensi asiakaspolkujen sujuvuutta. Sivusto ei enää tukenut yrityksen kasvua, asiantuntijuuden viestintää eikä digitaalista liidien keruuta.

Projektin tavoitteeksi asetettiin:

• Visuaalisesti ajanmukainen ja brändiä vahvasti tukeva verkkosivusto
• Helppokäyttöinen ja ylläpidettävä WordPress-alusta
• Sujuvat käyttäjäpolut palveluiden löytämiseen ja huollon varaamiseen
• Digitaalisen myynnin ja liidien generoinnin tukeminen

Toteutus

Uusi verkkopalvelu rakennettiin WordPressille Rajasoftin räätälöidyllä teemalla ja lohkopohjaisella sisällönhallinnalla, mikä mahdollistaa joustavan ja vaivattoman sisällön päivityksen.

Keskeiset toteutukset:

• Käyttäjäpolut ja sisältörakenne suunniteltiin eri kohderyhmät huomioiden, jotta navigointi on intuitiivista ja yhteydenotto ohjautuu tehokkaasti
• Visuaalinen ilme uudistettiin rauhalliseksi, yhtenäiseksi ja brändiä tukevaksi
• Sisältö laadittiin havainnollistamaan palveluiden hyötyjä ja helpottamaan asiakkaan päätöksentekoa

Lopputulos

Uusi verkkosivusto toimii aktiivisena myynnin ja liidien generoinnin välineenä. Selkeä rakenne, optimoidut lomakepolut ja informatiivinen palveluesittely parantavat asiointikokemusta ja tuottavat laadukkaampia yhteydenottoja. Sivusto palvelee sekä yksittäisiä parvekelasitusten omistajia että taloyhtiöitä, vahvistaen Balkonserin asemaa luotettavana lasitushuollon kumppanina Suomessa.

Rajasoft vastaa myös sivuston teknisestä ylläpidosta ja digitaalisen markkinoinnin kehittämisestä, mikä takaa sivuston toimivuuden ja näkyvyyden jatkossa.

The post Balkonserin uusi verkkosivusto appeared first on Vierityspalkki.fi.

Kotimaailma on valtakunnallinen kalustettujen asuntojen tarjoaja, joka palvelee matkailijoita, yritysasiakkaita sekä lyhyt- ja pitkäaikaisen asumisen tarpeita eri puolilla Suomea. Liiketoiminnan ytimessä on joustava asuminen ja sujuva varausprosessi – asiakkaan on voitava löytää, vertailla ja varata sopiva kohde nopeasti ja luotettavasti.

Vuoden 2025 alussa Kotimaailma käynnisti verkkosivuston uudistuksen yhteistyössä G-Worksin kanssa. Tavoitteena oli nostaa digitaalinen asiakaskokemus uudelle tasolle ja rakentaa alusta, joka tukee kasvua ja ohjaa tehokkaasti konversioon.

Uudistuksen keskiössä oli näyttävä, suorituskykyinen ja kaupallisesti optimoitu verkkopalvelu. Lopputuloksena syntyi kokonaisuus, joka palvelee monipuolista asiakaskuntaa, tekee sopivan asumisratkaisun löytämisestä vaivatonta ja mahdollistaa saumattoman varauskokemuksen eri päätelaitteilla.

Lähtötilanne ja tavoitteet

Kotimaailman aiempi verkkosivusto toimi pääasiassa esittelykanavana. Käyttäjät pystyivät selaamaan kohteita kaupungeittain ja tutustumaan palveluun, mutta varsinainen varausprosessi tapahtui erillisessä kolmannen osapuolen järjestelmässä. Tämä katkaisi asiakaspolun, vei käyttäjän pois sivustolta ja lisäsi kitkaa ostopäätöksen kriittisimmässä vaiheessa.

Uudistuksen keskeisenä tavoitteena oli yhdistää koko varauspolku yhdeksi saumattomaksi käyttökokemukseksi. Varausjärjestelmä integroitaisiin suoraan osaksi verkkosivustoa aina maksamiseen asti, jotta asiakas voi hoitaa koko prosessin alusta loppuun samassa ympäristössä.

Samalla tavoitteena oli selkeyttää palvelurakennetta, parantaa suorituskykyä ja rakentaa teknisesti kestävä, skaalautuva alusta tulevaa kehitystä ja liiketoiminnan kasvua varten.

Suunnittelu ja toteutus

Verkkopalvelu toteutettiin WordPressin päälle rakennetulla modernilla headless-arkkitehtuurilla. Ratkaisu yhdistää joustavan ja tehokkaan sisällönhallinnan suorituskykyiseen käyttöliittymään. Frontend rakennettiin Next.js- ja React-teknologioilla, mikä mahdollistaa nopeat latausajat, erinomaisen käyttökokemuksen ja teknisesti skaalautuvan kokonaisuuden myös tulevaisuuden kehitystarpeisiin.

Projektin keskeinen tekninen kokonaisuus oli useiden kolmannen osapuolen rajapintojen integrointi yhdeksi selkeäksi ja saumattomaksi varauspoluksi. Eri järjestelmien data koottiin yhtenäiseksi käyttäjäkokemukseksi, jonka ansiosta asiakkaat voivat tarkistaa saatavuuden, vertailla vaihtoehtoja ja tehdä varauksen suoraan Kotimaailman sivustolla ilman siirtymiä ulkoisiin palveluihin.

Maksaminen toteutettiin Paytrail-integraatiolla, joka tuo turvallisen ja luotettavan maksuprosessin osaksi samaa brändiympäristöä. Yhtenäinen varaus- ja maksukokemus vahvistaa luottamusta, vähentää keskeytyneitä ostopolkuja ja tukee suoraan liiketoiminnan kasvua.

Lopputulos ja hyödyt

Lopputuloksena syntyi moderni, visuaalisesti viimeistelty ja liiketoimintaa aidosti tukeva verkkopalvelu, jossa yhdistyvät erinomainen käytettävyys, korkea tekninen suorituskyky ja selkeä, konversioon ohjaava asiakaspolku. Asiakkaat voivat nyt löytää, vertailla ja varata kalustettuja asuntoja sekä maksaa varauksensa sujuvasti yhdessä ja samassa palvelussa.

Yhtenäinen varaus- ja maksukokemus vahvistaa brändiä, vähentää ostopolun kitkaa ja tukee suoraan myynnin kasvua.

G-Worksin yhteistyö Kotimaailman kanssa jatkuu aktiivisesti ylläpidon ja jatkokehityksen parissa. Tavoitteena on varmistaa, että digitaalinen palvelu kehittyy jatkuvasti liiketoiminnan ja asiakastarpeiden mukana.

Projektitiimimme – Sami, Joona, Altti ja Rasse – kiittää Kotimaailman tiimiä sujuvasta ja onnistuneesta projektista.

The post Kotimaailma – verkkosivusto ja varausjärjestelmä appeared first on Vierityspalkki.fi.

UpCloudin verkkosivuston taustalla oli jo toimiva ja laajasti hyödynnetty lohkopohjainen kokonaisuus. Kun brändi uudistui, tavoitteena ei ollut rakentaa kaikkea uudelleen, vaan viedä uusi ilme tehokkaasti ja hallitusti käyttöön olemassa olevaa rakennetta hyödyntäen.

Visuaalisen uudistuksen ja sivunäkymien suunnittelusta vastasi helsinkiläinen bränditoimisto Kallan & Co, ja Duden tehtävänä oli huolehtia siitä, että uusi ilme jalkautuu teknisesti laadukkaasti, johdonmukaisesti ja skaalautuvasti koko sivustolle.

Tavoitteet

• Jalkauttaa uusi brändi-ilme aiemman sivuston lohkorakenteeseen
• Säilyttää hyväksi todettu tekninen perusta ja sisällönhallinta
• Varmistaa ilmeen yhtenäisyys kaikissa näkymissä
• Mahdollistaa jatkuva, ketterä kehitys
• Kehittää uusia ja laajennettuja lohkoja tarpeen mukaan

Mitä tehtiin

Veimme UpCloudin uuden brändi-ilmeen olemassa olevien lohkojen päälle huolellisesti ja systemaattisesti. Tämä tarkoitti sitä, että aiemmin rakennetut sisällölliset ja tekniset ratkaisut säilyivät, mutta niiden visuaalinen ilme päivitettiin vastaamaan uutta brändiä. Dudella oli tässä kokonaisuudessa vahva tekninen vastuu.

Jatkokehityksen yhteydessä olemme myös suunnitelleet ja toteuttaneet uusia sekä laajennettuja lohkoja, joissa Dude on vastannut sekä suunnittelusta että toteutuksesta. Kehitystä tehdään jatkuvasti ja ketterästi, käytännössä viikoittain, jotta sivusto pysyy ajantasaisena ja vastaa liiketoiminnan muuttuviin tarpeisiin.

Lopputulos

UpCloudin verkkosivusto ilmentää nyt uutta brändiä johdonmukaisesti ja laadukkaasti, ilman että toimivaa teknistä perustaa tarvitsi purkaa tai rakentaa uudelleen. Sivusto on visuaalisesti tunnistettava, teknisesti vakaa ja helposti jatkokehitettävä.

Jatkuva kehitysmalli varmistaa, että sivusto elää UpCloudin mukana ja kehittyy hallitusti myös tulevaisuudessa.

Projektin kohokohdat

Uusi brändi sujuvasti olemassa olevaan rakenteeseen
Uusi visuaalinen ilme vietiin tehokkaasti käyttöön hyödyntäen aiempia lohkoja ja rakenteita, mikä nopeutti uudistusta ja varmisti teknisen jatkuvuuden.

Jatkuva, viikoittainen kehitys
Sivustoa kehitetään aktiivisesti ja ketterästi – pienet ja suuremmat parannukset viedään tuotantoon osana jatkuvaa yhteistyötä.

Laajennetut lohkot Duden suunnittelulla
Uusissa ja jatkokehitetyissä lohkoissa Dude vastasi myös suunnittelusta, varmistaen saumattoman istuvuuden sekä brändiin että tekniseen kokonaisuuteen.

The post UpCloud – Uudistettu verkkosivusto appeared first on Vierityspalkki.fi.

Kingi Oy on suomalainen kiinnitystekniikan ja rakennuspeltialan edelläkävijä, tunnettu kestävistä tuotteistaan ja innovatiivisesta tuotekehityksestä. Yrityksen lippulaivatuote, Kingi®-kateruuvi, edustaa alan huippua säänkestävyydessä ja pitkäikäisyydessä. Kingi palvelee sekä ammattilaisia että laatutietoisia kuluttajia periaatteella: vain paras on kyllin hyvää.

Lähtötilanne ja tavoite

Kingi halusi uudistaa verkkokauppansa tukemaan paremmin päivittäistä myyntityötä ja liiketoiminnan kasvua. Aiempi ratkaisu ei vastannut tuotteiden variaatioiden hallintaan, tilausten käsittelyyn eikä puhelinmyyntiin ja tarjouslaskentaan liittyviin tarpeisiin.

Tavoitteena oli verkkokauppa, joka toimii aidosti osana myynti- ja asiakaspalveluprosesseja ja tarjoaa asiakkaille selkeän, helpon ja luotettavan ostokokemuksen.

Toteutus

Verkkokauppa toteutettiin räätälöidysti WordPress- ja WooCommerce-alustalle ilman valmisteemoja. Rakenne, käyttöliittymä ja liiketoimintalogiikka suunniteltiin suoraan Kingin tarpeista käsin.

Tuotteiden monipuoliset variaatiot, hinnoittelu ja esitystapa toteutettiin joustavasti, jotta oikean tuotteen löytäminen on asiakkaalle nopeaa ja vaivatonta.

Erityinen painopiste oli backend-ratkaisuissa: tilausten käsittelyä, puhelintilauksia ja tarjouslaskentaa varten rakennettiin räätälöidyt hallintatoiminnot. Tämä vähensi manuaalista työtä ja nopeutti myynnin arkea.

Lisäksi toteutettiin Kingin myyntimallia tukeva kassa- ja toimituslogiikka, Posti-integraatiot, relevanssipohjainen haku, monikielinen rakenne sekä SEO- ja analytiikkavalmiudet.

Lopputulos

Kingi-verkkokauppa tukee nyt tehokkaasti monikanavaista myyntiä ja sujuvoittaa arjen prosesseja. Asiakkaat saavat selkeän ostokokemuksen, ja henkilöstön työ on nopeampaa ja hallitumpaa.

Rajasoft vastaa verkkokaupan ylläpidosta, palvelinympäristöstä ja jatkuvasta kehityksestä varmistaen ratkaisun toimivuuden myös tulevaisuudessa.

The post Kingi-verkkokauppa appeared first on Vierityspalkki.fi.

Vantaan Kodinkonehuolto on kodinkoneiden ja ilmalämpöpumppujen huoltoon ja asennukseen erikoistunut paikallinen yritys, joka on palvellut alueen kotitalouksia jo vuosikymmenten ajan. Yritys on osa Helsingin ja Espoon Kodinkonehuollon kanssa muodostuvaa palveluverkostoa.

Toiminnan ytimessä ovat vahva paikallinen läsnäolo, tekninen osaaminen ja sujuva asiointi. Palvelu kattaa sekä kiireelliset kodinkonehuollot että suunnittelua vaativat ilmalämpöpumppujen asennukset ja huollot.

Lähtötilanne ja tavoitteet

Vantaan Kodinkonehuollon verkkopalvelu ja visuaalinen ilme kaipasivat uudistusta vastaamaan nykyajan vaatimuksia. Tavoitteena oli luoda Vantaan toimipisteelle oma, selkeästi tunnistettava identiteetti, joka erottuu sisaryrityksistä mutta säilyttää yhteyden laajempaan kokonaisuuteen.

Lisäksi verkkopalvelun tuli palvella kahta erilaista palvelukokonaisuutta – kiireellistä huoltoa ja suunnitelmallista laitemyyntiä – selkeästi ja helposti, erityisesti paikallista kohderyhmää ajatellen.

Toteutus

Rajasoft toteutti Vantaan Kodinkonehuollolle kokonaisvaltaisen brändi- ja verkkopalvelu-uudistuksen. Projekti aloitettiin logon ja graafisen ilmeen päivityksellä, jossa painotettiin teknistä osaamista ja luotettavuutta korostavaa värimaailmaa.

Verkkopalvelu toteutettiin WordPress-alustalle hyödyntäen räätälöityjä sisältölohkoja. Sisältörakenne ja käyttöliittymä suunniteltiin tukemaan nopeaa tiedon löytämistä ja vaivatonta yhteydenottoa kaikilla päätelaitteilla.

Toteutuksen keskeisiä osa-alueita:

• logon ja visuaalisen identiteetin uudistus
• WordPress-toteutus räätälöidyillä sisältölohkoilla
• paikalliseen kohderyhmään kohdennettu sisältörakenne
• selkeytetyt yhteydenottopolut ja huoltotilauslomakkeet
• mobiilikäytettävyyden ja suorituskyvyn optimointi

Lopputulos

Uudistettu brändi-ilme ja verkkopalvelu tukevat Vantaan Kodinkonehuollon asemaa paikallisena asiantuntijana ja helpottavat asiakkaiden asiointia. Sivusto toimii nyt aktiivisena osana myyntiä ja asiakaspalvelua, tehden avun tilaamisesta ja palveluiden löytämisestä nopeaa ja vaivatonta.

Rajasoft vastaa verkkopalvelun teknisestä ylläpidosta ja kohdennetusta digitaalisesta markkinoinnista varmistaen paikallisen näkyvyyden jatkossakin.

The post Vantaan Kodinkonehuollon verkkopalvelu-uudistus appeared first on Vierityspalkki.fi.

Veljekset Kamula Oy on moderni ja eteenpäin katsova LVI- ja rakennusalan toimija, joka yhdistää vahvan käytännön osaamisen, laadukkaan työnjäljen ja määrätietoisen digitalisaation. Kamula tunnetaan asiakaslähtöisestä toimintatavastaan ja kyvystään kehittää palveluita aidosti arkea helpottaviksi – niin kuluttajille, taloyhtiöille kuin isännöintiyrityksille. Yritykselle digitaalinen palvelu on keskeinen osa liiketoimintaa ja asiakaskokemusta.

Lähtötilanne ja tavoitteet

Kamula halusi uudistaa verkkopalvelunsa tukemaan paremmin tuotteiden ja palveluiden myyntiä sekä ajanvarausta. Aiempi sivusto ei mahdollistanut verkkokauppaa, palveluvarausten tekemistä eikä taloyhtiöasiakkaiden hallintaa digitaalisesti.

Tavoitteena oli rakentaa selkeä ja laajennettava alusta, joka yhdistää verkkokaupan, ajanvarauksen ja taloyhtiöiden hallinnan yhdeksi kokonaisuudeksi ja tukee liiketoiminnan kehittymistä pitkällä aikavälillä.

Toteutus

Kamula.fi toteutettiin WordPress- ja WooCommerce-alustalle räätälöitynä verkkopalveluna. Sivuston rakenne, käyttöliittymä ja liiketoimintalogiikka suunniteltiin Kamulan tarpeista käsin, ja kokonaisuus toteutettiin MVP-mallilla, mikä mahdollisti nopean käyttöönoton ja hallitun jatkokehityksen.

Verkkokauppa ja ajanvaraus integroituvat samaan palveluun, jolloin asiakkaat voivat ostaa tuotteita joko asennettuna tai ilman asennusta sekä varata asennusajan suoraan verkkopalvelussa.

Palvelutarjontaa hallitaan aluekohtaisesti geo-paikannuksen avulla, jolloin asiakkaalle näytetään vain hänen sijaintinsa perusteella saatavilla olevat palvelut.

Taloyhtiö- ja isännöitsijäasiakkaille toteutettiin digitaaliset työkalut, joiden avulla voidaan hallita taloyhtiöiden tietoja, tilata palveluita huoneistokohtaisesti sekä tarkastella tilaushistoriaa ja verkkolaskutusta yhdestä näkymästä.

Lopputulos

Kamula.fi tarjoaa asiakkaille helppokäyttöisen tavan ostaa tuotteita ja varata palveluita verkossa. Samalla se tehostaa Kamulan sisäisiä prosesseja ja tukee taloyhtiöasiakkaiden palvelua.
Rajasoft vastaa verkkopalvelun ylläpidosta ja jatkuvasta kehityksestä varmistaen, että alusta pysyy ajan tasalla ja tukee Kamulan liiketoimintaa myös tulevaisuudessa.

The post Kamula.fi – Verkkokauppa ja ajanvarausratkaisu appeared first on Vierityspalkki.fi.

Kun nopeasti kasvava IT-talo Frendy halusi verkkopalvelunsa kuvastamaan paremmin nykyaikaista, asiakaslähtöistä brändiä ja tukemaan myynnin sekä markkinoinnin tiivistä yhteistyötä, kumppaniksi valikoitui Avidly. Tuloksena syntyi selkeä, moderni ja dataohjattava WordPress-sivusto, joka tuo Frendyn IT-kaveri-lupauksen näkyväksi ja tukee kestävää kasvua myös tuleville vuosille.

Lähtökohta

Vanha sivusto ei enää tukenut markkinoinnin tarpeita ja brändin kehitystä

Frendy on moderni suomalainen IT-talo, joka palvelee yrityksiä läpi Suomen. Kasvavan yrityksen digitaalinen ilme ei kuitenkaan enää vastannut brändin nykyaikaista ja asiakaslähtöistä tekemistä. Verkkosivusto oli rakenteeltaan vanhentunut, eikä tukenut johdonmukaista ja mitattavaa markkinointia.

Samalla Frendyn brändi-ilmettä oli päivitetty, mutta verkkosivusto ei heijastanut sitä ulospäin.

Ratkaisu

Uusi WordPress-sivusto tukemaan kasvua

Avidly uudisti Frendyn verkkosivuston kokonaisuudessaan WordPress-alustalle. Työ kattoi UX- ja UI-suunnittelun, kehityksen, testauksen, optimoinnin ja julkaisun. Sivuston rakenne ja sisältöpolut suunniteltiin tukemaan Frendyn palveluiden selkeää esittämistä ja ohjaamaan sivuston vierailijoita tehokkaammin kohti yhteydenottoa.

Yhteistyötä tehtiin tiiviissä yhteistyössä Frendyn ja Juuri Markkinoinnin kanssa. Juuri vastasi sisältöstrategiasta, sisällöistä sekä kuvituksista ja osallistui aktiivisesti suunnitteluvaiheeseen. Avidlyn tiimi vastasi käyttäjäkokemuksen ja käyttöliittymän suunnittelusta, teknisestä toteutuksesta sekä saumattomasta projektinhallinnasta.

Uudistus laajeni myös HubSpotin uutiskirje- ja laskeutumissivupohjien päivittämiseen, ja tulevaisuudessa mukaan liitetään myös analytiikka ja jatkuva optimointi.

Lopputulema

Verkkosivusto, joka tuo Frendyn brändin ja palvelut eloon

Uusi sivusto on selkeä, nopea ja ennen kaikkea paremmin asiakkaita palveleva. Se kuvastaa oivaltavasti Frendyn brändiä ja IT-kaveri-lupausta: helposti lähestyttävää, asiantuntevaa ja turvallista IT-palvelua.

Uudistetun rakenteen ja sisältöpolkujen ansiosta markkinointi ja myynti voivat toimia tiiviissä yhteistyössä, ja kävijöiden käyttäytymistä voidaan jatkossa seurata ja kehittää datalähtöisesti.

Frendy kuvasi yhteistyötä Avidlyn kanssa sujuvaksi, suunnitelmalliseksi ja tavoitteelliseksi. Projektinhallinta ja asiakkaan liiketoiminnan ymmärrys nousivat erityisesti esiin. Lopputulos on teknisesti vahva ja brändillisesti yhtenäinen digitaalinen alusta, joka tukee Frendyn kasvua tulevina vuosina.

The post Frendyn uusi verkkosivusto appeared first on Vierityspalkki.fi.

STTK on poliittisesti sitoutumaton ja moniarvoinen koulutettujen ammattilaisten keskusjärjestö, johon kuuluu 12 jäsenliittoa ja noin 400 000 jäsentä. STTK:n tavoitteena on menestyvä Suomi, jossa yhteistyöllä rakennetaan maailman parasta työelämää ja hyvinvointia. Verkkosivustolla on tärkeä rooli järjestön viestinnässä ja vaikuttamistyössä.

Sivusto toimi teknisesti edelleen hyvin, mutta oli visuaalisesti vanhentunut, ja saavutettavuudessa sekä sisällön löydettävyydessä oli parannettavaa. Projektin tavoitteena oli päivittää taustajärjestelmä ajan tasalle, raikastaa visuaalinen ilme, parantaa saavutettavuutta sekä kehittää käyttäjäkokemusta erityisesti sisältöjen löydettävyyden osalta.

Toteutus

STTK:n verkkosivu-uudistus toteutettiin Avoin.Systemsin, Keskiö Design Agencyn ja asiakkaan yhteistyönä. Projektissa käytiin läpi palvelumuotoilutyöpajoissa sekä käyttäjien tarpeet että STTK:n omat tavoitteet.

Sivustouudistus sisälsi seuraavat keskeiset osa-alueet:

• WordPressin ja lisäosien päivitys
• Ylimääräisten lisäosien poistaminen
• Visuaalisen ilmeen raikastus
• Fonttien ja värien keventäminen saavutettavuusohjeistuksen mukaisesti
• Accessibility Checker -lisäosan käyttöönotto
• Megavalikon uudistus tyoelamaan.fi -sivuston mallin mukaan
• Etusivun ja tärkeimpien sisältösivujen uudelleenrakentaminen
• Mediapankin (materiaalipankin) löydettävyyden ja käytettävyyden parantaminen
• Sivun ylläpidettävyyden kehittäminen lohkosisällöillä ja muokattavuuksilla

Hyödyt

Sivustouudistuksen myötä STTK:n verkkosivu on nyt visuaalisesti kevyempi, selkeämpi ja saavutettavampi. Uudistettu ilme tukee järjestön viestintää ja erottaa sen selkeämmin muista alan toimijoista. Sivuston tärkeät ydinviestit, kuten STTK:n missio, terävöitettiin ja tuotiin entistä näkyvämmin esiin.

Käyttökokemus on parantunut erityisesti loppukäyttäjien näkökulmasta: klikkauksia vähennettiin, ja sisältöihin pääsee nyt käsiksi nopeammin. Mediapankki uudistettiin täysin – sen uusi hakutoiminto ja suodattimet (esim. asiasanat, sisältötyypit) tekevät materiaalien löytämisestä sujuvaa myös median ja sidosryhmien tarpeisiin.

Sivuston ylläpito on helpottunut merkittävästi. Ylläpitäjille tarjottiin selkeämpi lohkopohjainen sisältörakenne ja uusia muokattavia ominaisuuksia, kuten mahdollisuus säätää elementtien pyöristyksiä ja muita visuaalisia yksityiskohtia helposti ilman koodausta.

Saavutettavuudessa otettiin harppaus eteenpäin: visuaaliset kontrastit, fontit ja elementtien rakenne suunniteltiin WCAG 2.1 -standardin mukaisesti. Lisäksi käyttöön otettiin Accessibility Checker -lisäosa, jonka avulla saavutettavuuden ylläpito onnistuu myös jatkossa.

Jatkokehitys

Projektin jälkeen STTK jatkaa verkkosivustonsa ylläpitoa ja kehittämistä itsenäisesti. Sivusto on rakennettu kevyesti ja järkevästi: käytössä on mahdollisimman vähän lisäosia ja mahdollisimman paljon WordPressin omaa perustoiminnallisuutta, mikä varmistaa pitkän aikavälin skaalautuvuuden ja huolettoman ylläpidon.

Verkkosivu-uudistus vahvisti STTK:n kykyä viestiä selkeästi ja vaikuttavasti tärkeistä työelämäteemoista – ja tarjota tietoa käyttäjille helpommin ja saavutettavammin kuin koskaan aiemmin.

The post STTK:n verkkosivu-uudistus appeared first on Vierityspalkki.fi.

Espoon Kodinkonehuolto Oy on kodinkonehuollon ja lämpöpumppujen asiantuntijayritys, jolla on yli 25 vuoden kokemus alalta. Yritys palvelee kuluttaja-asiakkaita laajasti pääkaupunkiseudun alueella.

Yrityksen palveluihin kuuluvat kodinkoneiden huolto ja korjaus sekä ilmalämpö- ja ilmavesilämpöpumppujen myynti, asennus ja huolto. Toiminta perustuu vankkaan tekniseen osaamiseen, mikä on rakentanut yritykselle vahvan markkina-aseman.

Rajasoftin osaaminen herätti luottamuksen jo aikaisemman yhteistyön myötä, joten he valikoituvat sivustouudistuksen toteuttajaksi.

Jari Suono, toimitusjohtaja

Lähtötilanne ja tavoite

Espoon Kodinkonehuollon verkkosivusto oli tullut elinkaarensa päähän, eikä se enää tukenut yrityksen tavoiteltua laatumielikuvaa tai käytettävyyttä. Haasteena oli yhdistää kaksi erilaista palvelukokonaisuutta – huoltopalvelut ja laitemyynti – selkeäksi verkkopalveluksi. Keskeisenä tavoitteena oli päivittää yrityksen visuaalinen ilme, selkiyttää ostopolkuja ja varmistaa olemassa olevan hakukonenäkyvyyden säilyminen.

Toteutus

Rajasoft vastasi projektista kokonaisvaltaisesti sisältäen logon ja visuaalisen identiteetin uudistuksen, sisältösuunnittelun sekä teknisen toteutuksen. Sivusto toteutettiin WordPress-alustalle hyödyntäen räätälöityjä sisältölohkoja, mikä varmistaa sivuston suorituskyvyn ja hallittavuuden.

Sisältöstrategiassa huomioitiin asiakkaiden erilaiset tarpeet: huoltopalveluissa keskityttiin nopeaan löydettävyyteen, kun taas lämpöpumppujen osalta tuotettiin asiantuntijasisältöä päätöksenteon tueksi.

Toteutuksen keskeisiä osia olivat:

• logon ja visuaalisen ilmeen uudistus
• WordPress-toteutus räätälöidyillä sisältölohkoilla
• sisältöstrategia ja hakukoneoptimoitu sisällöntuotanto
• ostopolkujen ja käyttöliittymän (UI/UX) suunnittelu
• hakukonenäkyvyyden (SEO) varmistaminen siirtovaiheessa
• nopeus- ja mobiilioptimointi

Lopputulos

Uudistettu verkkopalvelu muodostaa teknisesti ja visuaalisesti yhtenäisen kokonaisuuden, joka tukee yrityksen liiketoimintaa ja myyntiä. Rakenteelliset parannukset ohjaavat käyttäjiä palveluiden pariin aiempaa tehokkaammin ja helpottavat asiakaspalvelun kuormaa. Yhteistyö jatkuu verkkopalvelun ylläpidon sekä digitaalisen markkinoinnin parissa.

The post Espoon Kodinkonehuolto – verkkopalvelun ja brändin uudistus appeared first on Vierityspalkki.fi.

Lähtökohdat ja tavoitteet

NoHo Partnersin verkkosivustouudistuksen lähtökohtana oli vanhan sivuston ilmeen vanhentuminen, sen tahmea sisällönhallinta sekä tulevat muutokset sijoittajaviestinnän järjestelmiin. Konsernin laajan ravintolaportfolion edellyttämä moderni ja visuaalisesti houkutteleva ilme oli keskeinen tavoite. Projektin alussa keskityttiin määrittelyyn ja tarvittavan sivurakenteen hahmottamiseen. Tämän jälkeen uusi brändi-ilme, jonka tavoitteena oli luoda elämyksellinen fiilis, otettiin käyttöön sivustolle. Samalla varmistettiin, että kaikki pörssiyhtiön määrämuotoiset tiedot olivat selkeitä ja helposti löydettävissä.

Moderni visuaalisuus ja saumaton sijoittajaviestintä

Sivusto on rakennettu modernin visuaalisen lohkoeditorin päälle, joka mahdollistaa joustavan ja tehokkaan sisällönhallinnan. Sijoittajaviestinnän osalta sivustolle on integroitu tyyliteltyjä Modular Financen tarjoamia työkaluja. Näiden kautta tunnusluvut ja muu alati päivittyvä sijoittajatieto siirtyvät reaaliaikaisesti sivustolle. Lisäksi Modular Financen kautta lähetettävät tiedotteet liitetiedostoineen tuodaan sivustolle julkaisuhetkellä, ja ne jaotellaan kategorioittain omiin arkistoihinsa. Tämä takaa ajantasaisen ja kattavan tiedonsaannin sijoittajille.

Lopputulos

Uudistuksen myötä NoHo Partners sai modernin ja toimivan verkkosivuston, joka vastaa sekä brändin visuaalisiin että sijoittajaviestinnän vaativiin tarpeisiin. Uusi sivusto tarjoaa entistä paremman käyttökokemuksen ja tehokkaammat työkalut sisällönhallintaan sekä tiedon jakamiseen.

The post NoHo Partnersin uusi verkkosivusto appeared first on Vierityspalkki.fi.

Tähtipöllöstä on kolmessa vuodessa kasvanut valtakunnallinen ilmiö, jonka voittajista kirjoitetaan lehdissä. Ensimmäiseen kilpailuun vuonna 2023 osallistui yli 400 alakoululuokkaa, jotka lukivat yhteensä yli 18 miljoonaa sivua. Viime vuoden kilpailuissa suomalaislapset ylittivät jo 35 miljoonan sivun rajan, ja vuoden 2025 kilpailu on paraikaa käynnissä.

”Tähtipöllö syntyi tarpeesta kannustaa lapsia lukemaan enemmän. Lukeminen kilpailee monen muun ärsykkeen kanssa, joten kaikki keinot täytyy ottaa käyttöön. Sivumäärät kiinnostavat lapsia, vaikka aikuisen silmiin se tuntuisi triviaalilta. Kun luokan yhteinen pöllö nousee tulostaulukossa, lukuinto saa uusia kierroksia.” – Kaisu-Maria Toiskallio,
lasten- ja nuortenkirjallisuuden kustannusjohtaja, Otava

Projektin lähtökohdat

Huoli lukutaidosta ja tarve matalan kynnyksen ratkaisulle
Lasten ja nuorten lukutaito, lukemisen väheneminen ja asenteet lukemista kohtaan puhuttavat kodeissa, kouluissa ja mediassa. Otava halusi vastata huoleen teolla.

Tavoitteena oli:

• rohkaista alakoululaisia lukemaan enemmän ja useammin
• tehdä lukemisesta yhteinen, iloinen juttu koko luokalle
• tarjota opettajille valmis, helppo työkalu lukemisen tukemiseen
• kerätä mitattavaa, konkreettista dataa luetuista sivuista ja osallistumisesta

Kilpailulle haluttiin mahdollisimman helppokäyttöinen digitaalinen alusta, jolla on hyvin matala kynnys osallistua ja joka pitää otteessaan kilpailun ajan.

Miksi J&Co kumppaniksi?

Otavalla oli jo ennestään kokemusta J&Co:sta verkkopalvelukumppanina. Yhteistyö oli sujunut mutkattomasti, ja talon sisällä J&Co tunnettiin luotettavana toteuttajana, joka hallitsee WordPress-verkkopalvelut, pelillistämisen ja interaktiivisen sisällön.

Valinnan taustalla painoivat erityisesti:

• kyky yhdistää pedagoginen näkökulma, pelillisyys ja selkeä käyttöliittymä
• kokemus laajoista WordPress-pohjaisista verkkopalveluista
• oma jQuest-pelillistämisalusta, jonka päälle erilaisia kilpailuja ja pelejä voidaan rakentaa kustannustehokkaasti
• ketterä, mutta kokenut tiimi, joka kantaa vastuuta ideasta jatkokehitykseen

Konsepti:

Lukeminen muuttuu yhteiseksi seikkailuksi.

Tähtipöllö rakentuu Otavan kehittämän yksinkertaisen, mutta vahvan idean ympärille. Jokainen luettu sivu kerryttää luokan yhteistä tulosta. Mitä enemmän lapset lukevat, sitä korkeammalle luokka nousee toplistalla.

• opettajat kirjautuvat sivustolle ja syöttävät luokan lukemat sivut
• luokka seuraa tulostaululta etenemistään suhteessa muihin
• eri tasoille yltäminen palkitsee pöllömerkeillä ja visuaalisilla edistymissignaaleilla
• kilpailusivusto tarjoaa valmiita lukutehtäviä ja kirjavinkkejä eri tasoisille lukijoille
• selkeät kilpailuohjeet ja säännöt madaltavat osallistumiskynnystä
• kirjasuosittelukone helpottaa sen oikean kirjan löytämistä

Digitaalinen alusta

WordPress-sivustosta kilpailun sydän

J&Co suunnitteli ja toteutti Tähtipöllö-kilpailusivuston WordPressin päälle. Sivusto palvelee yhtä aikaa kolmea ryhmää: opettajia, oppilaita ja Otavan kilpailutiimiä.

Keskeiset ratkaisut:

• Opettajille luotu kirjautumisjärjestelmä, jossa luokan perustaminen ja tulosten kirjaaminen käy nopeasti
• Selkeä hallintanäkymä, josta opettaja näkee oman luokkansa tilanteen ja kilpailun etenemisen
• Julkinen toplista, joka esittelee luokkien tulokset ja vahvistaa yhteisöllistä kilpailuhenkeä
• Suosittelukone, joka tarjoaa vastausten perusteella lukijalle sopivaa luettavaa

Pelillistäminen ja käyttäjäkokemus

Pöllömerkit, väliarvonnat ja roolimallit

Pelillisyys konkretisoituu monessa kohdassa:

• Pöllömerkit tukevat edistymisen tunnetta. Kun luokka saavuttaa uuden tason, se saa siitä näkyvän tunnuksen.
• Väliarvonnat lisäävät jännitystä pitkin kilpailukautta.
• Kilpailussa vierailee myös esikuvia. Kampanjan suojelijana toimii vuonna 2025 huippu-urheilija Ella Junnila, jolla on lukihäiriö. Hänen mukanaolonsa on tärkeä viesti siitä, että lukeminen kuuluu kaikille ja haasteet voi voittaa.

”Loppuelämän kestävän lukuinnon sytyttämiseen voi riittää yksi oikea kirja. Haluamme tarjota mahdollisimman monta tilaisuutta siihen, että juuri se kirja löytyisi.” – Kaisu-Maria Toiskallio

Palaute kentältä:

Opettajat ja oppilaat kertovat vaikutuksesta

Otavan keräämä palaute opettajilta ja oppilailta vahvistaa, että Tähtipöllö tekee juuri sitä, mitä varten se käynnistettiin.

”Olemme saaneet todella hyvää palautetta. Monessa luokassa on innostuttu lukemaan uudella tavalla. Opettajat kertovat, että suomen kieli kehittyy lukemisen myötä ja kilpailun yhteisöllisyys tukee luokan ilmapiiriä.” – Kaisu-Maria Toiskallio

Otavalla seurataan:

• luokkien ja koulujen osallistumismääriä
• luettujen sivujen kokonaismäärää
• opettajien antamaa laadullista palautetta
• kilpailun herättämää kiinnostusta ja näkyvyyttä

Vaikuttavuus kasvaa Otavan mukaan vuosi vuodelta. Monessa luokassa Tähtipöllöstä on tullut odotettu osa lukuvuotta. Otavalla on tavoitteena jatkaa kilpailua ja laajentaa sitä koko lukuvuoden mittaiseksi lukemisen tukimuodoksi.

The post Tähtipöllö – oppimispeli ja hallintatyökalu appeared first on Vierityspalkki.fi.

PL Parts Oy on suomalainen parvekelasien varaosiin erikoistunut yritys. Se on käytännössä ainoa toimija Suomessa, joka keskittyy parveke- ja terassilasitusten varaosien mallintamiseen ja niiden kestävään sekä ympäristöystävälliseen valmistukseen.

Yrityksen valikoima kattaa varaosat lähes kaikkiin Suomessa käytössä oleviin parveke- ja terassilasimalleihin, mukaan lukien vanhemmat ja markkinoilta poistuneet järjestelmät. PL Parts vastaa sekä varaosien mallinnuksesta että valmistuksesta ja toimii täyden palvelun asiantuntijana omalla toimialallaan. Huolto- ja asennusliikkeille PL Parts tarjoaa räätälöityjä kokonaisuuksia, kuten varaosalaatikot ja Apollo-järjestelmän, jotka ovat suunniteltu osaksi päivittäistä huoltotyötä.

Saatavuus, toimitusvarmuus ja asiakaskohtaiset hinnastot ovat PL Partsin asiakkaille arkipäivää. Taustalla on tarkasti rakennettu toimintamalli ja verkkopalvelu, joka palvelee sekä huoltoyritysten että kuluttajien tarpeita ja muodostaa kestävän pohjan liiketoiminnalle.

Kasvavien tilausmäärien takia tarvitsimme modernin tilausportaalin. Rajasoftin ratkaisun ansiosta asiakkaat näkevät nyt ajantasaiset tiedot ja tilaukset kulkevat saumattomasti toimitusketjuun – virheet vähenivät ja läpimenoajat nopeutuivat.

Joona Nykänen, toimitusjohtaja

Lähtötilanne ja tavoite

PL Parts:illa oli tarve ottaa käyttöön uusi sopimus- ja kuluttaja-asiakkaita palveleva verkkokauppa. Keskeinen vaatimus oli tarjota B2B-asiakkaille asiakaskohtaiset hinnastot. Verkkokaupalta edellytettiin kaksisuuntaista integraatiota Rackbeat-järjestelmään.

Toteutus

Rajasoft vastasi verkkokauppaprojektin määrittelystä, suunnittelusta ja toteutuksesta. Työhön sisältyivät UX- ja UI-suunnittelu, tekninen toteutus, sisällöntuotannon tuki, Rackbeat-integraation laajennus sekä ylläpito ja jatkuva tekninen tuki.

Asiakaskohtaisten hinnastojen toteutuksessa hyödynnettiin Rackbeatin hintaryhmiä sekä yksittäisten tuotteiden asiakaskohtaisia hintoja. Yritysasiakkaat näkevät nyt omat hinnastonsa kirjautumalla B2B-tilille.

Toteutuksen keskeisiä osia olivat:

• kaksisuuntainen Rackbeat-integraatio
• Gutenberg-pohjainen toteutus
• kuluttaja-asiakkaiden maksutavat
• tuotekohtaiset toimitustavat
• yritysasiakkaiden pää- ja alakäyttäjät
• viivakoodinlukija verkkokaupassa
• virtuaaliset variaatiotuotteet Rackbeatin yksinkertaisista tuotteista

Lopputulos

Verkkokaupan käyttöönoton jälkeen PL Partsin tilaukset ovat siirtyneet lähes kokonaan verkkoon. Verkkokauppa toimii myyntikanavana sekä sopimusasiakkaille että kuluttajille ja tukee yrityksen kansainvälistymistä. Ratkaisun rakenne mahdollistaa verkkokaupan monistamisen muihin toimialoihin.

The post PL Parts – verkkokaupan uudistus appeared first on Vierityspalkki.fi.

Lapin yliopiston verkkopalvelu toteutettiin Lapin ammattikorkeakoulun kanssa samaan multisite-ympäristöön.

Palvelun kuvaus

Lapin yliopisto on Euroopan unionin pohjoisin yliopisto. Yliopisto yhdistää tiedettä ja taidetta aivan napapiirin tuntumassa Rovaniemellä, Lapin pääkaupungissa. Koulutus- ja tutkimusaloja Lapin yliopistossa ovat kasvatustieteet, oikeustiede, taide ja muotoilu, yhteiskuntatieteet sekä pohjoiset ja arktiset kysymykset.

Lapin yliopisto ja Lapin ammattikorkeakoulu muodostavat yhdessä Lapin korkeakoulukonsernin (LUC) – arktisen korkeakouluyhteisön, joka edistää koulutusta, tutkimusta ja aluekehitystä Lapissa.

Redandblue suunnitteli ja toteutti Lapin yliopiston ja Lapin ammattikorkeakoulun verkkopalvelut multisite-ympäristöön. Sivustot hyödyntävät osittain samoja sisältölohkoja, mutta ovat visuaalisesti yksilöllisiä ja kokonaisuutena erilaisia.

Projektin käynnistys

Projektikokonaisuus aloitettiin Lapin ammattikorkeakoulun verkkopalvelu-uudistuksella. Kun tämä osa projektista valmistui, käynnistettiin Lapin yliopiston verkkopalvelun uudistus. Yliopiston projekti aloitettiin konseptoinnilla ja visuaalisen ilmeen työpajoilla. Konseptointiin osallistettiin laaja joukko yliopiston työntekijöitä, jolloin saatiin kattava näkemys mm. eri tiedekunnilta, hallinnon henkilökunnalta ja viestinnän ammattilaisilta.

Jo ammattikorkeakoulun määrittelyssä oli huomioitu yliopiston tarpeita. Näin ollen ennen suunnittelun aloittamista kävimme tarkemmin läpi, mitä Lapin ammattikorkeakoulun toimintoja, ominaisuuksia ja sisältölohkoja hyödynnetään suoraan yliopiston verkkopalvelussa. Samalla kartoitimme yliopiston kokonaisuutta määrittelemällä verkkopalvelun erityispiirteitä ja omia tarpeita. Tällä tavalla Lapin yliopiston toteutuksessa pystyttiin kustannustehokkaasti hyödyntämään tiettyjä osia, mutta luomaan silti yksilöllinen kokonaisuus. Tuttuutta Lapin ammattikorkeakoulun verkkopalveluun löytyy päänavigaatiosta, footerista ja sisällön asetteluista sekä sisältölohkoista.

Suunnittelu

Suunnittelu käynnistettiin työpajoilla, joissa kartoitettiin kohderyhmät ja kohderyhmien tehtävät verkkopalvelussa. Teknisen työpajan avulla suunniteltiin sivuston tietomalli ja arkkitehtuuri, jonka avulla ymmärrettiin tarkemin verkkopalvelun eri sisältöjen tarpeet. Visuaalisessa työpajassa kartoitettiin visuaalisia reunaehtoja ja käytiin sivustolle haluttua ilmettä läpi ylipiston graafisen ohjeiston ja käyttötapausten kautta.

Tekninen toteutus ja saavutettavuus

Lapin yliopiston verkkopalvelulle toteutettiin oma teema, johon otettiin käyttöön valittuja toimintoja ja sisältölohkoja Lapin ammattikorkeakoulun verkkopalvelusta. Lohkot suunniteltiin ja toteutettiin siten, että niiden ulkoasun päivittäminen yliopiston ilmeen mukaisesti voitiin tehdä kustannustehokkaasti. Lapin yliopiston verkkopalvelu koostuu kymmenestä eri sisältötyypistä ja on kokonaisuutena erittäin laaja viestinnällinen verkkopalvelu.

Verkkopalveluun toteutettiin yhteystietojen integraatio, kirjautuminen Entra ID:tä vasten sekä laaja migraatio vanhasta verkkopalvelusta Infoweb-alustalta.

Saavutettavuus
Koska Lapin yliopiston palvelussa hyödynnetään Lapin ammattikorkeakoululta periytyviä sisältölohkoja, tekninen saavutettavuus on pystytty rakentamaan kustannustehokkaasti valmiiden ja testattujen elementtien päälle. Tämä tarkoittaa, että lohkojen semantiikka on valmiiksi koodattu noudattamaan HTML5-standardeja, mikä varmistaa sivuston käytön ruudunlukulaitteilla. Samalla on varmistettu, että palvelun monimutkainenkin rakenne on täysin navigoitavissa pelkällä näppäimistöllä, mikä on kriittistä laajan viestinnällisen kokonaisuuden käytettävyydelle. Visuaalisen ilmeen päivityksessä huolehdittiin siitä, että yliopiston brändivärit ja typografia täyttävät WCAG-standardin mukaiset kontrastivaatimukset.

Erillissivustot

Samaan kokonaisuuteen toteutettiin sekä ammattikorkeakoulun että yliopiston muita ylläpitämiä sivustoja, sekä mm. Sosnet-yhteistyöverkoston verkkosivusto, jossa Lapin yliopisto on mukana. Erillissivustoille toteutettiin oma teema, mutta sivustot voivat hyödyntää myös Lapin yliopiston teemaa tai olla täysin yksilöllisiä, kuten Sosnetin sivusto.

Hyödyntämällä teemoja saadaan merkittävää kustannusetua ison konsernin pienempien sivustojen toteutukseen sekä ylläpitoon.

The post Lapin yliopiston uusi verkkopalvelu appeared first on Vierityspalkki.fi.

Kun Äänekosken Energia halusi tehdä verkkosivustostaan helpommin hallittavan ja käyttäjille selkeämmän, Avidlyn tiimi lähti rakentamaan ratkaisua, joka yhdistää teknisen luotettavuuden ja paikallisen energian hengen. Lopputuloksena syntyi saavutettava ja moderni WordPress-sivusto, joka palvelee sekä asiakkaita että sisällöntuottajia.

Äänekosken Energia on monipuolisia energia- ja vesihuoltopalveluja tarjoava paikallinen toimija, jonka verkkosivusto on keskeinen kanava asiakasviestinnälle ja häiriötiedotteille. Ajan myötä sivuston hallinta oli kuitenkin käynyt raskaaksi ja sisällön päivittäminen vaati teknistä osaamista. Samalla sivuston rakenne oli monimutkaistunut ja saavutettavuus jäi jälkeen nykyaikaisista vaatimuksista.

Tavoitteena oli uudistaa koko verkkopalvelu niin, että se tukee yrityksen toimintaa pitkällä aikavälillä: helppo ylläpitää, saavutettava ja selkeä sekä käyttäjien että sisällöntuottajien näkökulmasta.

Saavutettavuus ja selkeys suunnittelun ytimessä

Uudistus toteutettiin WordPressin päälle, ja samalla Äänekosken Energia siirtyi kokonaan HubSpotista WordPressin omaan ekosysteemiin. Avidly rakensi sivuston uuden, modulaarisen teeman päälle hyödyntäen Gutenberg-editoria, joka mahdollistaa sisällönluonnin ja päivitysten tekemisen suoraan sivulla – ilman teknistä osaamista.

Häiriötiedotteet kriittisenä teknisenä kokonaisuutena

Energia-alalla luotettava ja ajantasainen häiriöviestintä on kriittinen osa asiakaskokemusta ja turvallisuutta.

• lokitusjärjestelmää laajennettiin tuottamaan tarkkaa, kontekstuaalista tietoa
• lokit sisältävät nyt aikaleimat, toimenpideviestit ja metriikat
• poikkeustilanteet voidaan havaita välittömästi ja niihin voidaan reagoida nopeasti

Positiivinen palaute vahvisti onnistuneen uudistuksen

sivustoa pidetään selkeänä, modernina ja helpommin navigoitavana kuin ennen.

Mitä tehtiin, kenelle ja mitä muuttui paremmaksi

Kenelle:
Äänekosken Energia

Mitä tehtiin:
Koko verkkopalvelun uudistus WordPress-alustalle.

Miten:

• modulaarinen WordPress-teema
• Gutenberg-editori
• saavutettavuusauditointi (WCAG 2.1 AA)
• häiriötiedoteintegraation refaktorointi

Mikä muuttui paremmaksi:

• sisällön päivittäminen ilman teknistä osaamista
• parempi saavutettavuus
• luotettavampi häiriöviestintä

The post Äänekosken Energian uusi verkkosivusto appeared first on Vierityspalkki.fi.

Kopiosto on Suomen luovaa alaa kattavimmin edustava tekijänoikeusjärjestö, jonka luvat mahdollistavat teosten vastuullisen käytön mm. oppilaitoksissa, yrityksissä ja yhteisöissä. Kopioston luvalla niissä voidaan kopioida ja käyttää digitaalisesti tekijänoikeuden suojaamia julkaisuja ja teoksia sekä hyödyntää monipuolisesti tv-sisältöjä. Teosten käyttöluvista kerätyt korvaukset Kopiosto maksaa teosten tekijöille, kustantajille ja esittäville taiteilijoille. Lupapalvelu on Kopioston lupatuotteiden myyntikanava, josta esimerkiksi yritysasiakkaat voivat hankkia itselleen sopivan lupatuotteen joko määräaikaisena tai toistaiseksi voimassa olevana.

Redandblue suunnitteli ja toteutti Kopiostolle uuden digitaalisen lupakaupan, joka julkaistiin marraskuussa 2024. Palvelu digitalisoi aiempia osin manuaalisia myyntiprosesseja ja tarjoaa asiakkaille modernin itsepalvelukanavan.

Uusi myyntikanava ja tehostetut prosessit

Projektin lähtökohtana oli tarve korvata aiemmin käytössä ollut Netsuiten SiteBuilderilla toteutettu lupakauppa. Aiempi kauppa oli suunniteltu vanhojen asiakkaiden lupien uusimiseen, eikä sitä pystynyt hyödyntämään uusien lupien myynnissä uusille asiakkaille. Kopiosto halusi uudistaa myös lupamyynnin prosessit ja tuoda markkinoille uudistuneet yritysten lupatuotteet. Tavoitteena oli rakentaa moderni verkkopalvelu, joka toimii aitona myyntikanavana uusille asiakkaille ja samalla automatisoi taustaprosesseja, jotta toiminta olisi kustannustehokkaampaa.

Suunnittelu

Suunnittelu käynnistettiin työpajoilla, joissa kartoitettiin kohderyhmät, käyttäjäpolut ja palvelun tavoitteet sekä sivustokartta. Teknisen työpajan avulla suunniteltiin sivuston arkkitehtuuri, tietomalli ja käytiin läpi integraation toteutusta. Visuaalisessa työpajassa kartoitettiin visuaalisia reunaehtoja ja käytiin sivustolle haluttua ilmettä läpi erilaisten referenssien ja benchmarkkien kautta. Työpajojen pohjalta suunniteltiin verkkosivuston käyttöliittymä ja visuaalinen ilme sekä tehtiin tarkennettu vaatimusmäärittely. Suunnittelutyössä painotettiin erityisesti ostopolun ja eri käyttäjäpolkujen sujuvuutta ja pyrittiin varmistamaan, että visuaalinen ilme tukee sivuston rakennetta.

Saumaton integraatio Oracle NetSuiteen

Projektin teknisenä ytimenä on WordPressin ja Kopioston toiminnanohjausjärjestelmä Oracle NetSuiten välinen integraatio. Ratkaisu on kaksisuuntainen: Asiakastiedot haetaan Netsuitesta ja tuotteita pystyy hallitsemaan WordPressin hallintapaneelista. Vastaavasti verkkokaupassa tehdyt tilaukset sekä asiakastietoihin tehdyt muutokset siirtyvät automaattisesti toiminnanohjausjärjestelmään laskutusta ja sopimushallintaa varten. Tämä vähentää merkittävästi asiakaspalvelun manuaalista työtä ja varmistaa datan eheyden. Lupakauppa palvelee moninaista asiakaskuntaa yrityksistä kuntayhtymiin, uskonnollisiin yhteisöihin ja opintokeskuksiin. Ostoprosessia sujuvoitettiin integroimalla palveluun PRH:n rajapinta: yritysasiakkaan tietoja ja toimialakoodi haetaan automaattisesti Y-tunnuksen perusteella.

Sujuvaa asiointia kaikille käyttäjille

Uudessa palvelussa asiakkaat voivat ostamisen lisäksi hallinnoida omia tietojaan, uusia määräaikaisia lupia ja päivittää toistaiseksi voimassa olevan luvan tietoja itsenäisesti myyntikausien puitteissa. Sivusto on monikielinen ja siitä on toteutettu kolme eri kieliversiota, suomi, ruotsi ja englanti. Palvelu on toteutettu WCAG 2.1 A/AA-tason saavutettavuusvaatimusten mukaisesti, palvellen yhdenvertaisesti kaikkia käyttäjäryhmiä.

The post Kopiosto – Tekijänoikeuslupien myynti ja hallinta appeared first on Vierityspalkki.fi.

Nokian kaupungin verkko­sivustojen ensi­sijainen tehtävä on auttaa käyttäjää löytämään häntä kiinnostava tieto helposti, nopeasti ja saavutettavasti. Lukuisia kohde­ryhmiä pyritään palvelemaan mahdollisimman laadukkaasti niin tarve- kuin kohde­ryhmä­perusteisesti. Palveluun toteutettu kuka olet -käyttö­liittymä­sovellus tarjoaa käyttäjälle juuri hänelle suunnitellut sisältö­polut.

Hanke sisälsi koko Nokian kaupungin verkko­palvelu­kokonaisuuden uudistamisen. Uudistus käsitti kaupungin sivuston nokiankaupunki.fi:n uudistuksen lisäksi erillissivustona perustetun visitnokia.fi:n uudistuksen. Uudistuksen pohjana toimi konsulttitoimiston North Patrolin kattava vaatimusmäärittely.

Laaja WordPress-verkko­palvelu­kokonaisuus pitää täten sisällään muun muassa:

• Lukuisia räätälöityjä sisältötyyppejä
• Monipuoliset sisältölohko- ja lohkopohjatoiminnot
• Integraatiot: Eventz-tapahtumakalenteri, VisitFinland Datahub ja Entra ID
• Laajat ja kattavat sisältötyyppikohtaiset hakutoiminnot ja yleishaun, jotka hakevat sisältöä koko sivustoverkostosta
• Osallistavan ja helppokäyttöisen kuka olet -käyttö­liittymä­sovelluksen, joka auttaa käyttäjää löytämään sopivat sisällöt käyttäjä­ryhmä­perusteisesti
• Skaalautuvan, turvallisen ja saavutettavan teknologisen arkkitehtuurin

Projektin keskeisin ja antoisin työvaihe oli erittäin huolellinen palvelumuotoilun, strategisen suunnittelun, määrittelyn ja suunnittelun työvaihe. Projektitiimimme vieraili Nokialla moneen otteeseen, jotta saimme yhdessä Asiakkaan kanssa varmistettua, että olemme tekemässä oikeita asioita oikealla tavalla.

The post Nokian kaupungin verkkosivustot appeared first on Vierityspalkki.fi.

Yli 400 sivuston kokonaisuuden arkkitehtuurin suunnittelu, määrittely ja toteutus piti sisällään merkittävästi huomiota vaativia erityspiirteitä koskien esimerkiksi päivitystarpeita ja virheidenkäsittelyä.

Hanke sisälsi koko Eläkeliiton verkkopalvelukokonaisuuden uudistamisen. Uudistus käsitti organisaation pääsivuston Elakeliitto.fi:n lisäksi Lehmirannan, piirisivustojen ja yhdistyssivustojen uudistuksen.

Kaikki sivustot noudattavat Eläkeliiton yhtenäistä ulkoasua, mutta neljällä eri väriteemalla: Eläkeliiton pääsivusto on vaalean vihreä, Lehmiranta on violetti, piirit ovat oranssihtavia ja yhdistykset tummemman vihreitä.

Laaja WordPress-verkkopalvelukokonaisuus pitää täten sisällään muun muassa:

• Lukuisia räätälöityjä sisältötyyppejä
• Kymmeniä monipuolisia sisältölohkoja
• Sisältöintegraatioita sivustokokonaisuuden sivustojen välillä
• Kirjautumisen takana sijaitsevan jäsenosion
• Kattavan Kilta-integraation tapahtumien sekä piiri- ja yhdistystietojen esittämiseen
• Esitäytetyt sivustopohjat sisällönsyötön helpottamiseksi
• Laajan sisällönsyöttökoulutuksen

The post Eläkeliiton sadat verkkosivustot appeared first on Vierityspalkki.fi.