Effe Balancen verkkokauppa Webflow'lla ja Shopifylla

Effe Balance – lemmikkien hyvinvointituotteiden verkkokauppa

Effe Balance on turkulainen perheyritys, joka tarjoaa täydennysrehuja ja hyvinvointituotteita koirille, hevosille ja kissoille. Yritys juhli kymmenvuotista taivaltaan toukokuussa 2025, ja sen valikoimaan kuuluvat muun muassa Effektri Omega-3 -öljyt, Black Balance -suolistotuotteet, luuliemet sekä Effe Chews -puruherkut. Tuotteita myydään oman verkkokaupan lisäksi jälleenmyyjien kautta.

Lähtötilanne

Aiempi verkkokauppa oli rakennettu WordPressin päälle eikä se tuottanut riittävästi myyntiä. Sivusto oli hidas ja epävakaa, ja pienikin päivitys vaati ulkopuolista apua. Rakenne ei tukenut brändin kasvutavoitteita eikä hakukonenäkyvyyttä, mikä näkyi heikkona konversiona ja hitaana orgaanisen liikenteen kasvuna.

Ratkaisu

Toteutimme Effe Balancelle uuden sivuston ja verkkokaupan, jossa kaksi alustaa hoitaa sen minkä kumpikin osaa parhaiten. Koko selauskokemus — etusivu, tuotelistaukset, tuotesivut ja ostoskori — on rakennettu Webflow'hun, joten ulkoasu ja sisältö ovat täysin Effe Balancen näköisiä ja asiakkaan omassa hallinnassa. Kaupan moottorina toimii Shopify, josta tuotetiedot, hinnat ja varastosaldot haetaan Storefront API:n kautta. Maksaminen tapahtuu Shopifyn kassalla, jossa ovat käytössä korttimaksu, Klarna ja MobilePay.

Ratkaisu antaa myymälälle kaupankäynnin vakauden ilman että ulkoasusta joutuu tinkimään: tuotehallinta, tilaukset ja maksuliikenne pysyvät yhdessä järjestelmässä, mutta sivusto ei näytä kauppa-alustan mallipohjalta.

• Visuaalinen ilme ja designjärjestelmä — brändin ilme, komponentit ja niistä koottu järjestelmä, jonka päälle uudet sivut syntyvät olemassa olevista paloista.
• Verkkokaupan toteutus Webflow'lla, kaupan moottorina Shopify Storefront API.
• Oma ostoskori, joka aukeaa sivun päälle ja näyttää välisumman, toimituskulun ja matkan ilmaiseen toimitukseen.
• Annoslaskuri, joka laskee päivittäisen annoksen eläimen lajin ja painon perusteella.
• Sisältörakenne, jossa artikkelit ovat omana CMS-sisältötyyppinään ja tuotteet on ryhmitelty kohderyhmittäin koirille, hevosille, kissoille ja ihmisille.
• Kolmikielinen sivusto suomeksi, englanniksi ja ruotsiksi.
• Jälleenmyyjähaku ja VIP-kasvattajaohjelma omine sivuineen ja lomakkeineen.
• Hakukonenäkyvyyden optimointi sekä perinteisiin hakukoneisiin että tekoälypohjaisiin hakutyökaluihin.

Ostopolku

Tuotesivulla variantin valinta, hinta ja määrä ovat samassa näkymässä — luuliemen maku vaihtuu yhdellä klikkauksella ja hinta päivittyy mukana. Ostoskori avautuu sivun päälle omana paneelinaan, jolloin ostaja ei putoa selaamisesta pois: korissa näkyy tuoterivi, määrän säätö, välisumma ja toimituskulu sekä muistutus siitä, paljonko ilmaiseen toimitukseen on vielä matkaa. Kassalle siirrytään yhdellä painikkeella.

Annoslaskuri

Täydennysrehun ostamisessa suurin kysymys on annostus. Rakensimme sivustolle annoslaskurin, joka vastaa siihen suoraan: käyttäjä valitsee eläimen ja syöttää painon, ja laskuri kertoo sekä aloitusjakson että ylläpidon päivittäisen annoksen millilitroina. Saman sivun ohjeistus kertoo lisäksi, mikä pakkauskoko riittää minkäkin kokoiselle eläimelle. Laskuri vähentää asiakaspalveluun tulevia kysymyksiä ja auttaa ostajaa valitsemaan oikean tuotteen heti.

Designjärjestelmä

Ilme rakentuu kullan ympärille: pääväri kulkee napeissa, hinnoissa ja korostuksissa, ja vaalean ja tumman kullan välinen liukuväri toistuu toimintopainikkeissa läpi sivuston. Vastapainoksi pohjana ovat beige ja lähes musta, jotka antavat tuotekuville tilaa. Otsikot on ladottu Ubuntun lihavalla leikkauksella ja leipäteksti Poppinsilla. Värit elävät CSS-muuttujina asiakkaan omilla nimillä, joten teema on yhdessä paikassa eikä hajallaan sääntöjen seassa.

Sisältö ja brändi

Verkkokaupan rinnalle rakennettiin sisältöpuoli, joka kertoo kenen tuotteista on kyse: perheyrityksen tarina, asiakkaiden kokemukset ja artikkelit lemmikkien hyvinvoinnista. Artikkelit ovat omana CMS-sisältötyyppinään, joten Effe Balance julkaisee ne itse ilman välikäsiä. Sama sisältö palvelee sekä ostajaa että hakukonenäkyvyyttä.

Tulokset

Effe Balancella on nyt verkkokauppa, joka näyttää brändiltä eikä kauppa-alustan mallipohjalta, ja jonka sisältöjä yritys päivittää itse. Ostopolku kulkee tuotesivulta ostoskorin kautta kassalle ilman ylimääräisiä välivaiheita, ja annoslaskuri auttaa valitsemaan oikean tuotteen ja annoksen jo ennen ostoa. Sisällöt elävät yhdessä paikassa kolmella kielellä, ja tuotetiedot pysyvät ajan tasalla yhdestä järjestelmästä.