Portfolio

E-handelsutvikling: floresy.online

Floresy.online er et nettsted laget for Floresy, en ledende produsent, grossist og detaljist av kunstige planter, blomster og trær. Selskapet har vært i bra...

#Nettbutikker#Nettsider
E-handelsutvikling: floresy.online

#Prosjektoversikt

Floresy.online er en helhetlig e-handelsomlegging for en veletablert aktør innen kunstige planter. Med over 25 års erfaring i å designe og produsere silkeplanter i premiumklassen trengte Floresy en digital plattform som matchet den markedsledende kvaliteten og utvidet rekkevidden mot både B2B- og B2C-kunder.

#Bakgrunn om kunden

#Selskapets historie og kompetanse

Floresy har bygget sitt omdømme gjennom et kvart århundre i bransjen for kunstige planter:

  • Produksjonskvalitet: egen design og produksjon
  • Markedsposisjon: ledende innen kunstige planter, blomster og trær
  • Sortiment: bredt katalog fra små arrangementer til store kunstige trær
  • Kvalitetsfokus: silkeplanter i premiumklassen laget for realisme og holdbarhet
  • Flerkanal: engros, detaljhandel og leveranse til kommersielle prosjekter

#Forretningsmål

Prosjektet skulle oppnå følgende:

  1. Markedsvekst: nå nye B2B- og B2C-kunder på nett
  2. Merkevareløft: en digital tilstedeværelse på nivå med premiumproduktene
  3. Driftseffektivitet: forenklet ordrehåndtering og lagerstyring
  4. Kundeopplæring: fyldig produktinformasjon og stelleveiledninger
  5. Flervaluta-salg: grunnlag for internasjonal ekspansjon
  6. B2B-portal: egne funksjoner for engroskunder

#Teknisk gjennomføring

#Arkitektur for e-handelsplattformen

Kjernesystem: WooCommerce på WordPress med omfattende tilpasning

  • Tilpasset tema: skreddersydd design som gjenspeiler merkevaren
  • Produktstyring: avansert katalog for tusenvis av SKU-er
  • Lagersystem: synkronisering av lagerbeholdning i sanntid
  • Flervaluta: automatisk valutakonvertering og visning
  • B2B-funksjoner: engrospriser, bestilling i bulk, kontostyring

#Frontend-utvikling

Utforming av brukeropplevelsen:

  • ren, elegant estetikk som fremhever produktfotografiet
  • kategoribasert navigasjon for enkel utforsking
  • avansert filtrering på størrelse, type, farge og pris
  • hurtigvisning for rask vurdering av produkter
  • responsivt design etter mobile-first-prinsippet

Visuell presentasjon:

  • høyoppløste produktbilder med zoom
  • livsstilsbilder som viser produktene i kontekst
  • 360-graders visning av nøkkelprodukter
  • videodemonstrasjoner av komplekse arrangementer
  • før-og-etter-galleri for kommersielle prosjekter

Ytelsesfunksjoner:

  • lazy loading for bildegallerier
  • AJAX-drevet filtrering uten sideomlasting
  • optimalisert kasseflyt
  • Progressive Web App-funksjoner
  • rask lasting til tross for rikt visuelt innhold

#Backend-systemer

Produktinformasjonsstyring:

  • egendefinerte felt for planteangivelser (høyde, materialer, stell)
  • variantstyring for størrelse og farge
  • relaterte produkter og oppsalgsanbefalinger
  • organisering av sesongkolleksjoner
  • produkttilgjengelighet etter region

Lager og ordreoppfyllelse:

  • lagerbeholdning i sanntid på tvers av flere lagre
  • automatiske varsler ved lav beholdning
  • integrasjon med fraktleverandører
  • ordresporing for kunder
  • håndtering av retur og bytte

Kundestyring:

  • kontotyper for B2C og B2B
  • prisgrupper (detalj, engros, næring)
  • ordrehistorikk og gjenbestilling
  • ønskeliste og lagrede favoritter
  • personlige produktanbefalinger

#Avanserte e-handelsfunksjoner

#B2B-engrosportal

Dedikerte B2B-funksjoner:

  • Kontosøknad: godkjenningsflyt for engroskontoer
  • Trinnpriser: rabattstrukturer basert på volum
  • Bulkbestilling: hurtigbestillingsskjemaer for store kvanta
  • Kredittkontoer: betalingsvilkår for godkjente kunder
  • Bestillingsmaler: lagrede favorittbestillinger for rask gjenbestilling
  • PDF-kataloger: nedlastbare produktkataloger med priser

Verktøy for næringskunder:

  • tilbudssystem for prosjekter
  • støtte til kommersielle prosjekter
  • rabattkoder for næring
  • prioritert kundeservice
  • faste kontaktpersoner

#Produktvisualisering

Avansert produktvisning:

  • Zoom og panorering: gransking i høy oppløsning
  • Størrelsessammenligning: visuelle størrelsesguider med referanseobjekter
  • Fargeprøver: interaktivt fargevalg
  • Rom-visualiserer: AR-funksjon for forhåndsvisning i rom
  • Gallerivisninger: flere vinkler og livsstilsbilder

Innholdsberikelse:

  • detaljerte produktbeskrivelser
  • material- og stelleinformasjon
  • bruksanbefalinger
  • forslag til produkter som passer sammen
  • bildegalleri fra kunder

#Markedsføring og konvertering

SEO-optimalisering:

  • schema-markup for produkter (Product, Offer, Review)
  • optimalisering av kategorisider
  • retting mot long-tail-søkeord
  • bilde-SEO med beskrivende alt-tekster
  • lokal SEO for showroom-steder

Integrasjon av e-postmarkedsføring:

  • velkomstserie for nye abonnenter
  • gjenvinning av forlatte handlekurver
  • varsler ved gjenoppfylt lager
  • kunngjøringer om nye produkter
  • sesongkampanjer

Sosial handel:

  • integrasjon med Instagram Shopping
  • Pinterest-optimaliserte bilder
  • delingsknapper for sosiale medier
  • galleri med brukergenerert innhold
  • funksjoner for influenser-samarbeid

#Katalogstyring

#Produktorganisering

Taksonomistruktur:

  • Etter type: planter, blomster, trær, arrangementer, sukkulenter
  • Etter rom: inne, ute, kontor, næring
  • Etter stil: moderne, tradisjonell, tropisk, minimalistisk
  • Etter bruk: hjem, kontor, arrangementer, uteanlegg
  • Etter materiale: silke, plast, skum, blandet

Produktattributter:

  • høyde og mål
  • pottestørrelse og -type
  • materialsammensetning
  • stellbehov
  • realismevurdering
  • prisnivå

#Innholdsstrategi

Opplæringsinnhold:

  • stelleveiledninger for planter
  • tips til interiørdesign
  • casestudier av kommersielle prosjekter
  • trendrapporter og sesonglook
  • videoveiledninger og stylingguider

Kjøpsguider:

  • veiviser for å velge riktig plante
  • anbefalinger rom for rom
  • planlegging av kommersielle rom
  • guider for eventdekor
  • vedlikeholdsplaner

#Ytelse og skalerbarhet

#Teknisk optimalisering

Fartsforbedring:

  • bildeoptimalisering og konvertering til WebP
  • CDN for global levering
  • optimalisering av databasespørringer
  • caching-strategier på flere nivåer
  • lazy loading for innhold under skjermkanten

Skalerbarhetsløsninger:

  • skyhosting med automatisk skalering
  • lastbalansering ved trafikktopper
  • databaseoptimalisering for store kataloger
  • effektiv søkeindeksering
  • køsystem for ordrebehandling

Sikkerhetstiltak:

  • SSL/TLS-kryptering gjennom hele nettstedet
  • PCI DSS-samsvar for betalinger
  • jevnlige sikkerhetsrevisjoner
  • systemer for svindeloppdagelse
  • sikkerhetskopiering og gjenoppretting

#Mobilhandel

Mobile-first-tilnærming:

  • berøringsoptimalisert grensesnitt
  • forenklet mobil kasse
  • navigasjonsmønstre for mobil
  • ett-trykks oppringing for henvendelser
  • mobile betalingsvalg (Apple Pay, Google Pay)

Mobil ytelse:

  • responsive bilder for mobil båndbredde
  • rask lasting på mobil
  • Progressive Web App-funksjoner
  • offline gjennomsyn av katalogen
  • push-varsler om kampanjer

#Utfordringer og løsninger

#Utfordring 1: produktfotografi i stor skala

Problem: tusenvis av produkter krevde bilder av høy kvalitet uten å overbelaste teamet.

Løsning:

  • utvikling av retningslinjer og maler for fotografi
  • batch-arbeidsflyt for effektiv fotografering
  • 360-graders fotografering av nøkkelprodukter
  • integrering av brukergenerert innhold
  • resultat: fullstendig visuell katalog med jevn kvalitet

#Utfordring 2: integrasjon av B2B og B2C

Problem: å betjene både forbrukere og engroskunder med ulike behov på én plattform.

Løsning:

  • egne kontotyper med ulike priser
  • engrosspesifikke funksjoner og arbeidsflyter
  • offentlig detaljkatalog med skjulte B2B-priser
  • forenklet B2B-ordrehåndtering
  • resultat: en sammenhengende opplevelse for begge kundetyper

#Utfordring 3: komplekse produktvarianter

Problem: kunstige planter finnes i flere størrelser, pottevalg og fargevarianter.

Løsning:

  • avansert system for produktvarianter
  • visuelle prøver for farge og størrelse
  • dynamisk pris basert på valg
  • lagerstyring per variant
  • resultat: enkelt produktvalg til tross for kompleksiteten

#Utfordring 4: internasjonal ekspansjon

Problem: utvidelse fra det britiske markedet til EU og internasjonalt salg.

Løsning:

  • flervaluta-støtte med automatisk konvertering
  • integrasjon av internasjonal frakt
  • avgiftsberegning for ulike jurisdiksjoner
  • lokalisert innhold for nøkkelmarkeder
  • resultat: vellykket ekspansjon til over et titalls land

#Løpende støtte og videreutvikling

#Vedlikeholdstjenester

Teknisk oppfølging:

  • ukentlige plugin- og sikkerhetsoppdateringer
  • daglige automatiske sikkerhetskopier
  • ytelsesovervåking og optimalisering
  • sikkerhetsskanning og herding
  • oppetidsovervåking

Innholdsstøtte:

  • hjelp til å legge inn nye produkter
  • sesongbaserte innholdsoppdateringer
  • SEO-overvåking og justeringer
  • analyserapporter og innsikt
  • støtte til markedskampanjer

#Kontinuerlig forbedring

Funksjonsutvidelser:

  • AI-drevne produktanbefalinger
  • verktøy for virtuell romvisualisering
  • abonnementstjeneste for jevnlig utskifting av planter
  • utvidelser av næringsportalen
  • verktøy for internasjonal markedsekspansjon

Optimaliseringstiltak:

  • A/B-testing for konvertering
  • utvikling av personaliseringsmotor
  • utvikling av mobilapp (planlagt)
  • innføring av avansert analyse
  • utvidelse av markedsautomatisering

#Teknologistabel

#Kjerneplattform

  • WordPress (nyeste stabile versjon)
  • WooCommerce (nyeste versjon)
  • tilpasset Floresy-tema
  • Advanced Custom Fields Pro
  • WooCommerce Product Add-ons

#E-handelsutvidelser

  • WooCommerce Subscriptions
  • WooCommerce Memberships
  • WooCommerce Bookings (for konsultasjoner)
  • Dynamic Pricing
  • Product Bundles

#Markedsføring og analyse

  • Yoast SEO Premium
  • Google Analytics Enhanced Ecommerce
  • Mailchimp for WooCommerce
  • Trustpilot Reviews
  • Facebook for WooCommerce

#Ytelse og sikkerhet

  • WP Rocket
  • Cloudflare CDN
  • Wordfence Security
  • Imagify (bildeoptimalisering)
  • Query Monitor

#Slik gikk gjennomføringen

Etter lansering gikk nettstedet over i drift, og det er verdt å begynne der, fordi driften er det som avgjør om en nettbutikk fortsatt henger sammen et år etter overlevering.

Driften består av oppdateringer av utvidelser og sikkerhet, sikkerhetskopier, overvåking og en gjennomgang av katalogen før hver sesongkampanje. Den siste er ikke en formalitet, for en sesongkampanje sender trafikk til adresser ingen cache har sett før.

Det henger sammen med hvordan ting ble kontrollert underveis. Testingen gikk mot en kopi av produksjon, ikke mot en tom installasjon, og cachen ble kontrollert mot inngangssidene besøkende faktisk bruker. En filtrert kategorivisning oppfører seg helt annerledes med tjue demoprodukter enn med full variantmatrise, og spørringene det er verdt å finne, er nettopp de som bare svikter på ekte data.

Avgjørelsen som formet resten, var å behandle engros og detalj som én katalog med to prisvisninger, ikke som to butikker. To butikker ville stått raskere, men delt lager, produkttekst og foto på to steder som glir fra hverandre i løpet av en sesong, mens én katalog koster mer konfigurasjon i starten og betaler det tilbake hver gang et produkt endres.

Gjennomføringen tok rundt seks uker fra omfangsanalyse til lansering. Layout og plassering av elementer kom fra kunden, så den fasen som ellers spiser mest kalendertid, var avklart før den første malen fantes, og den tiden gikk til produktmodellen og integrasjonene i stedet.

Artikkel-FAQ

Ofte stilte spørsmål

Praktiske svar for å bruke temaet i faktisk arbeid.

SEO-readyGEO-readyAEO-ready4 Q&A
Hvilket omfang hadde prosjektet floresy.online?#
floresy.online er et prosjekt i kategorien Nettbutikker, levert i 2019. Bak det står WordPress, WooCommerce, PHP, Redis og MySQL.
Hvordan gikk leveransen for floresy.online?#
Byggingen tok rundt seks uker og gikk live i 2019. Den står på WordPress, WooCommerce, PHP, Redis og MySQL. Layouten kom fra kunden. På den bygget jeg maler og innholdsmodell, og stiene som bærer trafikk testet jeg på en produksjonskopi, ikke på en tom installasjon.
Hva var hardest teknisk i floresy.online?#
Mest omtanke gikk med til å holde WordPress, WooCommerce, PHP, Redis og MySQL sammen. Innhold, konfigurasjon og kode ligger i separate lag, så en tilbakeføring etter lansering flytter ett av dem og ikke alle tre. Kanttilfeller dukker opp på en produksjonskopi, og der kjører testene.
Hvilken del av floresy.online kan gjenbrukes på et nytt bygg?#
Det som følger med er det tekniske laget: WordPress, WooCommerce, PHP, Redis og MySQL. Det ser omtrent likt ut på neste bygg. Det som ikke følger med er innholdsmodellen og integrasjonene, skrevet mot én kundes data og en brief i kategorien Nettbutikker. Et nytt bygg starter med en omfangsanalyse, og tilbudet kommer etter den.

Trenger du FAQ tilpasset bransje og marked? Vi lager en versjon som støtter dine forretningsmål.

Ta kontakt