← ProjektitDemoprojekti

Kaamos Nutrition: kaksikielinen verkkokauppa

Kaamos Nutrition on kuvitteellinen suomalainen ravintolisäbrändi, jonka rakensin näyttääkseni, miten teen verkkokaupan alusta loppuun: brändi, tuotteet, kieliversiot ja itse koodatut osiot.

Kaamos Nutrition -verkkokaupan etusivu
Etusivu. Luottamuspalkki pääkuvan alla on oma osioni.

Mitä rakensin

  • Brändi ja pakkaukset: logo, värit ja tuote-etiketit, joista tein tuotekuvat pullomalleihin.
  • Tuotteet: yksittäistuotteet, pakkauskoot variaatioina ja Shopify Bundles -sovelluksella tehty tuotepaketti, joka vähentää varastoa oikeista tuotteista.
  • Verot: ravintolisät myydään elintarvikkeiden alennetulla ALV-kannalla. Verokanta määräytyy Shopifyn tuoteluokituksen perusteella, joten jokaiselle tuotteelle valitaan oikea luokka.
  • Kaksikielisyys: suomi ja englanti Shopifyn kieliversioilla ja käännössovelluksella.
  • Omat osiot: tavoitepohjainen tuotesuosittelija ja luottamuspalkki, molemmat muokattavissa teemaeditorissa ilman koodia.

Tuotesuosittelija

Asiakas valitsee tavoitteet, kuten unen tai immuniteetin, ja saa niihin parhaiten sopivat tuotteet. Tavoitteet tulevat tuotteiden metakentistä, joten kauppias lisää uuden tuotteen suosituksiin pelkästään täyttämällä sen tiedot. Osio on rakennettu Liquidilla ja JavaScriptillä, ja se toimii myös näppäimistöllä ja ruudunlukijalla.

Asiakas valitsee tavoitteen, saa suositukset ja etenee ostoskorin kautta kassalle.

Terveysväitteet kuntoon

Ravintolisien terveysväitteiden on oltava EU:n hyväksymiä. Tuotekuvauksissa ja suosittelijassa käytetään hyväksyttyjen väitteiden sanamuotoja, eikä tavoitteiden nimillä luvata hyötyjä, joille ei ole hyväksyttyä väitettä.

Kieliversioiden sudenkuoppa

Englanninkielinen suosittelija ei aluksi löytänyt yhtään tuotetta. Syy löytyi vianetsinnällä: automaattinen käännös oli kääntänyt myös teknisen asetuksen, josta osio etsii tuotteiden tavoitteet. Nyt tiedän, mitkä kentät pitää suojata käännöksiltä, ja se on hyödyllistä jokaisessa kaksikielisessä kaupassa.

Tuotelistaus, jossa neljä ravintolisää omilla etiketeillä
Tuotteet ja etiketit, jotka suunnittelin itse.
Tuotesivu, jossa ilmaisen toimituksen edistymispalkki
Tuotesivulla näkyy, paljonko puuttuu ilmaisesta toimituksesta.

Tarvitsetko kauppaasi oman toiminnon?

Kerro lyhyesti, mitä tarvitset. Vastaan ja teen kiinteän hintatarjouksen, ennen kuin mitään sovitaan.