Verkkokaupan uudistus kotimaiselle vaatebrändille
Kuuntele tiivistelmä:
Uusi verkkokauppa rakennettiin WordPressin ja WooCommercen pohjalle, ottaen huomioon saavutettavuus ja mobiilikäyttö. Visuaalisesti sivuston ilmeestä tehtiin rauhallinen, laadukas ja kotimaisuutta korostava. Tuotekategoriat järjesteltiin uudelleen ja navigointi suunniteltiin selkeäksi eri laitteilla. Tuotesivuilla koko- ja värioptiot näkyvät visuaalisesti selkeinä painikkeina ja tuotteita voi selata helposti. Myös kotimaisuuteen ja vastuullisuuteen liittyvät viestit tuotiin esiin vahvemmin.
Sivuston rakenne mahdollistaa nyt nopean jatkokehityksen, ja käyttäjäkokemus on kohentunut huomattavasti. Konversioluvut ja rekisteröityneiden asiakkaiden ostot ovat nousseet. Uutena lisättiin myös digitaalinen lahjakortti. Asiakas on ollut erittäin tyytyväinen yhteistyöhön ja suosittelee Sitrusmediaa lämpimästi verkkokauppauudistuksen kumppaniksi.
Mikäli omassa yrityksessäsi on tarvetta verkkokaupan uudistukselle, kirjoita tai soita – kuulisimme mielellämme asiasi.
Melli EcoDesign on kotimainen lasten- ja naistenvaatemerkki, jonka vastuullisesti valmistetut tuotteet ommellaan Jyväskylässä omassa ompelimossa. Yrityksen verkkokauppa (melli.fi) kaipasi päivitystä – visuaalinen ilme ei enää vastannut brändin nykyistä maailmaa ja tekniset ratkaisut rajoittivat verkkokaupan kehittämistä. Uudistuksella haluttiin parantaa paitsi ulkoasua ja käyttökokemusta, myös verkkokaupan suorituskykyä ja ostamisen helppoutta sekä parantaa verkkokaupan konversioprosenttia.
Lähtötilanne ja tavoitteet
Vanha WooCommerce-verkkokauppa kaipasi päivitystä niin teknisesti kuin ulkoasullisesti. Sivusto oli hidas ja käytettävyydeltään haasteellinen, etenkin mobiililaitteilla. Uudistuksella haluttiin:
- selkeyttää navigointia
- nopeuttaa sivustoa
- tehdä ostamisesta vaivatonta myös puhelimella
- tuoda Melli-brändi paremmin esiin visuaalisesti.
Suunnittelu ja tekninen toteutus
Verkkokauppa rakennettiin uudelleen WordPressin ja WooCommercen päälle. Samalla sivuston teema vaihdettiin nopeaan ja saavutettavaan teemaan. Uusi ilme suunniteltiin tukemaan Melli EcoDesignin rauhallista, laadukasta ja vastuullista brändiä. Kuvamaailma, väripaletti ja typografia päivitettiin ja sivuston rakenne suunniteltiin uudelleen asiakkaan näkökulmasta selkeämmäksi.
Verkkokaupan rakennetta selkeytettiin erityisesti mobiilikäytön näkökulmasta: tuotekategorioiden järjestys mietittiin uudelleen, alasivut ryhmiteltiin loogisesti ja ylävalikko suunniteltiin toimimaan saumattomasti sekä puhelimilla että suuremmilla näytöillä. Sivusto on nyt responsiivinen kaikilla laitteilla, ja sisältö mukautuu sulavasti eri näyttökokoihin.
Koko uudistus tehtiin niin, että myös jatkokehitys ja ylläpito olisi asiakkaalle mahdollisimman vaivatonta. Rakensimme verkkokaupan modulaarisesti WordPressin lohkojen avulla, jolloin sisältöjen muokkaus onnistuu helposti ilman koodia. Lisäksi asiakkaalle järjestettiin etäkoulutus sivuston päivittämisestä ja verkkokaupan hallinnasta.
Nopeutta, visuaalisuutta ja kasvua
Vaikka verkkokauppaan lisättiin useita uusia toimintoja, sen suorituskyky parani huomattavasti – erityisesti mobiililaitteilla. Sivut latautuvat nopeasti ja asiakaspalaute uuden ulkoasun selkeydestä ja ilmeikkyydestä on ollut erinomaista. Myös konversioprosentti ja myyntiluvut ovat nousseet uudistuksen jälkeen.
Ostokokemus tuotesivuilla
Yksi uudistuksen keskeisimmistä osa-alueista oli tuotesivujen käytettävyyden kehittäminen. Aiemmin tuotemuunnelmat esitettiin perinteisinä alasvetovalikkoina, mutta nyt ne korvattiin visuaalisilla kuvalaatikoilla. Valittavissa olevat värit ja koot esitetään selkeästi kuvina tai tekstilaatikkoina ja loppuneet vaihtoehdot merkitään automaattisesti yliviivauksella, jolloin verkkokaupan asiakkaan ei tarvitse turhaan klikata olemattomia valintoja.
Myös tuoteosastojen sivuilla otettiin käyttöön uusi toiminto, jossa tuotteiden alla näkyvät kaikki saatavilla olevat koot jo ennen tuotesivulle siirtymistä. Tämä auttaa asiakasta löytämään nopeasti itselleen sopivan tuotteen ja säästää turhia klikkauksia.
Tuoteosastojen sivuilla on nyt käytössä myös hover-efekti, joka vaihtaa tuotekuvasta toisen version, kun hiiren kursorin vie kuvan päälle (keskimmäisen kuvan päällä hiiren kursori):
Tuotesivuilla korostetaan nyt entistä paremmin melli.fi -ydinarvoja: kotimaisuus, vastuullisuus ja oma tuotanto tuotiin esiin näkyvästi tuotekuvien yhteydessä sekä tekstisisällöissä. Asiakkaalle luodaan näin vahvempi tunne siitä, mitä hän tukee ostoksellaan.
Navigointi ja rakenteellinen selkeys
Verkkokaupan navigointiin panostettiin sekä mobiilissa että pöytäkoneella. Pienemmillä näytöillä otettiin käyttöön erillinen mobiilivalikko, jonka avulla asiakkaan on helpompi liikkua eri tuoteryhmien välillä. Suuremmilla näytöillä navigointia tehostettiin ns. mega menulla, jossa esitellään tuoteosastojen suosituimpia tuotteita kuvineen. Näin asiakas pääsee suoraan tutustumaan niihin ilman ylimääräisiä klikkauksia.
Uusia toimintoja ja parempi hallinta
Uudistuksen yhteydessä Melli.fi sai käyttöönsä myös digitaalisen lahjakortin, joka toimii automaattisesti – ilman manuaalista koodien lähettelyä. Tämä yksinkertaisti prosessia merkittävästi ja nopeutti tilausten käsittelyä.
Verkkokaupan alatunnisteeseen lisättiin uutiskirjetilaus, joka on selkeästi esillä kaikilla sivuilla. Samassa yhteydessä toteutettiin myös saavutettava evästebanneri ja päivitettiin tietosuojaseloste.
Asiakkaalle pidettiin WooCommerce-verkkokaupan käyttökoulutus etänä ja kaikki sisällöt suunniteltiin niin, että niiden päivittäminen on helppoa ja nopeaa myös jatkossa.
Asiakkaan palaute yhteistyöstä
”Sitrusmedia toteutti Melli EcoDesignin verkkokaupan uusimisen syksyllä 2024. Verkkosivun uudistuksen myötä verkkokauppamme melli.fi on entistäkin käyttäjäystävällisempi ja visuaalisesti houkuttelevampi. Yhteistyö Sitrusmedian kanssa oli sujuvaa ja he pitivät meidät jatkuvasti ajan tasalla projektin etenemisestä. Erityisesti arvostimme heidän asiantuntevuuttaan ja kykyään kuunnella asiakkaan näkökulmaa. Suosittelemme lämpimästi Sitrusmediaa kaikille, jotka kaipaavat ammattitaitoista ja asiakaslähtöistä palvelua verkkosivujen tai verkkokaupan uudistuksessa!”
Jaana Ahonen, Melli EcoDesign Oy
Referenssit
Tässä muutama muu verkkokauppa, jotka olemme toteuttaneet. Referenssit-sivulta löydät lisää projektejamme.
Verkkokauppa
Aseliike Markus Remes Oy
Verkkokauppa
Serpentiini.fi
Verkkokauppa
Thaiop4u.fi verkkokauppa
Yhteenveto
Melli EcoDesignin verkkokauppauudistuksessa yhdistyivät visuaalinen ilme, parempi käytettävyys ja tekninen suorituskyky. Sivusto rakennettiin uudelleen tukemaan brändin arvoja ja helpottamaan ostamista kaikilla laitteilla – erityisesti mobiilissa.
Käyttökokemusta parannettiin monin tavoin: tuotesivut suunniteltiin uudelleen, navigointi selkeytettiin ja sivuston nopeus nousi uudelle tasolle. Verkkokauppaan lisättiin myös uusia toiminnallisuuksia, jotka helpottavat sekä asiakkaan ostamista että Mellin omaa ylläpitotyötä.
Toteutamme verkkokauppauudistuksia, joissa yhdistyvät brändi-ilmeen vahvistaminen, sujuva käyttökokemus ja tekninen tehokkuus. Olipa kyseessä nopeutus, saavutettavuus tai paremmat konversiot – tiedämme, mitä kannattaa tehdä.
Tutustu verkkokaupparatkaisuihimme ja ota yhteyttä!
MITEN VOIMME AUTTAA SINUN YRITYSTÄSI?
Kirjoita tai soita. Kuulisimme mielellämme asiasi.
