MedCam
Från 5–6 sekunder per klick till direkt
Ny headless e-handel för MedCam: en blixtsnabb, statisk sajt som synkar med WordPress och WooCommerce, så att lager, ordrar och arbetssätt finns kvar precis som förut.
Resultat i siffror
- 5–6 s
- Laddtid per klick på gamla sajten
- Direkt
- Sidbyten på nya sajten
- 0
- Nya system för lager och order att lära sig
Utmaningen
MedCam säljer CE-märkta medicintekniska produkter och har gjort det sedan 2004. Den gamla WooCommerce-butiken hade med åren vuxit ihop till ett lapptäcke. Varje klick tog 5–6 sekunder att ladda. Flera teman var installerade samtidigt och krockade med varandra. Priserna visades fel mellan exklusive och inklusive moms, kategoriseringen var rörig och dubbla kategorikopplingar gjorde att samma produkter dök upp flera gånger i sortimentet. För en leverantör där kunden måste kunna lita på både pris och produkt kostade det förtroende i varje steg.
Lösningen
Istället för att lappa vidare på det gamla byggde vi en ny lösning. Butiken körs nu headless: en statisk sajt som hämtar produkter, priser och lagersaldo från WordPress och WooCommerce. MedCam jobbar kvar i samma admin som förut, med samma lagersystem och orderflöde, medan besökarna får en sajt där sidorna byts direkt. På vägen städade vi upp grunden med ett enda gränssnitt istället för flera teman som krockade, rätt momshantering, en ny kategoristruktur och ett sortiment utan dubbletter.
Vår roll: från idé till publicering.
- 01
Felsöka
Vi gick igenom den gamla butiken från grunden: varför den var långsam, vilka teman och tillägg som krockade och var moms, kategorier och dubbletter gick fel.
- 02
Städa datan
Vi rättade momsinställningarna, byggde en ny och logisk kategoristruktur och tog bort de dubbla kategorikopplingarna som gav dubbletter i sortimentet.
- 03
Bygga headless
Vi byggde en ny, statisk frontend som synkar med WordPress och WooCommerce. Produkter, priser och lager hämtas därifrån, så att butiken alltid visar rätt.
- 04
Lansera utan avbrott
MedCam behöll sin admin, sitt lagersystem och sitt orderflöde. Det enda som byttes ut var det kunderna ser: en snabbare, tydligare och mer pålitlig butik.
01Varför headless e-handel?
I en vanlig WooCommerce-butik bygger servern ihop varje sida i samma stund som besökaren klickar. Med flera teman, tillägg och en tung databas blir det långsamt, och varje sekund av väntan får fler att lämna butiken.
I en headless lösning är butiken uppdelad i två delar. WordPress och WooCommerce sköter produkter, lager och ordrar i bakgrunden, och en separat, statisk sajt visar upp allt för kunden. Sidorna är färdigbyggda i förväg och laddar därför direkt, oavsett hur mycket som händer i admin.
02Samma lager och arbetssätt som förut
Ett byte av e-handelsplattform brukar betyda nya system, ny import av produkter och ett nytt sätt att jobba. Det ville vi undvika. Eftersom den nya sajten synkar med WooCommerce kunde MedCam behålla sitt lagersystem, sina ordrar och sin admin precis som de var.
Lägger MedCam in en ny produkt eller ändrar ett pris i WooCommerce syns det på sajten, utan att någon behöver röra koden.
03Rätt moms och en sortering som går att lita på
Snabbhet hjälper inte om kunden blir osäker på vad saker kostar. Därför rättade vi momshanteringen så att priserna visas rätt, och byggde om kategorierna så att varje produkt finns på ett ställe och är lätt att hitta.
Resultatet är en butik där kunden snabbt hittar rätt kolesterolmätare, HbA1c-test eller handskar, och kan lita på priset som står.
Nästa steg
Vill du ha liknande resultat?
Berätta vad ni behöver hjälp med, så återkommer vi med ett förslag.
