Evermade

Tekijä: Evermade
Tärkein teknologia: HubSpot
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Yrityksen sivusto

Finlandia Group on täyden palvelun finanssikonserni, joka auttaa yrittäjiä ja yrittäjähenkisiä ihmisiä saavuttamaan heidän taloudelliset tavoitteensa. Yritys tarjoaa kaikki säästämisen ja sijoittamisen palvelut saman katon alta. Uudistimme Finlandia Groupin sivuston, joka toimii tärkeänä markkinointiviestinnän kanavana ja tukee kasvokkain tehtävää myyntiä.

Verkkosivuston konseptin ytimessä oli asiantuntijasisällöt ja Finlandia Groupin palvelutarjoaman tuominen selkeämmin sivustolla vierailevan tutkittavaksi. Finlandia Groupin erityisosaamista ovat omistajayrittäjän varainhoito ja vaurastumisen ratkaisut, joiden luomaa arvoa pyrittiin tuomaan uudella sivustolla selkeämmin esiin. Tavoitteenamme oli tukea Finlandia Groupin brändimielikuvan kehitystä kohti vahvaa, asiantuntevaa ja intohimoista toimijaa.

Finlandia Group pyrkii kartoittamaan perusteellisesti niin asiakkaidensa nykyiset haasteet, kuin tulevaisuuden unelmatkin. Finlandia Groupin uusi, tyylikäs verkkosivusto tuo yhteen tehokkaan markkinoinnin ja tarvelähtöisen, kokonaisvaltaisen lähestymisen asiakkaan haasteisiin. Verkkosivulle saapuessaan käyttäjä kohtaa ensimmäisenä taloudellisiin haasteisiin tai tavoitteisiin liittyviä kysymyksiä ja teemoja. Näiden sisältösivujen avulla lähdetään tarvelähtöisesti purkamaan asiakkaan ongelmia, tuoden samalla esiin Finlandia Groupin kokonaisvaltaista otetta sekä laajaa palveluvalikoimaa.

Verkkosivustosta haluttiin selkeä ja ryhdikäs kokonaisuus, joka tarjoaa asiakkaille kosketuspinnan Finlandia Groupin laadukkaaseen palveluun. Visuaalisesti miellyttävä ulkoasu ja sivuston selkeys parantavat käytettävyyttä ja tiedon löydettävyyttä. Uusi sivusto tarjoaa laajasti tietoa eri tarpeisiin ja Finlandia Groupin tuotteisiin liittyen sekä tarjoaa asiakkaille helpon tavan ottaa yhteyttä. Sisältöjen tuottaman arvo, sivuston looginen rakenne, helppo navigaatio ja nopea tiedon löytyminen saavat käyttäjät myös palaamaan takaisin sivustolle.

Sivuston toteutus HubSpot CMS -alustan päälle on laajentanut huomattavasti sisältömarkkinoinnin mahdollisuuksia. Finlandia Groupin pääkohderyhmänä ovat sijoittamisesta ja varallisuutensa kasvattamisesta kiinnostuneet pk-yrittäjät, joille tarjoillaan runsaasti kiinnostavaa ja ajankohtaista sisältöä. Käyttäjille voidaan myös tarjota kiinnostuksen kohteiden perusteella kohdennettuja laskeutumissivuja ja heitä voidaan houkutella palaamaan uudestaan sisältöjen pariin markkinoinnin automaation avulla. HubSpot tukee siis erinomaisesti Finlandia Groupin tavoitteita, kuten kävijöiden tunnistamista ja markkinoinnin automaation polkujen rakentamista, sähköpostimarkkinointia sekä tulevaisuudessa myös personoidun sisällön tuottamista.

Sivusto toteutettiin multisite-ratkaisuna, jossa regulaation alaiset sijoituspalvelut löytyvät finlandiagroup.fi-osoitteesta ja rahoituspalvelut finlandiarahoitus.fi-osoitteesta. Multisite tehostaa sivustojen kehitystä ja yhtenäistää käytäntöjä, sillä Finlandia Groupin eri sivustot voivat hyödyntää jatkossakin samoja modulaarisia sisältöelementtejä.

Myös dataa visualisoitiin tyylikkääksi osaksi sivuston ulkoasua. Finlandiagroup.com -sivusto hyödyntää MorningStar-tietokannan tarjoamaa pörssikurssidataa. Rahastodata-apin ja sivuston välille rakennettu python-script hakee viimeisimmät tiedot MorningStarin rajapinnasta ja päivittää ne HubSpotin HubDB-tietokantaan HubSpot-apin avulla kerran tunnissa. Sivuston frontendissä datan esittämiseen käytetään Chart.js -kirjastoa, jonka avulla esimerkiksi rahaston alvon kehitys näyttäytyy käyttäjälle visuaalisesti selkeällä tavalla.

Koska API-kutsut tehdään frontendissä HubSpotin omaan tietokantaan, mahdollinen viive MorningStarin päässä ei vaikuta sivuston latausnopeuteen. Näin päästiin eroon vanhan sivuston skaalautumattomasta iframe-toteutuksesta ja saatiin uuteen visuaaliseen ilmeeseen sopiva moderni ja käyttäjäystävällinen ratkaisu. Myös datan kerääminen sivuston käytöstä onnistuu paremmin nyt, kun erillisiä iframe-laatikoita ei ole.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Web-sovellus tai asiointipalvelu

Memoria on Suomen ensimmäinen maanlaajuisesti toimiva hautauspalveluiden verkkopalvelu, jonka kuluttajat tunnistavat luotettavana ja laadukkaana palveluntarjoajana.

Memoria kaipasi kumppania uuden verkkopalvelun suunnitteluun, kehitykseen ja digitaaliseen markkinointiin. Uuden palvelun ytimessä tuli olla helppous, ymmärrettävyys, luotettavuus ja nykyaikaisuus. Kaikki palvelut digitalisoituvat, mutta hautauspalvelut mielletään yhä vankan perinteiseksi. Tämän halusimme muuttaa.

Olemassa olevat digitaaliset hautauspalvelut ovat usein kylmiä, kankeita ja sekavia käyttää. Memorian uuden digitaalisen palvelun tuli yhdistää perinteisten hautauspalveluiden vahva asiantuntijuus ja osaaminen sekä digitaalisen maailman tarjoama helppous ja joustavuus.

Palvelun piiriin astuva käyttäjä käy läpi isoja tuntemuksia, joten palvelun täytyi olla mahdollisimman tunteet huomioiva ja selkeä käyttää. Sen tuli tuntua inhimilliseltä, turvalliselta ja modernilta. Toimenpiteet, jotka nykyisin hoidetaan ihmisten kesken, voidaan Memorian palvelun avulla hoitaa itsenäisesti verkossa.

Suunnittelu alkoi työpajalla, jonka tavoitteena oli ymmärtää, kuinka hautausprosessi toimii, minkälaisia erityislaatuisia piirteitä prosessissa on eri osakkaiden välillä ja minkälaisia toiveita, tarpeita ja ideoita Memorian osakkailla oli uudelle digitaaliselle palvelulle. Työpajassa teimme ylätason hahmotelman hautausprosessin eri vaiheista, jota lähdettiin tarkentamaan seuraavissa palavereissa. Kävimme yhdessä asiakkaan kanssa detaljitasolla läpi käyttäjäpolkua; mitä eri vaiheita prosessissa on, millaisia valintoja käyttäjän tulee tehdä ja kuinka käyttäjän tekemät valinnat vaikuttavat seuraaviin vaiheisiin.

Kun käyttäjäpolku alkoi olla selvillä, aloitimme rautalankojen suunnittelun. Koska hautausprosessi ei ole aivan yksinkertainen ja käyttäjän tekemät valinnat vaikuttavat seuraavin vaiheisiin, päädyimme rakentamaan rautalangoista myös klikkailtavan prototyyppin. Näin asiakas pääsi testaamaan paremmin käyttäjäpolkua ja sen loogisuutta ja pystyi jo aikaisessa vaiheessa huomaamaan mahdolliset virheet tai puutteet. Prototyyppiin tuli lopulta lähes 400 erillistä näkymää. Vaikka sen toteutus oli melko työläs, oli se lopulta todella hyödyllinen testauksen ja kehityksen kannalta. Turhalta kehitykseltä vältyttiin ja kehittäjät pystyivät tarkistamaan prototyypistä, miten käyttäjäpolku etenee.

Kun rautalangat oli lyöty lukkoon, aloitimme visuaalisen suunnittelun. Sen pohjana toimi Memorian graafinen ohjeisto, josta poimimme typografian, värit ja ikonit. Memorian brändi oli hiljattain uudistetu mainostoimisto Ahooyn toimesta.

Tavoitteenamme oli suunnitella selkeä ja helppokäyttöinen palvelu, joka tuntuisi inhimilliseltä, turvalliselta ja modernilta. Käyttöliittymä on yleisilmeeltään rauhallisen vaalea ja tummat teemavälilehdet rytmittävät sisältöjä niin, että käyttäjälle on selvää, milloin teema tai aihe vaihtuu. Palvelun laskeutumissivu esittelee koko hautausprosessin tiiviissä, selkeässä muodossa ja nostaa esille digitaalisen palvelun hyödyt. Lisäksi laskeutumissivu tekee Memorian yhtiönä tutuksi ja varmistaa, että asiakkaalle on selvää, kenen kanssa hän on tekemisissä.

Palvelu helpottaa merkittävästi hautajaisten suunnittelua. Kaikki tarvittava tieto on paitsi selkeässä muodossa, myös aina saatavilla. Pitkien kyselylomakkeiden sijaan käyttäjä käy läpi asiat keskustelun muodossa. Keskustelun tapaan esitetty palvelu tuntuu inhimilliseltä ja henkilökohtaiselta ja pidemmätkin kokonaisuudet jäsentyvät helposti hahmotettaviksi palasiksi.

Palvelu auttaa käyttäjää tekemään oikeat valinnat hautajaisten järjestelyjä varten ja välittää myyntitoimeksiannon lähimmälle hautaustoimistolle. Se mahdollistaa tilausten muokkauksen hautaustoimistoyrittäjälle, jotta lasku voidaan muodostaa oikein ja tarjoaa tiedot tilauksista Memorian laskutusta varten. Lisäksi se tarjoaa hautaustoimistoyrittäjille mahdollisuuden valita haluamansa tuotteet ja palvelut verkkopalveluun sekä hinnoitella ne.

Palvelun sisällönhallinta rakennettiin WordPress -julkaisujärjestelmän päälle. Meillä on alustasta vahva kokemus, ja WordPress tarjoaa valmiina monia asioita, joita projektissa tarvittiin. Memorian ylläpitäjillä on nyt helpot työkalut hallita palvelussa olevia hautaustoimistoja sekä luoda uusia.

Käyttöliittymä toteutettiin React -kirjastolla. React on käyttöliittymien suunnitellussa hyvin suosittu, ja nykyisin vahvasti WordPressiin sisäänrakennettuna. React oli myös siis looginen valinta WordPressin ohelle.

Tietyt toiminnallisuudet toteutettiin valmiilla lisäosilla, esimerkiksi animaatioiden luonnissa käytettiin Framer Motion -kirjastoa. Kyseinen kirjasto on suosittu Evermaden kehittäjien keskuudessa, ja kirjoitimme siitä myös erillisen artikkelin (englanniksi). Framer Motion oli isossa roolissa luomassa palveluun inhimillistä tunnelmaa.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Yrityksen sivusto

Primehotels on yksityinen suomalainen yritys, joka omistaa, rakentaa ja operoi premium-hotelleja useissa kohteissa ympäri Suomen. Se on ketju hotelleja, jossa jokainen hotelli on itsenäinen, persoonallinen, laadukas ja uniikki yksikkönsä – niin puitteiltaan kuin palveluiltaan. Hotelleita yhdistää aito intohimo vieraanvaraiseen palveluun. Primehotels investoi vahvasti kasvuun ja yrityksen kasvustrategia kattaa useita uusia ja mielenkiintoisia hotellihankkeita tulevina vuosina.

Hiljattain Primehotels avasi aivan uuden Hotel Mestarin, jolle me lähdimme rakentamaan verkkopalvelua. Projektia aloittaessamme kysyimme itseltämme, kuinka onnistuisimme rakentamaan Suomen parhaan hotellisivuston. Primehotelsin tiimi halusi Hotel Mestarille oman näköisensä huonevarauksen, joka eroaisi hotelliketjun muiden sivustojen varausmoottoreista. Mestarin verkkopalvelulle haluttiin myös selkeästi muista erottuva visuaalinen ulkoasu.

Alussa meille oli tärkeintä keskittyä rakentamaan perusta kuntoon luomalla teknisesti moderni ja kestävä palvelu. Sivuston tuli myös olla helppokäyttöinen ylläpidon näkökulmasta, jotta sisällöntuottajat pystyisivät jatkossa hallitsemaan omia hotellisivustojaan itsenäisesti.

Sivusto on Hotel Mestarin ensisijainen myyntikanava. Siksi tavoitteemme oli, että kuluttajat hakeutuisivat aktiivisesti asioimaan sivustolla ja sivuston käyttökokemus olisi parempi, kuin muissa varauspalveluissa. Tämä missio ohjasi sivuston suunnittelu- ja toteutusvaihetta ja toimii jatkossakin Hotel Mestarin sisältötyön ja kampanjoinnin ohjenuorana.

Halusimme luoda nykyaikaisen käyttäjäkokemuksen, mahdollistaa sujuvan asioinnin ja rakentaa laadukasta brändimielikuvaa, jossa varausten tekeminen ja sitä kautta myynnin kasvu ovat voimakkaasti keskiössä.

Lähdimme liikkeelle verkkopalvelukokonaisuuden konseptoinnista ja luomalla layoutit Hotel Mestarin uudelle sivustolle. Mestarin sivustolle toivottiin jotakin ainutlaatuista, joten suunnittelimme sille visuaalisesti upean ja erikoisen etusivun. Etusivulla käyttäjä voi selata sivuttain 2D-kuvaa hotellista, jonka renderöinnin toteutti luova toimisto Veli Studio.

Sivusto on asiakkaan ensikosketus hotellikokemukseen, ja siksi uudistuksen myötä haluttiin tuoda Hotel Mestarin laatumielikuva vahvasti verkkoon. Uuden sivuston ulkoasun haluttiin vastaavan Primehotelsin ilmettä ja ilmentävän hotellin uniikkia konseptia.

Sivustouudistus vaikuttaa aina ennen kaikkea markkinoinnin jatkuvaan tekemiseen. Markkinointitoimenpiteiden helpottamiseksi sivustolle haluttiin dynaamisuutta ja mahdollisuuksia tuoda ajankohtaista sisältöä tehokkaasti esiin. Rakensimme Primehotelsille monipuoliset työkalut luoda ja muokata sisältöä sekä omat sisältötyypit kampanjoille ja tarjouksille, joita pystyy nyt helposti nostamaan esiin eri puolilla sivustoa. Kun uusia sivustoja julkaistaan, pystyvät sisällöntuottajat hallitsemaan omaa hotellisivustoaan vaivattomasti yhdestä paikasta niin, että kunkin hotellin oma brändi-ilme säilyy.

Monikielinen sivusto toteutettiin WordPress-julkaisujärjestelmällä käyttäen modulaarisia Everblox-sisältöelementtejä. Sivustolle toteutettiin Ajankohtaista-osio, Tarjoukset ja kampanjat -osio sekä räätälöity varaustyökalu, joka rakennettiin rajapintaa vasten. Parhaillaan työstämme työkalua pöytävarausten tekemiseen. Sivustolta löytyy kolme integraatiota: TravelClick-varaustyökalu, Nets-maksuintegraatio ja asiakkaille etukoodeja tarjoava Ooppera-integraatio.

Seuraavat sivustot tullaan toteuttamaan samaan multisite-kokonaisuuteen, joka tarkoittaa, että jatkossa kaikkia Primehotelsin sivustoja voi hallita yhdestä paikasta. Multisite-uudistus yhtenäistää merkittävästi sivustojen käyttökokemusta ja tehostaa myös niiden jatkokehitystä.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Yrityksen sivusto

Ellun Kanat on strateginen viestintätoimisto, joka on kivunnut nopeasti Suomen merkittävimpien muutosviestinnän tekijöiden joukkoon. Ellunkanat.fi on yritykselle merkittävä media-alusta, joka kokoaa yhteen palvelutarjonnan ja uutiset, asiantuntijoiden artikkelit sekä henkilökuvaukset. Kumppanuutemme Kanojen kanssa on tarkoittanut luovaa ideointia, proaktiivista sparraamista ja liiketoiminnan kasvattamista digitaalisella otteella.

Ellun Kanat havahtui tarpeeseen tuntea yleisönsä syvemmin ja kehittää sivustoaan vastaamaan paremmin yrityksensä ja kävijöidensä tarpeita. Kanat tahtoivat nostaa yrityksensä verkkopresenssin vahvan brändin vaatimalle tasolle niin käyttöliittymän, kuin visuaalisuudenkin suhteen. Tämän edellytti toimivampaa teknistä alustaa, joka mahdollistaisi joustavan sisällön muokkauksen ja hallinnan.

Yhteistyömme Ellun Kanojen kanssa alkoi kesällä 2019. Toteutimme kaiken visuaalisesta ja -konseptisuunnittelusta WordPress-sivuston tekniseen toteutukseen sekä web-analytiikkaan ja hakukoneoptimointiin. Brändi uudistettiin sisäisesti vuonna 2019 ja uusi visuaalinen ilme jalkautettiin sitten sekä offline- että online -asiakastilanteisiin.

Ellun Kanojen ytimessä on ravisteleva ja rohkea sisältö, ja tähän halusimme uudenkin sivuston pohjautuvan. Halusimme tarjoilla mielenkiintoiset tarinat käyttäjälle intuitiivisella, mutta uniikilla käyttökokemuksella rikastettuna.

Ellun Kanojen uuden verkkopalvelun suunnittelu perustui datan hyödyntämiseen ja käyttäjien parempaan ymmärtämiseen. Tavoitteemme oli synnyttää lisäarvoa käytön helppoutena, käyttökokemuksen parantumisena ja visiomme mukaisena liiketoiminnan kehittymisenä. Yhteistyömme alkoi roadmapin määrittelyllä. Roadmap on kätevä työkalu, sillä se helpottaa tarpeiden hahmottamista ja priorisointia, toimii suunnitelmana tulevaisuudessa yhdessä toteutettaville työvaiheille ja vastaa aina sen hetkistä parasta näkemystä seuraavista askeleista.

Projektin aluksi kartoitimme käyttäjäpersoonia ja selvitimme käyttäjäpolkuja, jotta ymmärtäisimme paremmin sivuston tärkeimpiä toimintoja ja sisältöjä. Määrittelimme sivustolle eri kohderyhmiä tukevat tavoitteet, joihin kaikki muu tekeminen perustettaisiin.  Loimme sivuston sisältöarkkitehtuurin, rakenteen ja sisältökonseptin tukemaan tunnistettuja kohderyhmiä ja tavoitteita. Osana konseptia suunnittelimme uuden sivuston rakenteen ja sisältöelementit käyttäjäpolkuineen. Visuaaliseen suunnitteluun kuului ulkoasun suunnittelu brändin mukaisesti ja sivuston luominen houkuttelevaksi ja helppokäyttöiseksi. Huolehdimme jatkossa myös ellunkanat.fi-sivuston ylläpidosta ja päivityksistä, jotta se pysyisi aina turvassa ja ajan tasalla.

Tekijä: Evermade
Tärkein teknologia: WordPress
Palvelun tyyppi: Yrityksen sivusto

Best Caravanin aiempi verkkosivusto oli toteutettu WordPressilla, mutta käyttökokemus niin loppukäyttäjälle kuin sisällöntuottajallekin oli kehno. Tarjouduimme vastaamaan Best Caravanin verkkopalvelujen eli sivuston sekä verkkokaupan konseptoinnista, teknisestä määrittelystä ja toteutuksesta. Tutustuimme ensin Best Caravanin liiketoimintaan ja sivuston käyttäjiin ja määrittelimme sitten verkkopalvelu-uudistuksen tavoitteet, tekniset ratkaisut sekä integraatioiden toteutukset.

Best Caravanin ulkoasun ja brändin päivittämisestä vastasi Ellun Kanat, kun taas me suunnittelimme verkkosivuston. Yhdistimme Karavaanielämää.fi artikkelisivuston bestcaravan.fi-pääsivustolle, jotta kokonaisuus olisi aiempaa saumattomampi. Tavoitteenamme oli rakentaa karavaanareille kattava lifestyle-sivusto, josta löytyisi verkkokaupan lisäksi kiinnostavaa tietoa ja artikkeleita karavaaniharrastajille.

Best Caravanin verkkosivusto toteutettiin WordPress-julkaisujärjestelmällä, josta meillä on satojen sivustoprojektien kokemus. WordPress integroitiin HubSpotiin, jotta asiakastieto liikkuisi vaivattomasti järjestelmien välillä ja olisi myynnin ja markkinoinnin tukena.

Sivuston kehityksessä hyödynsimme Everbloxia, joka on Advanced Custom Fields -liitännäiseen pohjautuva modulaarinen verkkosivuston toteutusmalli. Kaikki eivät ole käyttöliittymäsuunnittelijoita tai varsinkaan koodareita – Everbloxin avulla sivuston sisällöntuottajat voivat ottaa omistajuuden sivuston jatkokehityksestä. Everblox tarjoaa Best Caravanille monipuoliset työkalut sivuston hallintaan.

Analytiikka tuki ja ohjasi toimenpiteitä ja sivuston kehitystä alusta alken. Suunnittelutyön alkaessa otimme huomioon, kuinka sivusto on aiemmin toiminut, kuinka eri sivut ovat suoriutuneet ja kuinka niiden tavoitteet ovat toteutuneet. Analytiikka auttoi meitä etenkin sivuston sisältöarkkitehtuurin suunnittelussa sekä sivuston tärkeimpien toiminnalisuuksien tunnistamisessa.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

Loimme Drumille modernin ja raikkaan sivuston, joka tuo esiin viestintätoimiston asiantuntijuutta ja houkuttelee lukijoita uppoutumaan mielenkiintoisiin sisältöihin.

Aiemmalla drum.fi-sivustolla ei ollut selkeää punaista lankaa. Sivusto ei vastannut Drumin brändiä eikä kannustanut lukijoita kuluttamaan sisältöjä tarpeeksi hyvin. Sivuston ilme oli vanhentunut, se oli rakenteeltaan sekava ja lisäksi sen ylläpito oli turhan työlästä. 

Drumin toiveena olikin moderni, selkeä ja rauhallinen sivusto. Uudistuksessa haluttiin nostaa Drumin referenssit selkeämmin esille, houkutella sivustolle merkittäviä brändejä ja kannustaa potentiaalisia asiakkaita ottamaan yhteyttä. Myös Drumin ihmiset tahdottiin nostaa näkyvämmin esille. Tähtäimessä oli myös sivuston helpompi ylläpidettävyys sekä paremmat työkalut sivuston jatkuvaan muokkaamiseen ilman kehittäjien apua.

Verkkosivu-uudistuksessa muokattiin Drum.fi:n ilmettä ja selkeytettiin sen rakennetta. Drum toivoi modernia, edistyksellistä ja viestivää sivustoa, joka olisi ennen kaikkea käyttäjälle selkeä ja helposti navigoitava. Sisältöjen äärelle helposti löytäminen oli ensiarvoisen tärkeää. Drumin kohderyhmää ovat toimitusjohtajat sekä markkinoinnin, viestinnän, vastuullisuuden ja HR:n parissa työskentelevät ihmiset. Drum halusi puhutella näitä ryhmiä paremmin ja olla lisäksi kiinnostavampi työpaikka potentiaalisille työnhakijoille.   

Drum oli valmistellut alustavan sivukartan ja visuaalisen ilmeen, joiden pohjalta suunnitteluvaihe alkoi. Visuaalisuuden suunnittelussa tärkeintä oli selkeys sekä nykyaikaisempi ilme. Suurikokoinen typografia kiinnittää lukijan huomion ja brändivärejä on hyödynnetty laajasti. Tyhjän tilan käyttö tuo sivustolle runsaasti ilmavuutta. Sivuston ilme on hyvin selkeä, mutta rakenteita rikkovat kuvien sijoittelut tuovat sen silmäilyyn mielenkiintoisuutta.   

Drumin toive julkaisujärjestelmästä oli WordPress siihen asennetuilla työkaluilla hakukoneoptimoinnille sekä kieliversioinnille. Drumin tiimi toivoi selkeää ja helposti päivitettävää sivustorakennetta. Gutenbergillä rakennettu sivusto hyödyntääkin modulaarista Everbloxia, joka mahdollistaa sivujen ulkoasun muuttamisen sekä kokonaan uusien sivujen luomisen helposti niin, että visuaalisuus pysyy linjassa Drumin brändin kanssa.

Uusi sivusto tuo Drumin asiantuntijuutta esiin rohkealla tavalla. Se vastaa paremmin Drumin vahvaa brändiä ja houkuttelee kävijöitä uppoutumaan artikkeli- ja referenssisisältöihin. Myös sivuston päivitettävyys parantui huomattavasti, ja Drumin ammattilaiset pystyvät nyt muokkaamaan sivuston sisältöä helposti ja nopeasti.

Tekijät: Evermade (Sivuston suunnittelu ja toteutus), Miltton Oy (Brändi ja identiteetti)
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Elinkeinoelämän keskusliitto on Suomen elinkeinoelämän ääni. Se tuo esiin ja kiteyttää suomalaisen yritysmaailman näkemykset, tukien maan uudistumista ja kasvua. Ek.fi-sivusto kokoaa yhteen liiton linjaukset, strategian ja viestit.

Aiempi Ek.fi oli monelta osin vanhanaikainen ja kankea. Sivuston sisältöä ei ollut selkeästi jäsennelty, tärkeimmät viestit hukkuivat muuhun sisältöön ja sisältöjen esitystavat olivat vanhanaikaisia. Sisällön suuri määrä aiheutti haasteita käyttäjille, sillä oikean asian löytäminen oli työn takana. Käytettävyys oli heikentynyt myös ylläpidon osalta, sillä sisällönsyöttö oli turhan monimutkaista ja aikaavievää. Asiat esitettiin staattisessa tekstimuodossa, mikä ei ollut kovin houkutteleva saati nopein tapa saada asia ymmärretyksi. EK viestii pinnalla olevista ilmiöistä. Näiden nostaminen esiin oli tärkeää, jotta sivusto olisi käyttäjälle joka hetkessä ajankohtainen.

EK:n sivusto on Euroopan paras vaikuttajasivusto, joka tavoittaa niin päättäjät, median ja jäsenyritykset heille aidosti merkityksellisten sisältöjen kautta. Sivusto tarjoaa talousdataa, joka on helposti kulutettavissa. Verkkosivustolla on käytössä helppokäyttöiset työkalut, joiden avulla EK voi esittää uusimpia tutkimustuloksia ja kohderyhmiä kiinnostavaa dataa.

EK haluaa olla näkyvämpi yhteiskunnallinen vaikuttaja. Uudella brändi-identiteellä korostetaan modernia vaikuttajaviestintää ja verkkosivun avulla uusi brändi jalkautetaan suuremmalle massalle.

Uuden EK.fi-verkkosivuston toteutus aloitettiin tutustumalla perinpohjaisesti vanhaan sivustoon. Sivustolta identifioitiin dataan ja workshop-työskentelyyn pohjautuen sekä suositut ja toimivat sisällöt, että toimimattomat osuudet.

Tuloksiin pohjautuen rakennettiin sivuston rautalankamallit ja sivukartta. Asiakas oli vahvasti mukana rautalankojen suunnittelussa, joten näkemys kohderyhmien tarpeiden priorisoinnista tuli hyvin huomioitua tässäkin suunnittelun vaiheessa. Uudella brändi-ilmeellä sivuston ulkoasussa korostettiin asiantuntijuutta, mutta myös lähestyttävyyttä ja leikkisyyttä.
Rautalankojen avulla toteutettiin käyttäjätutkimus, jossa eri kohderyhmistä valitut käyttäjät testasivat omia tarpeitaan vastaavia käyttäjäpolkuja klikkailtavan prototyypin avulla.

Verkkosivuston sisällönhallintajärjestelmäksi valittiin WordPress sen erinomaisten sisällönhallintaominaisuuksien että helpon räätälöitävyyden vuoksi. Sivusto ei koostu perinteisistä kankeista sivupohjista vaan sen pohjana on moderni blokkiajattelu. Jokainen sivu rakennetaan yksittäistä blokeista, jotka voivat sisältää monipuolisesti erilaista teksti-, kuva- ja videosisältöä. Blokit mahdollistavat sisällöntuottajille työkalut tehdä monipuolista ja näyttävää sisältöä vaivattomasti kuitenkaan brändi-ilmettä rikkomatta.

Tulokset puhuvat puolestaan: sivuston käytettävyys vaikuttaa parantuneen monella eri mittarilla mitattuna. Kävijät viipyvät sivustolla aiempaa pidempään, lataavat vierailun aikana enemmän sivuja ja viipyvät myös yhdellä sivulla pidempään. Myös välittömien sivustolta poistumisten osuus on laskenut. Koska suunnittelussa ja toteutuksessa korostettiin pinnalla olevien ilmiöiden nostamista esiin, on EK.fi nyt käyttäjälle joka hetkessä ajankohtainen ja saa vierailijansa uppoutumaan syvemmälle EK:n sisältöön.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Yrityksen sivusto

Kansainvälisesti toimiva HappyOrNot tarjoaa yrityksille ratkaisuja asiakaskokemuksen mittaamiseen ja ymmärtämiseen. Palvelu mittaa asiakkaiden tyytyväisyyttä neljällä hymiöllä muutamassa sekunnissa. Kahdeksan miljoonan liikevaihtoa tuottavan HappyOrNotin ratkaisut toimivat useilla eri toimialoilla aina päivittäistavarakaupoista ravintoloihin ja lentokenttiin. Aloitimme yhteistyön HappyOrNotin kanssa maaliskuussa 2021 ja yrityksen uusi verkkosivu julkaistiin elokuussa.

HappyorNotin vanha verkkosivusto oli toteutettu vuonna 2015 eikä yrityksellä ollut sivustokehitykseen yksittäistä kumppania, vaan se oli kehittänyt sivustoaan useiden toimistojen kanssa sisäisen kehityksen lisäksi. WordPress-pohjaista sivustoa oli vaikea kehittää asiakaslähtöiseen suuntaan, sillä käyttäjäpolkuja ei oltu suunniteltu tarpeeksi hyvin. Välineet tehokkaaseen sisältömarkkinointiin ja konversio-optimointiin olivat puutteelliset. Oikeilla avainsanoilla näkymiseen tai sivuston tekniseen hakukoneoptimointiin ei oltu juuri panostettu.

Verkkosivukehityksen ohella käynnissä oli myös yrityksen brändi-ilmeen uudistaminen. Sisällöt haluttiin kirjoittaa uudestaan, sillä ne eivät vastanneet uuden brändin tone of voicea. Uudistuksessa haluttiin panostaa aiempaa enemmän hakukoneoptimointiin ja käyttäjädatan hyödyntämiseen sivuston kehityksessä.

Ennen yhteistyön aloitusta HappyOrNot oli jo tehnyt paljon taustatyötä. Projekti alkoi konseptointivaiheella, jossa käytiin läpi suuri määrä erilaisia taustamateriaaleja, kuten käyttäjäpersoonia ja SEO-audititointeja. Koostimme näiden pohjalta omat havaintomme ja varmistimme, että ajatuksemme sivuston tavoitteista ovat yhteneväiset HappyOrNotin tiimin näkemyksen kanssa. Suunnittelimme sivuston rakenteet ja elementit ja sovelsimme suunnittelussa HappyOrNotin juuri uudistettua brändiä. Uuden visuaalisen ilmeen implementointi on usein haastavaa, mutta HappyOrnotin uudet logot, värit ja muut elementit jalkautettiin verkkoon ongelmitta.

Uusi sivusto tukee HappyOrNotin brändiä, sillä se on käyttäjälle huomattavasti aiempaa selkeämpi sekä käyttöliittymältään modernimpi. Sivuston rakenne suunniteltiin tukemaan käyttäjien päätöksentekoa eri ostopolun vaiheissa. Projektissa uudistettiin täysin myös sivuston URL-rakenteet. Aiemmalla sivustolla oli vaikea erotella, minkä teeman alle mikäkin sisältö kuului. Selkeytimme URL-rakennetta kaikille sisällöille niin, että navigointi on helpompaa sekä käyttäjän, että ylläpitäjän näkökulmasta.

HappyOrNotin CRM-järjestelmänä toimii Salesforcen Pardot, jonka kautta sivuston lomakkeet on rakennettu. Upotimme lomakkeet uudelle sivustolle ja tyylittelimme niitä visuaalisesti. Muut, kuin englanninkieliset sivustoversiot ovat vielä vanhalla alustalla, ja ne tuodaan uudelle pohjalle vaiheistetusti.

Konversio-optimointi ja HappyOrNotin tiimin varustaminen paremmilla markkinointityökaluilla oli sivustouudistuksessa tärkeää. HappyorNotilla on nyt välineet joustavampaan markkinointiin, sillä sivusto on helposti heidän itsensä hallittavissa ja muokattavissa ilman kehittäjien apua. Sivuston rakenne ja ulkoasu ovat aiempaa selkeämpiä ja sisällön tuottaminen vaivattomampaa.

Huomasimme vanhan sivuston analytiikkaa tarkastellessa, että sivustoa käytettiin eniten mobiililaitteilla. Sivuston mobiiliperformanssi oli kuitenkin huonolla tolalla, ja olemmekin satsanneet käyttökokemuksen parantamiseen mobiilissa. Mobiiliperformanssin parantaminen ja sivuston aiempaa modernimpi tekninen pohja parantavat sivuston hakukonenäkyvyyttä erityisesti uusien Googlen Core web vitals -mittareiden osalta, jotka mittaavat sivuston käyttökokemusta.

Tekijä: Evermade
Tärkein teknologia: HubSpot
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Yrityksen sivusto

DNA:n tytäryhtiö Wattinen on kerrostalokotien älykäs lämmityksensäätäjä. Wattinen pyrkii mullistamaan markkinoita IoT-ratkaisullaan lämmityksenhallinnan parantamiseksi: se vähentää asuntojen lämmityksestä aiheutuvia ilmastopäästöjä ja parantaa samalla asumismukavuutta. Kustannustehokas ratkaisu hyödyttää sekä rakennusten omistajia, että asukkaita.

Meidän tehtävämme oli perustella liiketoiminnan kannattavuus osakkeenomistajille automaatiotyökaluilla, kirkastaa yrityksen myynnin ja markkinoinnin seuraavia vaiheita ja löytää sopivat tuotemarkkinat uudelle innovaatiolle.

Tavoitteenamme oli luoda järjestelmä, joka keräisi mahdollisimman paljon merkityksellistä käyttäjätietoa ja seuraisi kaikkea myyntiä ja kasvua mahdollisimman laajasti. Data on auttanut meitä validoimaan toteutettuja toimia, osoittamaan ihmisten kiinnostusta uutta liiketoimintaa kohtaan sekä todistamaan yrityksen kannattavuuden osakkeenomistajille.

Tarjouduimme huolehtimaan wattinen.fi-sivuston suunnittelusta, teknisestä toteutuksesta sekä ylläpidosta. Sivusto rakennettiin HubSpotilla modulaarista rakennustapaa hyödyntäen. Julkaisimme uuden sivuston 3. syyskuuta 2019. Teimme tiivistä yhteistyötä Wattisen kanssa yrityksen myynti- ja markkinointiosaston yhteensovittamiseksi ja parhaan mahdollisen MQL-SQL -systeemin luomiseksi.

Syy HubSpotin valitsemiseen oli yksinkertainen: se yhdistää loistavasti myynnin ja markkinoinnin yhteen palveluun. HubSpot on toimiva pitkän aikavälin ratkaisu, joka tarjoaa useita kustannustehokkaita ominaisuuksia Wattisen kaltaiselle pienelle, mutta alati kasvavalle yritykselle. Tiimin on helppo opettaa sisällönhallinnan ja automaation malleja uusille ihmisille. HubSpot antaa myös mahdollisuuden luoda älykästä sisältöä ja testata sen suorituskykyä asiakastietoja hyödyntäen.

Päätehtävämme on ollut myynnin ja markkinoinnin yhdenmukaistaminen sekä niiden toimintojen tukeminen. Olemme pyrkineet kasvattamaan verkkosivuston kautta saatavia liidejä, tekemään Wattisen brändistä tunnistettavamman ja herättämään kiinnostusta oikeiden ihmisten keskuudessa.

Inbound-markkinoinnin lisäksi Wattinen on vauhdittanut toimintaansa outbound-myynnillä HubSpotin työkalujen avulla. Loimme liideille pisteytys- ja segmentointimallin, jotka auttaa määrittämään, keneen ottaa yhteyttä ja milloin. Liidit priorisoitiin toiminnan perusteella, jotta Wattisen myyntiammattilaiset voivat kohdistaa myyntiään suoraan lupaaville, potentiaalisille asiakkaille.

Ennen yhteyden ottamista meihin Wattinen oli luonut ja validoinut palvelun prototyypin ja testannut sitä muutaman kiinteistön omistajan kanssa. Yhteinen tavoitteemme oli luoda elinkelpoinen tuote ja löytää sille oikeat tuotemarkkinat.

Olemme kyenneet seuraamaan tarkkaan, kuinka Wattisen myynti on kehittynyt ja kuinka tarjouskanta on kasvanut toteutettujen automaatiomallien avulla. Työskentelymme auttoi todistamaan liiketoiminnan arvon DNA:lle sekä tunnistamaan parannus- ja jatkokehitysalueita. Työskentelymme Wattisen kanssa jatkuu tällä hetkellä uutta sivustoversiota kehitettäessä.

Tekijä: Evermade
Tärkein teknologia: HubSpot
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Yrityksen sivusto

Qt tarjoaa avointa lähdekoodia käyttäviä, monialustaisia sovelluskehitystyökaluja käyttöliittymien rakentamiseen. Suunnittelu- ja kehitystyökaluja voidaan käyttää useilla toimialoilla, esimerkiksi ajoneuvoteollisuudessa ja teollisuusautomaatiossa. Yhden kooditietokannan avulla suunnittelijat ja kehittäjät voivat luoda mitä tahansa säiliöalusten kojelaudoista mobiilisovelluksiin.

Siirsimme ensin Qt.io-verkkosivuston WordPressistä HubSpotiin. Qt on hyötynyt merkittävästi markkinoinnin automaatiosta, ja suunnittelu- sekä kehitystyön myötä sivusto on parantunut huimasti. Modernista ulkoasusta ja toimivasta teknisestä pohjasta huolimatta kaikki ei ollut kunnossa: sivuston sisällöt olivat epäselviä ja kielivät johdonmukaisen strategian puuttumisesta. Qt kohtasi tyypillisen suuren organisaation haasteen: kuinka yksinkertaistaa laajaa palvelupakettia ja suurta tuotemäärää? Tavoitteemme oli kirkastaa Qt:n brändin ydintä ja selkeyttää palvelu- ja tuotetatarjontaa – ei pelkästään verkkosivuilla, vaan myös yrityksen sisällä.

Sukelsimme Qt:n liiketoiminnan ytimeen tavoitteena selkeyttää yrityksen tarkoitusta ja tuotevalikoimaa. Useat eriävät näkemykset siitä, mitä Qt edustaa oli muutettava yhdeksi ääneksi. Sisältöuudistuksen tavoitteena ei ollut niinkään myynnin kasvattaminen, vaan johdonmukaisen ja yhtenäisen verkkostrategian luominen. Yhdessä Qt:n tiimin kanssa loimme käyttäjäpersoonia ja määrittelimme kohderyhmiä, jotka vastaavat yrityksen design-, development- ja deploy-palvelukategorioita. Näin pystytään tarjoamaan oikeat palvelut oikeille kohderyhmille selkeästi ja intuitiivisesti.

Qt:n palvelukategorioiden tuotteet ovat nyt selkeästi ja intuitiivisesti esillä eri kohderyhmille ja potentiaalisille asiakkaille. Projektin alussa asetetut tavoitteet on saavutettu: olemme auttaneet ihmisiä hahmottamaan Qt:n konseptin paremmin ja saattaneet sivustolla kävijöitä ostopolun alkuun. Tällä hetkellä panostamme sivuston optimointiin ja jatkokehittämiseen.

Tekijä: Evermade
Tärkein teknologia: HubSpot
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Yrityksen sivusto

Smartly.io on some-mainonnan suunnannäyttäjä, joka työskentelee jo yli 600 brändin kanssa eri toimialoilta. Smartly kehittää ohjelmistoja some-mainonnan automatisointiin ja luo näin yrityksille mahdollisuuden toteuttaa some-mainontaa entistä helpommin, nopeammin ja tehokkaammin.

Smartly tekee ohjelmistoratkaisuillaan sosiaalisen median mainonnasta näppärää ja tehokasta. Yrityksen oma haaste on kuitenkin ollut heidän oma verkkosivunsa, joka oli suuren tietomäärän vuoksi sekava ja hidas päivittää. Mitä enemmän Smartlyn tiimi kehitti sivua itse, sen raskaammaksi ja työläämmäksi sen ylläpito kävi. Smartly halusikin kumppanin, joka kykenisi toteuttamaan sivustouudistuksen niin, että he jatkossa voisivat jatkossa itse päivittää ja muokata sivustoa helposti ja nopeasti.

Aloitimme yhteistyön Smartlyn kanssa loppuvuodesta 2018. Tavoitteena oli luoda sivustopohja, joka toimisi Smartlyn markkinointitiimin työkaluna ja helpottaisi sisällön ylläpitoa ja muokkausta. Uuden vakaan ja visuaalisesti yhtenäisen sivuston pohjana on käytettiin HubSpotia.

Luodaksemme sivustosta helposti navigoitavan ja skaalautuvan käytimme modulaarista Everblox-konseptiamme, kuten kaikissa WordPress-projekteissamme. Työkalulla mahdollistimme sen, että Smartlyn tiimi voi itse luoda sivustolle uutta sisältöä, esimerkiksi kampanjasivuja. Smartly ei enää tarvitse web-kehittäjää muutoksiin, mikä säästää aikaa muihin tärkeisiin toimintoihin.

Uusi sivusto on ollut käytössä jo pidemmän aikaa, ja olemme jatkaneet sen säännöllistä kehittämistä. Näin se palvelee Smartyn tiimiä parhaalla mahdollisella tavalla tulevaisuudessakin. Projektille asetetut tavoitteet on saavutettu, ja Smartlylla on nyt valta päivittää sisältöä itsenäisesti. Kun välikäsiä ei tarvita, pysyy sivusto aina ajankohtaisena.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Web-sovellus tai asiointipalvelu

Espoon ja Kirkkonummen merellisissä maisemissa sijaitseva Sarfvik Golf on Suomen vanhin osakepohjainen golfkenttä, ja tunnettu etenkin korkealuokkaisista väylistään, hyvästä palvelustaan ja rauhallisen kiireettömästä ympäristöstään. Toteutimme yhdessä luovan designtoimisto Kuudennen kanssa mobiilisovelluksen Suomen vanhimmalle golfklubille.

Sarfvik Golf lupaa, että “Aina on aikaa”. Tämä tarkoittaa, että Sarfvikilla pääsee rangelle ilman monen päivän ennakointia, ilman lähtöajan varausta ja lähes poikkeuksetta ilman pallorännissä odottelua. Nyt kehitetty sovellus vahvistaa tätä brändilupausta ja osoittaa, kuinka perinteikkäänkin toimialan asiakaskokemusta voi uudistaa käyttäjälähtöisellä suunnittelulla. Palvelu tuo uuden tason golfarin pelikokemukseen: sen kautta voi tarkistaa muun muassa jonotilanteen, sään sekä sen, kuinka monta pelaajaa on tänään pelannut tai aloittanut kierroksen viimeisen tunnin sisään. Tiedot auttavat päättämään, onko nyt hyvä hetki lähteä kierrokselle Sarfvikiin.

Sovelluksen käyttäjä saa myös kenttien poikkeusoloista ilmoituksia, jotta hän pysyy ajan tasalla kenttien kunnosta, ylläpidosta ja esimerkiksi kilpailuista. Ilmoitukset auttavat tekemään pelisuunnitelmia viikkotasolla. Saatavilla ovat myös muut ajankohtaiset uutiset, tapahtuma- ja kilpailukalenterit sekä ravintolan tiedot.

– Sarfvik on jo pitkään ollut Suomessa golfkenttien suunnannäyttäjä. Hyvää palautetta saanut sovellus sekä sitouttaa nykyisiä jäseniä että houkuttelee uusia. Kuudes ja Evermade ovat olleet kumppaneitamme Sarfvikin brändin ja sovelluksen kehityksessä, ja olikin luontevaa jatkaa yhteistyötä myös palvelujemme kehityksen saralla, kertoo Sarfvik Golfin Staffan Tuomolin.

Sarfvik Golf on iOS- ja Android-sovellus, joka on rakennettu React Nativen ja WordPressin avulla. Sovellus näyttää yhdellä silmäyksellä erilaisia tietoja, kuten sään ja nykyisen pelaajamäärän Sarfvikin kentillä. Se antaa jäsenille mahdollisuuden ilmoittautua golfkierroksille suoraan sovelluksen kautta ja sisältää myös yksityiskohtaisia kurssitietoja, reittikarttoja ja golfvinkkejä. Sovellusta voi käyttää myös kirjautumatta, ja vieraspelaajille näppärästi sovelluksesta löytyvä väyläopas on kätevä apu kierroksella.

React Native antoi mahdollisuuden kehittää sovellusta nopeasti ja kustannustehokkaasti sekä iOS- että Android-alustoille käyttämällä enimmäkseen samaa koodikantaa. Käyttöliittymien rakentaminen React Nativella on nopeaa ja teki yhteistyöstämme Kuudennen suunnittelutiimin kanssa erittäin sujuvaa.

Sovellus lähettää ja vastaanottaa tietoja golfsarfvik.fi:stä, joka on rakennettu WordPressilla. Sovelluksen ja verkkosivuston välinen viestintä tapahtuu mukautettujen REST API -päätepisteiden kautta. WordPress toimii myös push-ilmoitusten hallintajärjestelmänä. Sarfvik Golf pystyy luomaan ja ajastamaan push-ilmoituksia, jotka sisältävät viestejä ja jopa linkkejä sovelluksen sisällä suoraan WordPressin hallintapaneelista.
Loimme oman WordPress-laajennuksen kaikille sovelluksiin liittyville ominaisuuksille. Näin voimme kehittää sovellusta itsenäisesti, kun toinen toimisto vastaa verkkosivuston kehittämisestä.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Yrityksen sivusto

Aloitimme laajamittaisen yhteistyön Raision kanssa syksyllä 2019, kun Raisio etsi kumppania huolehtimaan brändisivujensa ylläpidosta ja jatkokehityksestä. Raision aiemmat sivustot oli suunniteltu ja kehitetty usean eri tahon toimesta ja rakennettu eri alustoille, mikä lisäsi kommunikaation ja koordinaatiotyön määrää. Sivustojen ylläpito haluttiin keskittää vaiheistetusti yhdelle kumppanille, jotta Raision tiimin arki helpottuisi. Ylläpitoon siirrettävät sivustot auditoitiin kehitystiimimme toimesta yhteistyön alussa, ja osa sivustoista jäi odottamaan laajamittaisempaa uudistusta.

Projektin ensimmäisenä vaiheena oli Benecolin sivustouudistus keväällä 2020. Lähtökohtana oli seitsemän erillistä sivustoa, jotka eivät vastanneet Benecolin markkinoinnin tarpeisiin. Vastasimme käyttöliittymäsuunnittelusta, uuden visuaalisen ilmeen jalkautuksesta sivustolle, markkinoinnin tarpeisiin suunniteltujen sisältöelementtien ja sisältötyyppien toteutuksesta sekä sisältöjen siirtämisestä vanhoilta sivustoilta uusille. Sivusto toteutettiin multisitena, joka kattaa Benecolin eri kieliversiot. Multisitessa kaikki sivustot toimivat yhden WordPress-hallintapaneelin kautta ja kaikki laajennukset, teemat, ominaisuudet ja käyttäjäroolit ovat saatavilla kaikilla sivustoilla. Vaikka eri sivustoilla on sama koodipohja, voi niillä olla oma verkkotunnus, erilainen ulkoasu ja esimerkiksi maakohtaista sisältöä. Multisite vähentää merkittävästi ylläpitokustannuksia erillisiin sivuihin verrattuna ja tarjoaa ylläpitäjälle keskitettympää sivustojen hallintaa.

Syksyllä 2020 aloimme suunnittelemaan ammattilaissivustojen liittämistä osaksi kokonaisuutta. Vaikka näiden kohderyhmä on erilainen kuin kuluttajasivustoilla ja sivustojen tarpeissa sekä sisällöissä havaittiin eroavaisuuksia, onnistuttiin suurin osa ammattilaispuolen sisällöistä toteuttamaan olemassa olevilla elementeillä. Kehitys oli kustannustehokasta, sillä vain muutamia uusia toiminnallisuuksia ja elementtejä tehtiin kustomoituna ammattilaispuolen sivustoille. Uudistimme neljä Raision sivustoa, joihin kuuluivat Raisio.com, Raisioammattilaisille.fi, Torino.fi ja Benellakala.fi. Myös nämä toteutettiin multisitena, jossa jokaiselle sivustolle luotiin brändien tunnusomaisia elementtejä. Samalla hyödynsimme samoja työkaluja sivustojen toteutuksessa, mikä teki kehityksestä kustannustehokasta. Tuotetietojen hallintaa varten sivustolle toteutettiin PDM-integraatio ja tiedotteiden julkaisua varten Cision -integraatio. Sivustot julkaistiin vaiheistetusti joulukuussa 2020 – helmikuussa 2021.

Vastasimme myös sivustojen analytiikan mittaussuunnitelmasta, seurannan asetuksesta sekä raportointipohjan luonnista. Jo projektin varhaisessa vaiheessa meille oli selvää, että sivustojen jatkokehityksen kannalta on tärkeä ottaa analytiikka osaksi uudistusta. Huolellisella suunnittelutyöllä varmistettiin kestävä lähtökohta datan keräämiselle sekä jatkokehitystyölle. Tavoitteet kartoitettiin brändikohtaisesti, mutta mittauksessa pyrittiin hyödyntämään teknisesti samoja elementtejä, mikä toi prosessiin ketteryyttä.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Verkkokauppa

Tykkimäki on Suomen kolmanneksi suurin huvipuisto, joka on perustettu vuonna 1986 Lasten Päivän Säätiön toimesta. Kouvolassa sijaitseva Tykkimäki koostuu huvipuiston lisäksi aktiviteettipuisto Actionparkista ja vesipuisto Aquaparkista. Tykkimäen verkkosivusto on huvipuiston tärkein informaatio- ja myyntikanava. Aiemmalla, usealle eri alustalle hajautetulla sivustolla oli runsaasti haasteita sekä käyttäjän, että ylläpidon näkökulmasta. Uudistimme Tykkimäen sivuston ja verkkokaupan yhdeksi palveluksi, joka vastaa huvipuiston uutta iloista ja leikkisää brändiä.

Tykkimäen aikaisempi verkkopalvelu rajoitti liiaksi digitaalista markkinointia ja lipunmyyntiä verkossa. Tykkimäen sivusto- ja verkkokaupparatkaisut eivät olleet yhtenäisiä asiakaskokemuksen kanssa, sillä sivustot olivat jakautuneet usealle eri alustalle. Sivustolla ei pystytty myymään pääsylippuja huvipuistoon tai muihin elämyksiin eikä myöskään optimoimaan ostoprosessia aktiivisella kampanjoinnilla. Käyttäjistä kerättyä dataa ei voitu aiemmilla työkaluilla hyödyntää riittävän hyvin. Sivuston ongelmiin kuuluivat myös vaikeasti hahmotettava navigaatio, epäselvät viestit sekä vanhahtanut, kilpailijoista erottumaton ulkoasu.

Tykkimäen tiimin toiveina oli jalkauttaa sivustolle uusi hauska, pirteä ja huoleton brändi-ilme, mikä oli juuri luotu luovan toimiston Sherpan kanssa. Tykkimäki on Kaakkois-Suomen merkittävin matkailutoimija, ja se halusikin tuoda esiin heti ensisilmäyksellä huvipuiston aktiviteetteja, iloa, riemua ja yhdessä tekemisen meininkiä. Uusi konsepti “Kesän paras päivä” antoi hyvät eväät sivuston ulkoasun suunnitteluun.

Navigaatiota haluttiin selkeyttää käyttäjälle. Tarvittavan tiedon tuli löytyä uudelta sivustolta helposti lyhyiden klikkipolkujen päästä ja lisäksi sivuston tuli mahdollistaa markkinoinnin automaation käyttöönotto.

Huvipuistolla oli aiemmin käytettävyysongelmia mobiililaitteilla, ja luonnollisesti Tykkimäen verkkosivusto tuli saada toimimaan responsiivisesti ja nopeasti kaikilla päätelaitteilla. Selailun ja asioinnin tuli tuntua yhtä iloiselta, kuin Tykkimäessä käynti. “Kesän parhaan päivän” odotuksen haluttiin käynnistyvän jo verkkopalvelusta lippuja hankkiessa. Verkkosivun tarkoituksena on houkutella kävijöitä tulemaan Tykkimäelle ja myös palaamaan sinne uudestaan.

Tykkimäen tiimi puolestaan tarvitsi välineitä sivuston helppoon muokkaamiseen ja ylläpitoon, jotta sivustosta voitaisiin tehdä tärkeä markkinointityökalu. Uusi sesonki Tykkimäellä on juuri käynnistynyt ja verkkopalvelun menestystä on mitattu kävijämäärän kasvulla, verkkokaupan myynnin kasvulla, seuraajien määrän kasvulla sosiaalisissa medioissa sekä kassavirralla.

Aiemman verkkokaupan toiminnassa oli runsaasti puutteita. Uusien tuotteiden luominen ja myyntidatan löytäminen oli hankalaa, verkkokaupan ulkonäköä oli vaikea muuttaa, eikä maksujärjestelmäkään toiminut luotettavasti.

Loimme verkkokaupan, joka on päivitettävissä vaivattomasti ilman koodaustaitoja. Uusien tuotteiden luominen on helppoa ja nopeaa. Halusimme parantaa verkkokauppakokemusta myös mobiilissa ja luoda palvelun, joka vastaisi paremmin Tykkimäen iloista ja elävää brändiä sekä tukisi sen liiketoimintaa.

Sivusto ja verkkokauppa tuotiin yhteen ratkaisussa, jonka keskiössä on lippujen ostamisen helppous ja Tykkimäen aktiviteettien houkuttelevuus. Ratkaisun mahdollistaa oma Everblox-teknologiamme, joka antaa Tykkimäen markkinoinnille ketterät moduraaliset työkalut sisällön muokkaukseen. Tykkimäen tiimi voi nyt esimerkiksi luoda uusia kampanjoita ja optimoida nykyisten sivujen konversioita. Tykkimäen uusi sivusto toteutettiin WordPress-sisällönhallintajärjestelmällä ja verkkokauppa WooCommerce-lisäosalla. Sivustolle on rakennettu hiljattain myös S Bonus -integraatio, eli S-ryhmän osuuskauppojen jäsenet kerryttävät myös bonusta tehdessään ostoksia Tykkimäen verkkokaupassa.

Sesonki on juuri alkanut, toivottavasti mahdollisimman moni pääsee kokemaan Kesän parhaan päivän Tykkimäellä!

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Verkkokauppa

@nude_yogagirl on Instagram-vaikuttaja, jolla on miljoonia seuraajia ympäri maailmaa. @nude_yogagirl perusti Nudamagin poikaystävänsä kanssa muuttaakseen ihmisten käsitystä alastomuudesta ja haastaakseen yhteiskunnassamme vallitsevia kauneusihanteita.

Nudamag on verkossa myytävä lehti. Käyttäjät voivat valita kolmesta eri tilausvaihtoehdosta ja ostaa halutessaan myös yksittäisiä numeroita.

Nudamagia myytiin aikaisemmin Shopifylle toteutetun vanhan verkkokauppa-alustan sekä Patreon-alustan avulla. Vaikka Shopify ja Patreon ovat päteviä palveluita, puuttui niistä selvästi jotakin. Kummankaan alustan visuaalinen ilme ja tunnelma eivät vastanneet Nudamagin ainutlaatuista brändiä riittävän hyvin. Lämpö puuttui. Tämän muuttaminen oli yhteistyömme lähtökohta.

Aloitimme yhteistyön konseptoinnilla, jossa kävimme yhdessä Nudamagin tiimin kanssa läpi vanhan verkkopalvelun rajoitteet sekä keskustelimme toiveista, tarpeista ja tavoitteista uudelle verkkopalvelulle.
Alusta alkaen oli selvää, että emme suunnitelleet pelkkää verkkosivustoa, vaan räätälöityä verkkokauppa-alustaa digitaalisten tuotteiden myymiseen. Nykytilan, toiveiden, tarpeiden ja tavoitteiden perusteella määrittelimme verkkopalvelun avaintoiminnallisuudet ja vasta tämän jälkeen teimme päätöksen siitä, millä alustalla verkkopalvelu tultaisiin toteuttamaan. Alustan tuli vastata kaikkiin konseptointivaiheessa määriteltyihin tarpeisiin.

Konseptointivaiheessa määrittelimme myös visuaalisen identiteetin suuntaviivat. ”Rohkea, tyylikäs ja sielukas identiteetti, joka jalkautuu aidoksi, lämpimäksi ja luotettavaksi verkkosivustoksi.” – näin määrittelimme uuden visuaalisen identiteetin. Nudamag on aikakauslehti, jossa on taidolla otettuja, kauniita kuvia, ja siksi palvelun visuaalisen ilmeen tuli olla linjassa kuvien kanssa.

Konseptin muodostamisen jälkeen lähdimme hahmottelemaan uutta verkkopalvelua rautalankojen muodossa. Analytiikkaa seuraamalla huomasimme, että suurin osa sivuston liikenteestä saapuu Instagramin kautta, minkä vuoksi palvelua käytetään mobiilissa huomattavasti enemmän kuin muilla laitteilla. Lähdimmekin kaikessa suunnittelussa liikkeelle mobiilinäkymistä.

Verkkosivusto ja verkkokauppa rakennettiin WordPressilla sekä WooCommercella. Kaikki tuotteet ovat digitaalisia. Käyttäjät voivat ostaa irtonumeroita tai hankkia itselleen kestotilauksen. Kestotilausten hallitsemikseksi asennettiin WooCommerce Subscription -laajennus. Koska Nudamag toimii maailmanlaajuisesti, verkkokaupan tuli tukea useita valuuttoja ja verokantoja.

Käyttäjät voivat luoda oman tilin sivustolle, ladata digitaalisia painoksia ja päivittää henkilökohtaiset tietonsa sekä maksutietonsa. He voivat myös nähdä oman tilauksensa tiedot ja muuttaa tilausta tarpeen mukaan. Tilaajilla on oman tilinsä kautta pääsy myös eksklusiiviseen sisältöön.

Palvelun luotettava toiminta on tärkeää ja sitä varten kehityksessä hyödynnettiin automaattista testausta. Kriittisiä toimintoja varten on toteutettu automaattiset yksikkötestit (PHPUnit) ja ostopolkua varten integraatiotestit (Cypress.io).

Modulaarinen sivusto koostuu sisältöelementeistä, jotka on suunniteltu Nudamagin sisältömarkkinoinnin tarpeisiin. Kaikki sisältöelementit ovat uudelleenkäytettäviä, mikä tarkoittaa, että samaa sisältö voidaan näyttää useilla eri sivuilla. Kaikki sisältö on myös helposti muokattavissa yhdestä paikasta.

Monet toiminnallisuuksista toteutettiin räätälöitynä verkkopalvelua varten, mikä osaltaan lisäsi palvelun testauksen määrää. Intensiivisen testausvaiheen aikana testasimme verkkopalvelun käyttäjäkokemusta, käyttäjäpolkuja, suorituskykyä sekä yksittäisiä toiminnallisuuksia. Sivustoa testasi myös joukko Nudamagin oikeita asiakkaita ennen palvelun julkaisua.

Vaikka ostosten määrän näkee helposti WooCommerce-alustalta, pidimme tärkeänä sisällyttää analytiikan laajemmin osaksi projektia. Olimme vastuussa mittaussuunnitelmasta, seurannan asennuksesta sekä Data Studio Dashboardin luomisesta. Jatkossa voimme analysoida sivuston ja verkkokaupan toimintaa jatkuvasti sekä optimoida verkkokauppaa dataan pohjautuen.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Julkisen organisaation tai yhdistyksen sivusto

Aiempi Ses.fi-sivusto ei vastannut modernin verkkosivun edellytyksiä käyttökokemukseltaan eikä visuaaliselta ilmeeltään. Sivujen latausajat olivat pitkiä ja informaatiota oli vaikea löytää. Sivuston rakenne oli monimutkainen ja sen päivittäminen sekä tiedon selkeä esittäminen oli vaivalloista.

Vastasimme uuden verkkopalvelun konseptoinnista, käyttöliittymäsuunnittelusta, visuaalisesta suunnittelusta, teknisestä toteutuksesta, laadunvarmistuksesta ja julkaisusta. Uudistusprojektin tavoitteena oli selkeä, ammattimainen ja helppokäyttöinen sivusto. Halusimme kaiken informaation olevan helposti käyttäjän löydettävissä, kun taas ylläpitopuolella halusimme helpottaa sivujen päivittäjien työtä.

Uuden sivuston tavoitteena oli ennen kaikkea käyttäjän parempi palveleminen, joita ovat pääasiassa kansallisten elokuvatukien hakijat. Selkeytimme merkittävästi tukien hakuun liittyvän sisällön esittämistä. Tavoitteina oli myös kiinnostavan brändin ja positiivisen mielikuvan vaaliminen, houkutteleva ja mielenkiintoinen sivusto ja helppo päivitettävyys. Uuden sivuston tuli myös tukea suomalaisen elokuvan mainetta myös kansainvälisesti. Sen haluttiin palvelevan paremmin myös mediaa tarjoamalla kattavasti tietoa säätiön toiminnasta ja elokuvien rahoittamisesta sekä tekemällä suomalaista elokuva-alaa näkyvämmäksi.

Sivuston suunnittelussa lähdettiin liikkeelle loppukäyttäjien, eli tuenhakijoiden ja muiden alan ammattilaisten tarpeista. Suunnittelimme sivuston navigaatiorakenteen, sisäiset ohjaukset ja nostot vastaamaan kohderyhmien toiveita ja tarpeita. Päivitimme säätiön visuaalista ilmettä verkossa ja panostimme taulukoiden, haku- ja suodatustoiminnallisuuksiin sekä muokkausominaisuuksiin. Kaikki tieto on nyt selkeämmin esillä ja helpommin löydettävissä. Navigaatio on selkeä, looginen, ja suunniteltu käyttäjä edellä. Nykyaikaisen sivuston rakenteellinen selkeys korostaa säätiön positiivista luonnetta ja luo läpinäkyvyyttä.

Sivusto toteutettiin responsiivisesti WordPress-sisällönhallintajärjestelmällä käyttäen modulaarista, avoimen lähdekoodin Everblox-työkaluamme, joka tarjoaa tehokkaat ominaisuudet sisällön luomiseen ja muokkaukseen. Ratkaisumme mahdollistaa sivuston kustannustehokkaan, omatoimisen päivittämisen. Toteutuksessa noudatettiin saavutettavuusdirektiivin (WCAG 2.1. AA-taso) mukaisia vaatimuksia. Saavutettavuus huomioitiin jo suunnitteluvaiheessa esimerkiksi kontrastien ja fonttikokojen osalta. Ses.fi-sivuston pääkielenä on suomi, ja lisäksi sivustosta toteutettiin versiot englanniksi ja ruotsiksi.

Elokuvasäätiön sivuston sisältöjä päivitetään usein, mutta uusien sivujen luominen oli aiemmin haasteellista ylläpidon kankeuden vuoksi. Nyt uusia sivuja voi rakentaa uudelleenkäytettävillä elementeillä – uusien sisältöelementtien tai kokonaisten sivujen luominen on helppoa, eikä edellytä koodaustaitoja.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Verkkokauppa

Aiempi mafy.fi palveli kohderyhmiään rakenteestaan huolimatta, ei sen ansiosta. Sivustolla oli paljon hyvää sisältöä, mutta siltä puuttui selkeä hierarkia ja sisältöjen silmäily vei turhan paljon käyttäjän aikaa. Viestit vaativat kiteyttämistä erityisesti mobiilinäkymiä varten. Pitkien mobiilisivujen asettelu rikkoutui paikoitellen, minkä vuoksi lukeminen oli työlästä ja itse viesti hukkui tekstimassaan. Aiempi sivusto ei toiminut parhaalla mahdollisella tavalla myöskään sisällöntuottajien näkökulmasta, sillä tietoa oli syötettävä moneen eri paikkaan.

Aiemmassa ratkaisussa Mafyn sivusto ja verkkokauppa olivat kaksi erillistä järjestelmää, ja yksi tavoitteistamme olikin sivuston ja verkkokaupan yhdistäminen samalle alustalle. Vaikka Mafyn tuotteet itsessään olivat kohderyhmille houkuttelevia, ei sivuston vanha ulkoasu tukenut tätä mielikuvaa parhaalla tavalla. Sivusto ei myöskään johdatellut käyttäjiä ostamaan Mafyn materiaaleja ja palveluita: verkkokauppaan oli vaikea navigoida etusivun kautta, tuotetyyppien eroja oli vaikea ymmärtää ja oikean tuotteen löytäminen oli hankalaa.

Yhteistyömme kenties tärkeimmäksi teemaksi nousikin sivuston selkeys. Mafyn haluttiin viestivän vakautta ja luotettavuutta, sillä se tuottaa paljon laadukkaita oppimateriaaleja. Samalla mielikuvaa haluttiin tasapainottaa modernilla ulkoasulla ja nuorekkuudella, koostuuhan sen kohderyhmä ensisijaisesti nuorista opiskelijoista.

Uudistuksen painopisteinä olivat selkeämmän rakenteen lisäksi tarkemmin määritellyt ostopolut, raikas ja moderni ulkoasu, sivustolle saumattomasti sulautettu verkkokauppa sekä käyttäjäystävällisempi mobiilikäyttöliittymä.

Mafyn verkkokauppa toteutettiin WooCommercella kiinteäksi osaksi sivustoa ja valmennustuotteet syötetään nyt WooCommercen tuotteina. Käyttäjän ostopolku toimii sujuvasti ilman kirjautumista. Koska verkkokauppa integroitiin osaksi sivustoa, on kurssien tietoa mahdollista tuoda laskeutumissivuille kootusti. Tämä helpottaa merkittävästi ylläpitäjien työtä. Aiemmalta sivustolta puuttui myös paikka artikkelimuotoiselle sisällölle. Mafy tuottaa paljon laadukasta ja kävijälle hyödyllistä sisältöä, kuten yo-kokeiden mallivastauksia, lukuvinkkejä ja pääsykoevinkkejä. Tieto nostetaan nyt aihepiirin mukaan automaattisesti relevanteille laskeutumissivuille.

Aiemmin ostoprosessi oli piilotettu useamman klikin taakse. Sivustolla on nyt selkeä ”Ilmoittaudu”-CTA ja verkkokauppa. Sivuston rakenne tukee ostamista kokonaisuudessaan. Mobiilinäkymissä päätasot tuodaan korostetusti esiin ja muut sivut esitettiin pienemmällä prioriteetilla. Ilmoittautuminen ja ostoskori ovat nyt yhden klikin takana.

Uusi Mafy-sivusto on aiempaa huomattavasti selkeämpi ja ulkoasultaan raikkaampi, mikä parantaa sivustolla asiointia käyttäjän näkökulmasta. Uusi ulkonäkö tukee myös Mafyn brändiä ja laatumielikuvaa. Selkeämpi navigaatio ja uusi rakenne tekevät sivuista huomattavasti helpommin silmäiltävämpiä ja tuotetyyppien eroja on helpompi ymmärtää.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Verkkokauppa

Aloitimme yhteistyön kansainvälisen Kekkilä-BVB:n kanssa keväällä 2019 tavoitteenamme luoda selkeyttä eri sivustojen välille Kekkilän yritysfuusion pohjalta. Kokonaisvaltaisen uudistuksen tavoitteena oli selkeämpi käyttökokemus ja kustannustehokkaampi kehitys. Pyrimme löytämään ratkaisun suureen sivumäärään, joka tulee tulevaisuudessa kasvamaan entisestään.

Ensimmäisessä vaiheessa lähdimme liikkeelle uuden organisaation omasta sivusta kekkilä-bvb.comista ja teimme strategiatyötä selvittääksemme eri sivustojen tarkoituksen ja käyttäjäryhmät, jotta uusittava domainrakenne tukisi hakukonenäkyvyyttä parhaalla mahdollisella tavalla. Kekkilän aiemmat sivustot olivat visuaalisesti näyttäviä, mutta käyttäjäkokemus ja tavoitteellisuus oli jäänyt visuaalisuuden jalkoihin. Käyttäjistä kerättyä dataa ei hyödynnetty riittävän hyvin, eikä sivustolle tulevia käyttäjiä onnistuttu ohjaamaan eteenpäin.

Projektin alkuvaiheessa suurimpana haasteena oli eri sivustojen yhteensopivuus Kekkilän uudenorganisaatiorakenteen ja brändistrategian kanssa. Seitsemästä hajanaisesta sivustosta osa oli toteutettu B2B- ja osa B2C-fokuksella. Eri sivustot pyörivät eri versioilla samasta koodipohjasta, josta löytyi auditoinnin perusteella teknisiä haasteita. Halusimme muodostaa yhtenäisen, jatkuvasti kehittyvän kokonaisuuden. Koodipohjan tuli olla yhtenäinen ja sivustojen kehitys tapahtua niin, että yhden sivuston parannukset hyödyttäisivät myös muita sivustoja. Liiketoimintayksiköistä lähdimme ensin kehittämään Retail & Landscaping -sivustoja.

Projekti alkoi perusteellisella käyttäjätutkimuksella, jonka tavoitteena oli käyttäjäryhmien sekä niiden tarpeiden identifiointi ja palvelupolkujen mallinnus. Vertaamalla nykyisiä sivustoja tavoitteellisiin palvelupolkuihin voitiin helposti havaita kehittämistarpeita ja uusia palveluideoita. 

Jokaisella Kekkilän sivustolla on omat tavoitteensa, jotka voivat vaihdella sivujen katselukerroista tuotteiden myyntiin, yhteydenottoihin tai jonkin tietyn tiedon löytämiseen. Tavoitteiden saavuttamista varten oli olennaista asettaa jokaiselle sivustolle luotettava mittaus ja seurata käyttäjäpolkuja jatkuvasti.

Määrittelimme sivustojen tavoitteet, kävijäryhmät sekä kanavat ja työstimme toiminnan seuraamiseksi raporttipohjan Google Data Studiolla. Sen kautta ylläpitäjät voivat seurata tavoitteiden täyttymistä ja käyttäjien toimintaa reaaliaikaisesti. Sivuston toiminnallisuuksien jatkuva testaaminen auttaa kehittämään Kekkilän sivustoa käyttäjien toiveiden mukaisesti.

Aiemmin Kekkilän sivustot palvelivat useita eri asiakasryhmiä eri sivustoilla, ja siksi sivustot kilpailivat keskenään hakukonenäkyvyydestä. Perusteellisen domain-strategian ansiosta pienemmätkin domainit palvelevat nyt eri käyttäjäryhmiä kattavan ylätason navigaation avulla. Olemme panostaneet myös sivuston orgaanisen liikenteen optimointiin, jonka avulla olemme voineet varmistaa Kekkilälle paremman hakukonenäkyvyyden sekä vastata potentiaalisten asiakkaiden hakutoiveisiin.

Toisessa vaiheessa uudistimme jälleenmyynnin ja maisemoinnin domainit yhdeksi multisite-sivustoksi käyttäen WordPress-sisällönhallintajärjestelmää ja omaa Everblox-ratkaisuamme. Multisite varmistaa, että käyttäjät voivat kirjautua kaikille sivustoille yhdestä paikasta. Sivustojen kieliversiot toteutettiin Polylang Pro -lisäosalla ja sivuston lomakkeet Salesforcella.

Kehitimme Kekkilälle myös käyttöliittymäkirjaston, jonka tarkoituksena on vähentää jatkokehityksen kuluja: Kekkilä-BVB voi hyödyntää kehitettyjä elementtejä kaikilla sivuistoillaan, sillä niiden koodipohja on yhtenäinen. Kehitimme Kekkilälle myös uuden verkkokaupan WooCommercen päälle.

Uudistimme myös Kekkilä Garden & Hasselfors Garden -jälleenmyyntisivustot yhdeksi multisiteksi, jotta sisällönhallinta helpottuisi ja tehostuisi. Design on yhdenmukainen sivusta riippumatta, mikä tekee jatkokehityksestä kustannustehokkaampaa. 

Halusimme antaa Kekkilän markkinoinnille parhaat mahdolliset välineet sisällöntuotantoon. Sivuston ylläpidon ja päivityksen tuli olla mahdollisimman nopeaa ja vaivatonta. Tämä saavutettiin Everblox-työkalulla, joka räätälöitiin Kekkilän visuaaliseen brändiin sopivaksi. Sisällöntuottajat voivat nyt luoda kokonaan uusia sivuja tai muokata olemassa olevien sivujen rakennetta helposti. Tämä tekee sivuston jatkokehityksestä huomattavasti kustannustehokkaampaa, kuin aiemmin.

Multisite-kokonaisuus tekee useiden sivujen hallinnasta helppoa, sillä yhdelle sivulle kehitettyä moduulia voi käyttää myös kaikilla muilla sivuilla. Käyttöliittymäkirjasto puolestaan varmistaa, että Kekkilän ammattilaiset voivat rakentaa uusia sivustoja hyödyntämällä aiemmin luotuja rautalankamalleja. Tämä nopeuttaa merkittävästi sivustojen kehittämistä ja suunnitteluvaihetta.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Verkkokauppa

Professio on moderni tapahtuma- ja koulutusalanjärjestäjä. Sen toiminnan ytimessä on rajoja rikkova, laadukas sisältö – kansainväliset kutsuvierastapahtumat, sadat koulutukset ja asiantuntijaseminaarit.

Haaste

Aiempi sivusto ei vastannut Profession tarpeita: se ei tukenut visuaalisesti brändin visiota tai viestintää eikä toiminnoiltaan mahdollistanut Profession tiimin itsenäistä, proaktiivista sisällön päivitystä ja sivuston skaalausta.

Ratkaisumme

Profession tulovirta koostuu osallistujamaksuista ja kumppanituloista. Keskityimme sivuston käyttäjäkokemuksen parantamiseen tehden siitä intuitiivisemman ja ostamista helpottavan verkkokaupan. Sivustolle rakennettiin kategorisointi- ja suosittelulogiikka, jotka ovat Profession itse muokattavissa.

Panostimme tapahtumasivujen rakenteeseen ja visuaalisuuteen tehden niistä inspiroivat, kumppaneita houkuttelevat ja loppukäyttäjille selkeät. Sivusto uudistettiin WordPress-sisällönhallintajärjestelmän päälle käyttäen modulaarista Everblox-työkaluamme ja WooCommerce lisäosaa. Sivusto tehostaa myyntiä mahdollistamalla monen tuotteen ostamisen, early bird hinnoittelun ja ryhmäalennukset. Tekninen ratkaisun avulla uusien tapahtumatuotteiden lisääminen on entistä vaivattomampaa ja tarjoaa Profession tiimille hyvin vapaat kädet niiden omatoimiseen päivittämiseen.

Aiempi sivusto oli multisite, jossa kaikki tapahtumat olivat omia sivukokonaisuuksiaan. Suoraviivaistimme sivurakennetta tekemällä tapahtumista koottuja laskeutumissivuja. Panostimme sivuston tapahtumahakuun uusimalla kategorisointi- ja filtteröintilogiikan. Tehokas haku helpottaa tapahtumien selailua aihepiirin, ajankohdan ja kaupungin mukaan. Profession tarjonta on jaettavissa karkeasti kolmeen kokoluokkaan, isoihin, jotka ovat tyypillisesti kutsuvierastapahtumia, keskikokoisiin, joita ovat seminaarit ja osa koulutuksista, sekä pieniin, joihin lukeutuvat sadat vuosittain järjestettävät koulutukset. Jokaiselle näistä on mahdollista luoda oma uniikki tapahtumanmukainen ilme ja sisältörakenne.

Sivuston toiminnallisuudet, kuten lomakkeet ja ilmoittautumiset uudistettiin ja yhdistettiin Profession asiakkuudenhallintatyökaluun, CRM Serviceen, rajapinnan kautta. Professio.fi-sivustolle on tehty tiivis integraatio CRM Service -palveluun. CRM Service tarjoaa kattavat REST-rajapinnat tietojen lisäämiseen ja erilaisten automaatioiden käynnistämiseen. WooCommerce toteutus luo CRM:ään asiakkuudet ja käyttäjät. Käyttäjille luodaan tehdyt tilaukset ja WordPress muodostaa myös laskut CRM Servicessä. Tehdyt tilaukset viedään WordPressissä synkronointijonoon ja tiedot synkronoidaan tietyin väliajoin CRM:ään. Integraatioon on kytketty Sentry.io -valvonta, joka monitoroi synkkausta ja lähettää tiedon, mikäli synkronoinnissa tulisi vastaan ongelmia.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Verkkokauppa

Uudistimme Flamingo Span verkkosivuston sekä verkkokaupan loppukäyttäjien tarpeet etusijalla. Suurimpiin tavoitteisiimme kuului palveluiden uudelleenryhmittely ja selkeyttäminen sekä kävijämäärän ja varausten kasvattaminen. Lopputuloksena on käyttäjäystävällinen, intuitiivinen sivusto ja Flamingo Spalle ketterät työkalut sisällönhallintaan.

Eri sivustot ja verkkokauppa tuotiin yhteen ratkaisussa, jonka keskiössä on pääsylippujen myynti ja hoitojen varaus. Ratkaisu mahdollistaa Flamingo Span markkinoinnille ketterät työkalut muokata kaikkea sisältöä itse. Kampanjat, uudet sivut ja nykyisten sivujen optimointi tapahtuvat helposti ylläpitotyökalun kautta.

Sivusto toteutettiin WordPress-alustalle ja verkkokauppa WooCommercelle. Everblox-työkalu antaa flamingospa.fi:n ylläpitäjille vapauden kehittää sivustoa hyvin laajasti säästäen aikaa ja kustannuksia. Kokonaisuus on nyt yhtenäinen ja kaikki osat linkittyvät saumattomasti toisiinsa. Uusi järjestelmä on suoraan vaikuttanut asiakaspalvelun laatuun ja nopeuteen.

Verkkokauppauudistukseen sisältyi myös Flamingo Span tuotetyyppien uudelleenjärjestely. Suunnittelimme sivuston sisältöarkkitehtuurin käyttäjälähtöisesti puhtaalta pöydältä. Suunnittelutyö tehtiin tiiviissä yhteistyössä Flamingo Span tiimin kanssa, joka tuntee asiakaskuntansa parhaiten. Vesipuiston ja kylpylän kokemukset ovat toisistaan poikkeavat, joten ne eriytettiin visuaalisesti toisistaan myös verkossa.

Halusimme integraatioiden avulla tehostaa Flamingo Span tiimin digitaalista työskentelyä. Tällä hetkellä verkkokaupassa maksaminen hoidetaan Paytrailin avulla. Lisäosa helpottaa WooCommercen integroimista maksujärjestelmään ja vastaanottamaan dataa ostotapahtumista. Kun transaktio on prosessoitu, informaatio oston läpiviemisestä ja transaktion ID tallennetaan WooCommerceen. Sivuston yhteyteen luotiin hotellipaketteja varten erillinen käyttöliittymä, joiden kautta eri hotellit käyvät validoimassa lippujen yhteydessä myydyt paketit asiakkaan sisäänkirjautuessa hotelliin.

Flamingo Spalla on käytössään WinPOS kassajärjestelmä, johon viedään Rest API:n kautta tieto verkkokaupan kautta myydyistä lipuista, tehden lipun validoinnista kassalla helppoa ja nopeaa.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Web-sovellus tai asiointipalvelu

Defi.fi on Suomen Elvytysneuvoston, Suomen Punaisen Ristin ja Suomen Sydänliiton hallinnoima verkkopalvelu, jonka avulla käyttäjä löytää sydämenpysähdystilanteessa nopeasti lähimmän sydäniskurin elvytyksen tueksi.

Siinä missä Defi.fi -palvelu oli verkkosivuna perinteinen ja käyttöliittymältään vanhanaikainen, tuotiin uuden palvelun käyttöliittymää ja toimintaa lähemmäs nykypäivää käyttäen kiintopisteinä esimerkiksi Google Maps -applikaatiota. Defi.fi:n uudistuksen tavoitteena oli mahdollisimman intuitiivinen käyttöliittymä, joka ohjaisi käyttäjän mahdollisimman nopeasti lähimmän sydäniskurin luo. Intuitiivisuus merkitsee sitä, että käyttäjä ymmärtää heti, kuinka sovellus toimii ja mistä hän löytää tarvitsemansa tiedon. Käyttöliittymä muistuttaa käyttäjille ennestään tuttuja palveluita, mikä tekee palvelusta helpon käyttää.

Käyttäjän paikannusta nopeutettiin ja selkeytettiin. Yksittäisen sydäniskurin tietojen saavutettavuutta parannettiin luomalla jokaiselle iskurille oma näkymä kartan päälle avautuvien pop-upien sijaan. Sydäniskurin omistaja syöttää WordPressiin omat aukiolotietonsa, joita Defi.fi vertaa kellonaikaan ja näyttää värikoodien mukaisesti käyttäjälle saatavilla olevat sydäniskurit.

Uuden palvelun kehittäminen lähti kartoittamalla käyttäjien tarpeet. Hätätilanteissa ei ole aikaa spekulointiin, ja siksi lähimmän iskurin nopea löytyminen nostettiin päärooliin ja muu sisältö asetettiin sivuun. Koska palvelun nopeus on Defi.fi:n kohdalla erityisen tärkeä ominaisuus, kiinnitettiin siihen huomiota optimoiden sitä esimerkiksi välimuistituksen avulla.

Käytettävyys mobiililaitteilla katsottiin ensiarvoisen tärkeäksi. Samalla haluttiin parantaa ylläpidon puolella sydäniskurien omistajien käyttökokemusta, jotta tietokanta säilyisi mahdollisimman hyvin ajan tasalla. Tietokantaan luotiin useita käyttäjärooleja, jotta sydäniskurien omistajien olisi mahdollisimman helppoa lisätä ja päivittää sydäniskuriensa tietoja.

Uudistetun Defi.fi -palvelun sisällönhallintajärjestelmänä toimii WordPress ja käyttöliittymäpuolen teknologioina esimerkiksi React.js ja Google Maps -rajapinta. Palveluun luotiin vanhasta Defi.fi:stä puuttuneita toiminnallisuuksia kuten automatisoitu värikoodaus, joka näyttää käyttäjälle, onko sydäniskuri parhaillaan saatavilla. Paikannus on olennaisessa roolissa, sillä aina ensimmäiseksi palvelu paikantaa käyttäjän geolokaation avulla ja näyttää tälle lähimmän sydäniskurin sijainnin.

Käyttökokemusta parannettiin nostamalla kartta selkeään päärooliin ja karsimalla sen ympäriltä kaikki ylimääräinen. Kiinnitimme myös erityishuomiota saavutettavuuteen: kontrasteja ja kirjasinkokoja parannettiin, jotta palvelusta saataisiin mahdollisimman helppokäyttöinen ja käyttäjäystävällinen.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Yrityksen sivusto

Evermade suunnitteli ja toteutti Suomen Porschelle uuden sivuston, jonka tavoitteena oli luoda kaikilta osin toimivampi verkkopalvelu pitäen visuaaliset elementit linjassa kansainvälisen Porsche.com-sivuston kanssa. Tekniset valinnat vanhalla sivustolla rajoittivat sivuston järkevää kehittämistä ja estivät kustannustahokasta sisällönhallintaa. Myös sivuston käyttökokemus ontui, eikä asiakaspolkuja oltu suunniteltu loogisiksi.

Loimme visuaalisesti miellyttävän ja käyttäjäystävällisen sivuston, joka tukee sekä loppukäyttäjien että sisällöntuottajien tarpeita. Asiakkaan tulee löytää hakemansa tieto nopeasti ja Porschen sisällönammattilaisten tulee pystyä päivittämään sisältöä ja luomaan kampanjoita nopeasti.

Porsche.fi:n sisällönhallintajärjestelmänä toimii WordPress. Sivusto käyttää modulaarista, avointa lähdekoodia hyödyntävää Everblox-teknologiaa, minkä ansiosta ylläpito pystyy päivittämään sivuston sisältöä nopeasti ja vaivattomasti. Porschen tiimi voi nyt luoda myös ainutlaatuisia ja näyttäviä kampanja- ja esittelysivuja erikseen jokaiselle automallille. Työn helpottamiseksi autojen tiedot noudetaan automaattisesti, mutta sivujen ulkonäköä voi räätälöidä erilaisilla kuvilla ja videoilla. Sisällön luominen ei rajoitu sivupohjiin, vaan erilaisia elementtejä voidaan lisätä, muokata ja poistaa vapaasti säilyttäen kuitenkin yhtenäinen visuaalinen ulkoasu läpi sivuston.

Toteutimme lomakkeille integraation Automaster CRM:ään, jotta kaikki myynnin ja jälkimarkkinoinnin liidit voitaisiin viedä automaattisesti WordPressistä Automaster CRM:ään. Tähän toteutettiin erillinen rajapinta.

Sivusto ja tehtaan tietojärjestelmä integroitiin yhteen manuaalisen työn välttämiseksi. Tietojärjestelmästä tuodaan eri automallien tiedot admin-paneeliin, jossa sivuston ylläpitäjä valitsee mitkä mallin tiedot tuodaan esille mihinkin sivun kenttään. Jokaisesta automallista voidaan nyt luoda yksilöllinen ja näyttävä esittelysivu Everblox-komponenteilla – ja mallistotieto samalla päivittyy automaattisesti tietojen muuttuessa.

Porsche.fi:n aiempi autohaku oli toteutettu NetWheelsin hakumoottorin päälle ja samaa moottoria haluttiin käyttää myös uudella sivustolla. Haku upotettiin sivustolle siten, että NetWheels huolehtii edelleen hakulomakkeen toteutuksesta ja hakunäkymien toteutuksesta. Käyttökokemus pysyy kuitenkin yhtenäisenä jaettujen tyylien ja globaalin navigaation avulla.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 10 000–30 000 €
Palvelun tyyppi: Uutis- tai viihdesivusto

Soaked by Slush on uusi rohkea start-up media, jolle Evermade suunnitteli ja toteutti WordPress-pohjaiset verkkosivut.

Slush on tunnettu visuaalisesta ilmeestään, joka nostaa sen omaan luokkaansa maailman startup-tapahtumien joukossa ja yllättää tapahtuman kävijät vuodesta toiseen. Luonnollisesti myös tavoitteet Slushin oman median designille olivat korkealla. Tavoitteena oli luoda alusta, joka ei tunnu pelkältä Slush-tapahtuman blogilta tai maksetulta medialta. Soakedille lähdettiin luomaan alusta asti aivan omaa ilmettä. Lopulta sen keskeiseksi kilpailuvaltiksi muodostuikin erottuva, viimeistelty ja ajankohtainen design.

Keskeisiä arvoja ja tekemisen tapoja Soakedille ovat myös uusiutuminen ja yllätyksellisyys. Tätä tukemaan sivustolle rakennettiin ratkaisuja, jotka mahdollistavat yllättävän uusiutumisen ilman suuria päivitysprojekteja myös designissa: brändivärejä on helppo vaihtaa ja logon fontti vaihtuu automaattisesti. Etusivu ja artikkelit on rakennettu joustavasti sisältöblokeilla, joilla pelaamalla myös tekstitoimittaja saa helposti sivulle uutta ilmettä.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: 30 000–60 000 €
Palvelun tyyppi: Yrityksen sivusto

Yhteistyössä luovan toimiston, Sherpan kanssa Evermade suunnitteli ja toteutti Pohjola Rakennusksen uudet, raikkaat ja käyttäjäystävälliset verkkosivut. Visuaalinen ilme toteutettiin yhteistyössä Sherpan kanssa, ja Evermade vastasi sivun teknisestä uudistuksesta.

Suurin haaste vanhalla sivustolla oli epäkäytännöllinen asuntohaku, se oli hidas ja hakutoiminnoiltaan puutteellinen. Uudistuksen pääasiallinen tavoite oli sivuston kävijämäärän kasvattamisen lisäksi kävijöiden konvertoituminen asiakkaiksi. Tätä tukemaan rakensimme asiakaspolkuja, jotka pohjautuivat yhdessä Sherpan kanssa luomiimme asiakasprofiileihin.

Sivusto on toteutettu modulaarisilla rakennuspalikoilla, jotka mahdollistavat ylläpitäjille sen helpon päivittämisen, hallinnan ja jatkokehityksen. Tärkeä osa Pohjola Rakennuksen sivua on PDX+ integraatio. PDX+ on kiinteistövälittäjien sekä rakennusalan asuntomyynnin ja markkinoinnin ammattilaisten selainpohjainen työkalu. Laajensimme Pohjola Rakennuksen jo olemassa olevaa PDX -integraatiota lisäämällä yksityiskohtaiset asuntotiedot ja yhdistelemällä dataa rakennuksista, yksittäisistä asunnoista, kaupungeista sekä asuinalueista. PDX-data integroituu saumattomasti WordPressiin, josta se näkyy nopeasti Reactin avulla. Erilaiset suodattimet ja hakutoiminnot auttavat nyt Pohjola Rakennuksen asiakkaita löytämään unelmakotinsa helposti.

Tekijä: Evermade
Tärkein teknologia: WordPress
Projektin budjetti: yli 60 000 €
Palvelun tyyppi: Yrityksen sivusto

Uudistimme SuperParkin verkkosivustot sekä verkkokaupan vuonna 2017 ja rakensimme sivustopohjan globaalia aktiviteettipuisto- liiketoimintaa varten. Sivusto pohjautuu kehittämiimme modulaarisiin Everbloxeihin, joiden avulla nopea ja helppo skaalautuminen on mahdollista: uusia sivustoja voidaan pystyttää jatkossa vaivattomasti eri maihin. Toteutimme oman sivuston jokaiselle maalle, ja lisäksi maiden sisällä on SuperPark-puistoille omat sivustonsa. Jokaisen puiston vastuuhenkilö pääsee myös muokkaamaan oman puistonsa sivua ja tekemään muutoksia esimerkiksi puiston aukioloaikoihin.

Verkkokaupasta asiakkaat voivat ostaa lipputuotteita kuten sarjalippuja ja lahjakortteja sekä varata syntymäpäiväjuhlia tai yritysmyynnin tapahtumia. Olemme toteuttaneet verkkokaupan SuperParkille integroimalla Shopifyn Suomen, Ruotsin sekä Hong Kongin sivustoille. Toteutuksessa tuotesivut ja ostoskori on tehty Shopifyn JS-rajapinnalla sivuston puolelle, mutta checkoutissa asiakas siirtyy Shopifyn näkymiin. Projektissa siis konfigurointiin Shopify, rakennettiin integraatio sivustolle ja kustomoitiin Shopifyn checkout sekä email-templatet.

Lisäksi SuperParkille tehtiin syntymäpäivien varaamista varten React-sovellus, joka ensin kommunikoi SuperParkin CRM:n kanssa (vTiger) joka lopuksi luo ostoskorin sekä ohjaa käyttäjän maksamaan Shopifyn puolelle.

Optimoimme ja uudistamme jatkuvasti Superparkin sivustoa. Myös sivuston viestiä on hiottu ja kohdennettu tarkemmin – ideana on, että hauskuus alkaa jo sivustolta.