LumoX – Tulisijatuotteiden verkkokaupan toteutus

LumoX yhdistää kotimaiset tulisijatuotteet, teknisen tuotetiedon ja verkkokaupan samaan palveluun. Sivusto esittelee puun ja pelletin käyttöä tehostavia ratkaisuja, takkaluukkuja sekä takkasydämiä. Tämän projektin erityispiirre on se, että ostamisen rinnalla kävijän pitää ymmärtää, mitä tuote tekee, mihin se sopii ja miksi sitä kannattaisi harkita.

Projektin lähtökohdat

Tulisijatuotteiden ostaminen poikkeaa monesta tavallisesta verkkokauppaostoksesta. Asiakas vertaa mittoja, käyttötarkoituksia ja tuotteiden toimintaperiaatteita. Osa tuotteista on valittavissa suoraan vakiomittojen tai vaihtoehtojen perusteella, osa edellyttää yhteydenottoa ja lisätietoja.

LumoX-palvelun näkökulmasta keskeistä oli tuoda esiin tuotteiden käyttökohteet ja järjestää valikoima ymmärrettäviin kokonaisuuksiin. Sivuston nykyisessä rakenteessa tuote-esittely, käyttöä havainnollistavat videot, säästölaskuri ja verkkokauppa tukevat samaa asiointipolkua.

Visuaalinen ilme ja navigointi

LumoXin tunnistettava oranssi väri on vahvasti läsnä. Etusivun suuret otsikot, tumma videopinta ja selkeät valkoiset tekstialueet rakentavat kontrastin, jonka avulla keskeiset viestit ja toimintakehotteet löytyvät nopeasti. Sivuston valikko erottaa tuotteet, ostamisen, takkaluukut, takkasydämet, pelletit ja palvelut omiksi sisäänkäynneikseen.

Tuotteen hyötyjä havainnollistava sisältö ei jää irralliseksi mainososioksi: esittelyn läheisyydestä pääsee katsomaan valikoimaa ja tutustumaan tarkempiin tietoihin. Myös yhteydenottomahdollisuus pysyy helposti löydettävänä.

Verkkokaupan rakenne ja tuotteet

Takkaluukut ja tuotteen valinta

Kaupassa on muun muassa puu- ja pellettipolttimia, ilmaohjaimia, takkaluukkuja sekä mittatilaustuotteita. Takkaluukkujen valikoimassa näkyy eri kokoisia ja mallisia vaihtoehtoja. Osassa tuotteita valinta tehdään tuotteen omalla sivulla, toisissa ostoskoriin lisääminen onnistuu jo listauksesta.

Luokkakohtaiset esittelytekstit auttavat hahmottamaan eroja esimerkiksi vakiokokoisen luukun ja mittojen mukaan valmistettavan ratkaisun välillä. Tuotekuvat, hinta ja valintamahdollisuudet muodostavat ostajan kannalta tärkeän tietokokonaisuuden.

Ostoskori, kassa ja asiakaspalvelu

Ostopolussa tuotteet siirtyvät ostoskoriin, josta jatketaan kassalle. Mobiilinäkymän kassassa näkyy tilauksen yhteenveto sekä erikseen yhteys- ja toimitusosoitteen kentät. Tilauksen eteneminen on jaettu asiakkaalle ymmärrettäviin vaiheisiin.

Sivustolta löytyvät myös yhteydenottopyynnöt, puhelinnumero, sähköposti, toimitusehdot ja usein kysytyt kysymykset. Teknisten tuotteiden kohdalla nämä tiedot täydentävät ostoskoria: asiakas voi pyytää neuvoa ennen tilausta.

Säästölaskuri ja tuotetiedon havainnollistaminen

Yksi sivuston kiinnostavimmista osioista on säästölaskuri, jossa kävijä voi säätää vuosittaista polttopuun käyttömäärää ja kuutiohintaa. Laskuri näyttää näiden syötteiden perusteella arvioidun säästömahdollisuuden. Se konkretisoi muuten abstraktia kustannushyötyä, mutta ei korvaa yksilöllistä kulutuslaskelmaa.

Tuotevideoissa esitellään paloteknologian toimintaperiaatetta. Lisäksi blogi käsittelee esimerkiksi takkaluukkujen vaihtamista ja tulisijan kunnostamista. Tällainen sisältö auttaa asiakasta perehtymään aiheeseen ennen ostopäätöstä.

Responsiivinen käyttöliittymä

Kapealla näytöllä olennaista on saada ostoskorin yhteenveto ja osoitetiedot luettavaan järjestykseen. Työpöytänäkymässä laajat tuote-esittelyt ja rinnakkaiset sisältöpalstat hyödyntävät suuremman tilan. Tabletilla takkaluukkujen kategoriakuvaus ja laskuri asettuvat samaan helposti silmäiltävään näkymään.

Navigaation, tuotekuvien ja ostamisen eri vaiheiden toimivuus eri näytöillä on erityisen tärkeää, kun käyttäjä siirtyy inspiraation etsimisestä tarkkoihin tuotetietoihin ja lopulta tilauksen tekemiseen.

Sisältörakenne ja hakukonenäkyvyyden edellytykset

Tuotekategoriat, tuotekohtaiset sivut sekä tiedolliset artikkelit muodostavat selkeän sisältöhierarkian. Rakennetta on helppo ymmärtää jo navigaatiosta: yksittäinen kävijä löytää joko etsimänsä tuotteen tai aihetta avaavan artikkelin. Tämä on hyvä lähtökohta hakukoneystävälliselle sisällölle, mutta tässä portfoliokuvauksessa ei väitetä erikseen toteutettuja SEO-toimenpiteitä tai saavutettuja sijoituksia.

Lopputulos

LumoX-verkkosivusto on yhdistelmä tuote-esittelyä, asiantuntijasisältöä ja toimivaa ostamisen polkua. Tuoteluokat auttavat rajauksessa, videot ja laskuri selittävät tuotteiden tarkoitusta, ja verkkokauppa mahdollistaa tilaamisen. Näin sivusto palvelee sekä ensimmäistä kertaa aiheeseen tutustuvaa että tarkkaa tuotetta etsivää asiakasta.