Ecommerce · 02

Hjemmeside med webshop

Ét site, der både fortæller om virksomheden og sælger varerne.

Kontakt os

Sådan arbejder vi med hjemmeside med webshop

En hjemmeside med webshop er ét system med to slags sider: indholdssider om virksomheden, faget og kunderne, og butikssider med kategorier, produkter og checkout. Ydelsen dækker informationsarkitektur, URL-struktur, design og skabeloner til begge dele, platformvalg, opsætning, indhold og overdragelse. Den findes, fordi de fleste danske virksomheder ikke har brug for to sites. De har brug for ét sted, hvor en kunde kan læse om virksomheden, finde svar på et fagligt spørgsmål og lægge en vare i kurven uden at skifte domæne undervejs. Det første vi spørger om, er derfor ikke hvilken platform I vil have. Det er, hvem der skal redigere hvad, når siden er gået i luften.

Kernespørgsmålet er, om hjemmeside og webshop skal være ét site eller to. Ét domæne samler den autoritet, som links og trafik giver, så en guide, der rangerer, også løfter kategorisiderne ved siden af. Der er ét sted at logge ind, ét design at vedligeholde og én aftale om drift. To systemer kan give mening, hvis butikken og virksomheden reelt henvender sig til hver sin målgruppe, eller hvis shoppen kører stabilt på en platform, I ikke vil røre. Prisen er to steder at vedligeholde, to steder hvor indholdet kan blive gammelt, og en kunde, der skal krydse et domæneskift midt i kunderejsen. Vi ser oftest, at det ene site bliver passet, og det andet står stille.

I praksis handler arbejdet om at holde de to slags sider adskilt i skabeloner og forenet i navigation. Indholdssider har brug for plads til tekst, billeder og interne links. Butikssider har brug for filtre, varianter, lagerstatus og en kort vej til kurven. De to kan ikke bygges på samme skabelon, men de skal ligne samme virksomhed og bindes sammen med links, der peger begge veje. Vi lægger strukturen først, designer de to sidetyper hver for sig og aftaler, hvem der ejer hvilke sider, før noget går live. Uden den aftale er indholdsdelen typisk et halvt år gammel, næste gang vi kigger på den.

Hvornår det giver mening

  • I har en hjemmeside og en webshop på hver sit domæne, og kun det ene sted bliver opdateret.
  • I sælger i dag over telefon og mail og skal have butikken med på den side, kunderne allerede besøger.
  • Webshoppen fungerer, men der er ingen steder at fortælle, hvem I er, og hvorfor produkterne er, som de er.
  • I skal have nyt site alligevel og vil beslutte struktur og platform, før der bliver designet noget.

Det får du

  1. Informationsarkitektur og URL-struktur til både indhold og butik
  2. Skabeloner til indholdssider og til kategorier, produkter og checkout
  3. Navigation, der viser kunden, om de læser eller handler
  4. Platformvalg, opsætning og overdragelse med aftalte redaktørroller
Kontakt os

Sådan foregår det

  1. Struktur og platformvalg

    Vi kortlægger sortiment, indhold, målgrupper og integrationer, og afgør, om det skal være ét eller to sites. Derefter lægger vi informationsarkitektur, URL-struktur og navigation fast og vælger platform ud fra, hvem der skal redigere hvad.

  2. Design af to sidetyper

    Indholdssider og butikssider designes hver for sig på fælles designsystem: forside, servicesider, guide og case på den ene side, kategori, produkt, kurv og checkout på den anden. Alt tegnes mobil først og gennemgås med jer, før der bygges.

  3. Byg, indhold og integrationer

    Skabeloner, produktdata, kategorier og indholdssider bygges og fyldes. Integrationer til ERP, lager og betaling sættes op, og analytics og samtykke kommer på plads, mens sitet stadig er på staging.

  4. Test, viderestillinger og overdragelse

    Vi tester købsflow på mobil og desktop, sætter viderestillinger fra det gamle site op, kontrollerer indeksering og tracking og overdrager til de aftalte redaktører med oplæring i hver sin del af sitet.

I dybden

Ét domæne eller to

Ét domæne samler alt, hvad I gør. En guide, der rangerer, sender både læsere og linkværdi videre til kategorisiderne, og en kunde, der kender jer fra en artikel, køber i samme system. To sites splitter den effekt i to og kræver, at begge holdes i live. Vi anbefaler alligevel to, når butikken og virksomheden reelt er to forretninger med hver sin målgruppe, eller når en shop kører stabilt og ikke skal røres for at få en ny hjemmeside. Svaret afhænger af, hvem der skal købe, og hvem der skal skrive. Ikke af, hvad der er nemmest at bygge.

Indholdssider og butikssider i samme site

Om os, cases, guides og servicesider har brug for plads til tekst, billeder og interne links. Kategorier, produkter og checkout har brug for filtre, varianter, lagerstatus og en kort vej til kurven. Vi bygger dem som to skabelontyper med fælles design, så de ligner samme virksomhed uden at spænde ben for hinanden. En produktside skal ikke arve en tung indholdsskabelon, og en guide skal ikke tvinges ind i et produktlayout. Mellem dem lægger vi links, der peger begge veje: fra guiden til de varer, den handler om, og fra kategorien til den guide, der forklarer valget.

URL-struktur, der holder i flere år

Adresserne afgør, hvor nemt sitet kan vokse. Vi lægger butikken og indholdet i hver sin del af strukturen, så en ny kategori eller en ny guide kan tilføjes uden at flytte noget eksisterende. Indholdssider samles under et fast afsnit, produkter under kategorierne, så det altid er til at se på adressen, hvilken del af sitet man er i. Flytter I fra et gammelt site, kortlægger vi hver eneste adresse og sætter viderestillinger op, før der lukkes for det gamle. Det gælder også de sider, der ligger på det andet domæne, hvis to sites bliver til ét. Vi ser ofte, at en relancering taber placeringer, ikke fordi indholdet blev dårligere, men fordi ingen fulgte de gamle adresser til dør.

Navigation, hvor kunden ved, hvor de er

Den fejl, vi ser oftest, er en menu, hvor butikken og hjemmesiden er blandet sammen i én lang liste. Kunden kan ikke se, om et klik fører til en varegruppe eller en tekstside, og forlader menuen igen. Vi skiller de to spor i topnavigationen, holder butikken forrest, hvis salg er målet, og bruger brødkrummer, så det altid fremgår, om man læser eller handler. Søgefeltet skal kunne finde både produkter og artikler og vise dem hver for sig, så en søgning på et materiale både kan give varen og guiden om den. Det samme gælder mobilmenuen, hvor der er mindst plads og flest kunder, og hvor to spor derfor skal kunne rummes uden at blive til en liste med tyve punkter.

Platformvalg uden at hænge fast i ét produkt

Der er tre veje. En webshop-platform med indholdsmodul giver stærk butik og et redaktionelt lag, der rækker til guides og servicesider. Et CMS med et butikslag giver frihed i indholdet og en butik, der klarer et mindre sortiment. En headless opsætning skiller indhold, butik og frontend ad og giver mest kontrol, men også flest dele at vedligeholde. Vi vælger efter sortimentets størrelse, hvor meget indhold I reelt producerer, hvilke integrationer der skal på plads, og hvem der skal redigere. Integrationer til ERP og lager starter ved 40.000 kr. og tager 3–8 uger.

Fejl, vi ofte finder

  • En gennemarbejdet forside og ingen kategorisiderForsiden får al opmærksomheden, mens kategorisiderne står med en overskrift og en produktliste. Det er kategorierne, folk søger sig frem til, og dem der skal bære salget. Vi skriver dem som selvstændige sider med tekst, der hjælper valget, og knytter dem til de guides, der forklarer forskellene.
  • Et blogunivers, ingen har tid til at passeDer bliver bygget en sektion til artikler, som står med fire indlæg fra lanceringsåret. Vi aftaler i stedet et realistisk antal sider, nogen faktisk kan vedligeholde, prioriterer dem der understøtter salget, og sætter navn på, hvem der skriver og hvor ofte.
  • En menu, hvor butik og hjemmeside er blandet sammenNår varegrupper og tekstsider ligger i samme liste, kan kunden ikke se, hvad et klik fører til. Vi skiller de to spor, holder butikken forrest, hvis salg er målet, og bruger brødkrummer og en søgning, der viser produkter og artikler hver for sig.

Sådan måler vi effekten

  • Andel af organiske landinger på indholdssider, der ender på en kategori- eller produktside
  • Konverteringsrate på mobil fra kategoriside til gennemført ordre
  • Antal indholdssider opdateret inden for de seneste seks måneder

Rammer

Pris
Fra 150.000 kr.
Varighed
8–14 uger
Hvem
Rådgiver, UX-designer, udvikler og SEO-specialist
Kontakt os

Eksempel: En dansk producent med både B2B og B2C

Virksomheden havde en hjemmeside på ét domæne og en webshop på et andet. Hjemmesiden blev opdateret, når der kom nye medarbejdere, og shoppen kørte videre med produkttekster fra leverandørens katalog. Ingen af delene linkede til den anden. Vi samlede det til ét site: indholdssider om produktion, materialer og forhandlersamarbejde i én del, kategorier og produkter i en anden, med links begge veje og en menu, der viser, hvornår man er i butikken. Alle adresser fra det gamle domæne blev kortlagt og viderestillet. B2B-kunderne fik deres egen indgang i navigationen i stedet for et selvstændigt site, og der er nu ét sted at redigere, med en aftalt ejer på hver sidetype.

Se det i praksis

Cases

t.i.n.g. shop

t.i.n.g. shop

Skræddersyet design og udvikling af møbelshop. Markedsføring gennem PPC med 200% vækst.

Se alle cases
Rigtig Kaffe A/S

Rigtig Kaffe A/S

All-around design, udvikling, branding, strategi og søgemaskineoptimering

Sokkeposten

Sokkeposten

Nyt PrestaShop site og 360 graders digital marketing med SEO og PPC annoncering.

Poetzsch Padborg

Poetzsch Padborg

Avanceret Google Tag Manager setup til konverteringstracking

Bolighuset Werenberg A/S

Bolighuset Werenberg A/S

Et digitalt sats på e-handel, der gav pote. Se vores arbejde for Werenberg, og hvordan vækstkurven blev stejl med en stabil og udviklingsdygtig webshop.

Ofte stillede spørgsmål

  • Som regel ét. Ét domæne samler trafik, links og autoritet, og I har kun ét sted at vedligeholde. To sites kan give mening, hvis butikken sælger til en helt anden målgruppe end resten af forretningen, eller hvis en velfungerende shop ikke skal røres. Vi gennemgår begge veje på det første møde og siger, hvad vi vil gøre i jeres tilfælde og hvorfor.

  • Et site bygget fra bunden med både indholdssider og butik starter ved 150.000 kr. og tager 8–14 uger. Skal butikken ligge på Shopify, starter den del ved 60.000 kr. og tager 4–8 uger. Kategoristruktur og navigation som selvstændigt forløb starter ved 20.000 kr. Drift og vedligehold koster fra 5.000 kr. pr. måned. Prisen afhænger af antal varer, integrationer og hvor meget indhold der skal skrives.

  • Nogle gange. Kører hjemmesiden på et CMS med et brugbart butikslag, kan butikken bygges oven på den struktur, der allerede er. Er hjemmesiden gammel, eller er butikslaget en tilføjelse, ingen vedligeholder, bliver det dyrere at lappe end at flytte. En migrering til ny platform starter ved 80.000 kr. og tager 6–10 uger. Vi kigger på det, I har, før vi anbefaler noget.

  • Det skal aftales, før siden går live. Butikssider passer som regel den, der ejer sortimentet, og indholdssider den, der kender kunderne og faget. Vi bygger redigeringen, så begge roller kan arbejde uden udvikler, og skriver ned, hvem der ejer hvilke sider. Den aftale er den enkeltdel, der oftest afgør, om sitet stadig er opdateret et år efter lancering.

  • Det afhænger af, hvor tyngden ligger. Sælger I mange varer og skriver lidt, tager vi en webshop-platform med et ordentligt indholdsmodul. Lever forretningen af indhold, rådgivning og et mindre sortiment, giver et CMS med et butikslag mere frihed. Skal de to dele kunne udvikles hver for sig, eller har I flere markeder, ser vi på en headless opsætning. Vi vælger først, når vi kender sortiment, redaktører og integrationer.

  • Det afhænger af sortiment, integrationer og hvor meget kontrol I vil have. Shopify er hurtigt at komme i gang med og nemt at drive. PrestaShop giver mere frihed til B2B, komplekse prisregler og egne integrationer. Vi anbefaler ud fra forretningen frem for ud fra en bestemt platform.

  • Typisk 8 til 14 uger fra første workshop til lancering, afhængigt af integrationer og indhold. En relancering på eksisterende platform kan gøres på 4 til 6 uger.

Næste Webshop-udvikling →