Näillä vinkeillä onnistut sivustouudistuksessa – case meidanhaat.fi

Meidanhaat.fi uudistui

Vuonna 2011 perustin oman sivutoimisen yrityksen, White Web Oy:n, ja samaan aikaan omien häiden suunnittelun yhteydessä aloin kehittelemään ideaa hääsivustosta, joka yhdistäisi häitään suunnittelevat morsiusparit sekä hääalan palveluntarjoajat. Meidanhaat.fi -sivusto julkaistiin elokuussa 2011. Aika oli suosiollinen tämän tyyppiselle palvelulle, ja hyvin pian sekä käyttäjät, hääbloggaajat että mainostajat löysivät palvelun, ja Meidän Häät löysi paikkansa yhtenä Suomen suurimmista häämedioista.

Samalla konseptilla mentiin muutama vuosi, ja ollessani päätoimisesti kahden pienen pojan äiti, ja vain sivutoimisesti yrittäjä, ei ollut paljon aikaa vilkuilla sivulle tai eteenpäin, ja miettiä palvelun kehittämistä. Viime syksynä aloitellessani digitaalisen viestinnän opintoja ja tehdessäni useampia sivustoprojekteja, havahduin lopullisesti, että myös meidanhaat.fi kaipasi kipeästi uudistumista. Viidessä vuodessa suunnittelutrendit olivat muuttuneet paljon, ja valitettavasti tämä alkoi näkyä myös Meidän Häät -sivustolla. Viimeinen hälytyssignaali oli se, kun hakukoneista tulleiden kävijöiden määrä kääntyi laskuun sivustolla, ja tajusin, että tämä on se hetki, kun Google alkaa todenteolla rankaisemaan siitä, että meidanhaat.fi ei ole vieläkään responsiivinen. Responsiivisella sivustolla tarkoitetaan siis sitä, että sivupohja muuttuu kävijän selainkoon mukaan. Näin ollen responsiivisen verkkosivun sisältö on luettavissa ilman suurentamista tai pienentämistä niin mobiilissa kuin pöytäkoneellakin.

Vanha meidanhaat.fi -sivusto
Vanha meidanhaat.fi -sivusto

Rakentaessani meidanhaat.fi sivustoa vuonna 2011, ei puhuttu vielä mitään responsiivisuudesta. Myös mobiilikäyttäjiä oli tuolloin tosi marginaalisesti, joten tätä näkökulmaa ei pysähdytty juurikaan miettimään. Parhaat julkaisujärjestelmät tähän tarkoitukseen olivat tuolloin WordPress, Joomla ja Drupal. Koska teknisellä kumppanillani oli eniten kokemusta Joomalasta, päädyimme siihen ilman sen suurempaa analyysiä. Jälkeenpäin ajateltuna tämä oli aika suuri virhe. Blogit ovat alusta asti olleet suuressa roolissa Meidän Häät -sivuston sisällöissä, ja aika pian kävi ilmi, että blogialustana Joomla oli aika susi. Esim. blogien kommentointi onnistui vain Facebook-tunnuksilla (eli käytännössä kommentoijien omalla nimellä ja kuvalla, mistä käyttäjät eivät olleet kovin innoissaan) ja lisäksi esimerkiksi kuvien lisääminen ja muokkaaminen oli bloggaajille aika vaivalloista. Vuosien varrella Joomlan suosio julkaisujärjestelmänä laski entuudestaan, ja näin ollen se tuotti omat haasteensa sivuston lisäosien päivittämiseen. Muutaman vuoden jälkeen oltiin tilanteessa, että sivuston päivittäminen responsiiviseksi kaikkine lisäosineen oli mahdotonta. Nykyinen sivusto oli tullut tiensä päähän.

Miksi WordPress on hyvä valinta julkaisujärjestelmäksi?

Aloittaessani meidanhaat.fi sivustouudistusta helmikuussa 2017, tiesin, että kyseessä tulisi olemaan iso ja haastava projekti. Vuosien varrella Meidän Häät oli paisunut 600-sivuiseksi häämediaksi. Heti alussa tiesin, että Joomla ei olisi enää vaihtoehto julkaisujärjerjestelmäksi, vaan kaipasin kipeästi siirtymistä WordPressiin, josta minulla oli hyviä kokemuksia sekä yrityssivustona että blogialustana.

WordPress on tällä hetkellä maailman suosituin julkaisujärjestelmä, ja yli neljännes maailman sivustoista pyörii WordPressin päällä. Syitä WordPressin suosioon ovat muun muassa helppokäyttöisyys, ilmainen lisenssi, hakukoneystävällisyys, turvallisuus sekä muokattavuus. Lisäksi koska WordPress on ihan äärettömän suosittu, myös hyviä WordPress -kehittäjiä löytyy pilvin pimein. Monikaan koodari ei enää hallitse esimerkiksi Joomlaa kovin hyvin, ja näin ollen teknisten haasteiden ratkaiseminen Joomlassa voi olla paljon vaikeampaa ja kalliimpaa kuin WordPressissä.

Mistä lähdettiin liikkeelle?

Vaikka monet visuaaliset asiat olivat kuudessa vuodessa ehtineet muuttua sivustosuunnittelun trendeissä, koin edelleen vanhan meidanhaat.fi -sivuston rakenteen toimivaksi. Mitään rautalankamallia en siis lähtenyt tässä projektissa erikseen tekemään, vaikka tyypillisesti raudat on hyvä tehdä aina uutta sivustoa suunnitellessa. Tein pikaisen käyttäjäkyselyn ja lisäksi kevyen analyysin nykyisen sivuston toimivuudesta. Tämän analyysin pohjalta lähdimme etsimään uudelle meidanhaat.fi -sivustolle sopivaa WordPress teemaa.

Soledad simple -WordPress teema
Soledad simple -WordPress teema

Aika nopeasti löysimme simppelin ja selkeän Soledad Simple -teeman ja päätimme lähteä rakentamaan uutta sivustoa sen päälle. Kyseinen teema tuntui vastaavan aika hyvin tämän ajan sivustotrendejä, eli yksinkertaista ja selkeää tyyliä. Koska sivuston rakenne ja sisältö tulisi säilymään suht samana, aloimme heti WordPress-testisivuston asennuksen jälkeen (psst. muista ladata myös demo content WordPressiin) siirtämään vanhoja sisältöjä Joomlasta WordPressiin.

Sisältöjen siirtäminen osoittautui lopulta kaikista työläimmäksi vaiheeksi, sillä vanhan sivuston kuvaleveys oli ollut vain 490 pikseliä, ja uusi WordPress-sivusto vaatisi vähintään 1 000 pikseliä leveät kuvat. Näin ollen jouduimme metsästämään vanhoihin säilytettäviin artikkeleihin uudet sopivat kuvat osittain myös kuvapankeista.

Unsplash.com -kuvapankki
”Wedding” -haku Unsplash.com -kuvapankissa

Onneksi kuvapankit ovat kehittyneet hyvään suuntaan muutaman vuoden aikana. Tänä päivänä löytyy useita laadukkaita ilmaisiakin kuvapankkeja, kuten Unsplash.com, Pexels.com sekä Pixabay.com, joita hyödynsimme hyvinkin paljon tässä projektissa.

Uudistuneen meidanhaat.fi -sivuston lanseeraus huhtikuussa 2017

Sivustouudistuksen loppusuoralla tein myös sosiaalisen median strategian Meidän Häille kahden opiskelijakaverini kanssa. Somestrategiasta tulen kirjoittamaan myöhemmin erillisen artikkelin, mutta tiivistetysti voin todeta, että vanhalla sivustolla sometekeminen oli ollut käytännössä yhtä kuin uusien artikkeleiden linkittäminen Facebookiin, eli siis todella huonolla tolalla. Uuden somestrategian myötä perustin Meidän Häille tilit Instagramiin ja Pinterestiin, ja lisäksi aloin käyttämään myös Facebookia suunnitelmallisemmin.

Meidanhaat.fi sivustouudistus
Uusi meidanhaat.fi -sivusto lanseerattiin huhtikuussa 2017

Muutaman viikon kokemuksen jälkeen voi todeta, että Instagram on ollut Meidän Häille todella hyvä kanava, sieltä on löytynyt paitsi uusia seuraajia ja kävijöitä sivustolle, myös uusia yhteistyökumppaneita, mainostajia ja hääbloggaajia. Uuden meidanhaat.fi -sivuston lanseerauksen yhteydessä tein myös mainoskampanjat Facebookiin, Instagramiin ja Google AdWordsiin. Mainonnannassa hyviä tuloksia tuli Facebookista ja Googlesta, sen sijaan Instagram-mainonnan tulokset jäivät heikoiksi, josta olin vähän yllättänyt, sillä tavallisten Instagram-julkaisujen engagement-prosentti on ollut erittäin hyvä.

Facebookissa tein perusmainonnan lisäksi kilpailun, jossa kehottiin kävijöitä tutustumaan uusittuun sivustoon ja äänestämään parasta artikkelia. Äänestäneiden kesken arvottiin 100 € lahjakortti luonnonkosmetiikkaa myyvään TwistBe.fi -verkkokauppaan. Kilpailuun tuli oikein mukavasti osallistujia, ja se konvertoi myös hyvin uusia tykkääjiä sekä liikennettä sivustolle. Näitä siis ehdottomasti lisää jatkossa!

Yhteenveto sivustouudistuksen onnistumisesta

Summa summarum. Meidanhaat.fi -sivustouudistus oli kokonaisuudessaan todella onnistunut projekti, tosin muutos kävijämäärissä sekä mainosmyynnissä näkyy kunnolla vasta pidemmällä aikavälillä, jolloin voidaan tehdä syvällisempi analyysi aiheesta. Lyhyellä aikavälillä sivustouudistuksen onnistumista on voinut mitata muun muassa sillä, että uudistuksen jälkeen olen saanut huomattavan paljon uusia asiakkaita, yhteistyökumppaneita ja monia uusia hyviä hääbloggaajia. Lisäksi olen saanut uusitusta sivustosta todella positiivista palautetta niin käyttäjiltä, asiakkailta, yhteistyökumppaneilta, bloggaajilta kuin ystäviltäkin.

Itse sivustoprojekti eteni paremmin kuin olisin ikinä voinut kuvitella, ja uusi sivusto valmistui lopulta kahdeksassa viikossa. Keskeistä projektin onnistumisen kannalta oli erinomainen tiimi (KIITOS Saara ja Juha!), jonka jäsenten näkemykset, tekemisen laatu ja tahti kohtasivat hyvin. Tärkeää oli myös realistinen aikataulu, käyttäjä- ja markkinatuntemus, panostaminen oikean alustan ja sivustoteeman valintaan. Tältä pohjalta voisin summata sinulle, joka suunnittelet isoa sivustoprojektia, muistilistan tärkeistä huomioitavista asioista:

Onnistuneen sivustoprojektin muistilista

1. Määritä tavoitteet projektille
2. Tunne käyttäjät ja markkina (mahdollinen tutkimus / analyysi näistä)
3. Panosta julkaisujärjestelmän / alustan valintaan (WordPress on usein hyvä valinta!)
4. Hanki osaava ja yhteen hiilen puhaltava tiimi
5. Suunnittele huolella ja testaa ajoissa
6. Resursoi riittävästi aikaa
7 . Muista 301-uudelleenohjaukset (ettet menetä vanhan sivuston hakukonehyötyjä)

Olethan yhteydessä mikäli voin olla avuksi sivustoprojektissasi!

Vapputerkuin,

Maria

Continue Reading