Hundluckan
Slagugglan AB säljer hundluckor i sex modeller, och Hundluckan är luckornas egen sajt. Den hjälper hundägaren att välja rätt storlek och skickar köpet till Slagugglans befintliga webbshop, medan företag och återförsäljare får egna vägar in. Vi byggde luckan i kod och låter webbläsaren rita den i 3D, så att sidan fortfarande är snabb. Se sajten i fem vyer nedan.
Besök sajten live ↗
Sajten i fem vyer. Klicka på en vy för att besöka den live.
Det här gjorde vi
Luckan i 3D, byggd i kod
I avsnittet Så är den byggd kan besökaren vrida luckan och gå igenom dess fyra detaljer. Vi byggde luckan i kod med three.js: formen räknas fram ur måtten, och material, ytor och studioljus ritas i webbläsaren. Den enda bildfil luckan hämtar är ugglan på dekalen, och visaren laddas först när avsnittet närmar sig skärmen, i webbläsare som klarar WebGL. Startsidan fick ändå 100 i prestanda i Lighthouse.
En egen sajt för luckorna
Sju sidor som Google kan indexera: startsidan, storleksguiden, Verkstaden, kartan över butikerna, sidorna för företag och återförsäljare och integritetssidan. Där står sex luckmodeller och två tillbehör, och köpet sker i Slagugglans befintliga webbshop.
En storleksguide för 38 raser
Storleksguiden har två flikar: välj bland 38 raser i en sökbar lista, eller mät hundens mankhöjd och bröstbredd. Den rekommenderar den första modellen som passar, med en länk till rätt lucka i webbshoppen, och visar hur man når Slagugglan när ingen modell passar.
Hunden bredvid luckan
Varje modell visas med lucköppningen ritad i skala och en hundsiluett i samma skala bredvid, så att besökaren ser hur stor luckan är mot hunden den är gjord för, från Drever till Stor.
Filmerna från verkstaden
Sidan Verkstaden visar sex filmer från verkstaden i Bollnäs, hämtade ur Slagugglans egna inlägg på Facebook och Instagram. Filmerna ligger på sajten, så inget hämtas från Facebook eller Instagram när sidan visas, och på startsidan går de som korta loopar som laddas först när de syns. Under filmerna står fyra inlägg från Instagram med länkar dit.
Två formulär, två vägar in
Företag får ett offertformulär på sin egen sida och återförsäljare en ansökan på sin. Båda går via Web3Forms med en egen nyckel: Slagugglan får en notis i sin egen stil, och den som skickar får ett autosvar.
Återförsäljarna syns
Sidan Hitta butik visar på en karta var luckan säljs: verkstaden i Bollnäs, 22 butiker i Sverige och Danmark och fyra webbshoppar, med adress och vägbeskrivning. Kartan är ritad i kod som SVG. Återförsäljarna rullar också i ett band på återförsäljarsidan, som visar tre steg från ansökan till luckan på hyllan.
Köplänkar och mätning utan kakor
Varje köplänk till webbshoppen är märkt med utm_source=hundluckan och för vidare klick-id från Google och Meta, så att butikens egen tagg kan koppla köpet till klicket. Sajten mäts med Vercel Web Analytics utan kakor, med händelser för formulären, klicken till butiken, mejl och Instagram.
Sökordet först och Search Console
Sidtitlarna börjar med sökordet, och strukturerad data beskriver butiken, de sex modellerna med märke och erbjudande, frågorna och svaren och brödsmulorna. Search Console är verifierad, och sitemapen skickades in 6 november 2026.
Från sökningen till butiken
Sju sidor på hundluckan.se tar emot dem som söker en hundlucka, och luckan i 3D visar hur den är byggd och storleksguiden vilken som passar. Kartan över butikerna och filmerna från verkstaden leder in på sajten. Köpet sker i Slagugglans webbshop, och varje köplänk för med sig klick-id. Företag och återförsäljare når Slagugglan AB genom offertformuläret och ansökan.
Vägar in
- Google · 7 sidorFrån sökningen till rätt sida
- Storleksguiden38 raser eller hundens mått
- Hitta butik22 butiker i Sverige och Danmark
- VerkstadenSex filmer från verkstan
- Google AdsNästa steg · klick-id följer med till butiken
hundluckan.se
Vägar till Hundluckan
- WebbshoppenKöplänkarna bär klick-id
- OffertformuläretFöretag · /tack + autosvar
- Återförsäljaransökan/aterforsaljare · /tack + autosvar
Vad som hände
Före
Luckorna såldes i Slagugglans webbshop bland 263 produkter, i butiken i Bollnäs och hos återförsäljare i Sverige och Danmark. Adresserna hundluckan.se och hundlucka.se var parkerade hos Loopia.
Vägvalet
En egen produktsajt som skickar köpet till den befintliga butiken, i stället för en ny butik. Sajten tar emot den som söker en hundlucka och hjälper hen att välja storlek, och köpet sker i webbshoppen som Slagugglan redan har.
Efter
Live på hundluckan.se sedan 6 november 2026, med sju sidor som Google kan indexera och sitemapen inskickad i Search Console samma dag. De fem sidor vi mätte i Lighthouse samma dag fick 100 i prestanda, tillgänglighet, bästa praxis och SEO på mobil och dator.
Tre val bakom sajten
Slagugglans märke, luckans namn
Sajten heter som produkten, Hundluckan, men bär Slagugglans logga och färger: Slagugglans gröna och en nästan svart textfärg. Det gör att luckans sajt och butiken hör ihop.
Oswald och Noto Sans
Rubrikerna står i Oswald, smal och hög, och brödtexten i Noto Sans. Båda typsnitten ligger på sajten själv i stället för att hämtas från Google.
Storleken först
Första knappen i heron leder till storleksguiden, och strax under står de sex modellerna med sina mått. Den som köper en lucka ska veta storleken innan hen går till butiken.
Varför sidan ser ut som den gör
Den som söker en hundlucka behöver veta vilken storlek hunden behöver innan hen köper. Därför leder sajten till storleksguiden först och till butiken sedan, och de sju sidorna är byggda för att Google ska hitta dem. En snabb sida håller kvar besökaren, och du kan kontrollera laddningstiden på din egen sajt. Vi har skrivit mer om de delarna i kunskapsbanken.
Vad en bra hemsida gör för ditt företag
Skillnaden mellan en hemsida som bara finns och en som drar in kunder. Varför kunder googlar dig innan de ringer, och vad du ska kräva av en leverantör.
Läs mer → Lokal SEOVarför Google-indexering avgör om kunder hittar dig
Är din sida inte indexerad finns den inte för kunderna. Så fungerar indexering, varför fler sidor ger bredare exponering, och hur du kommer in i Google.
Läs mer → AnnonserSEO, Google Ads och Meta: varför kombon slår antingen-eller
Indexerade sidor (SEO), Google Ads och Facebook/Meta-annonser är inte antingen-eller. Så förstärker kanalerna varandra och täcker hela kundtratten.
Läs mer →Säljer du en produkt som ska väljas i rätt storlek?
Har du en webbshop och produkter som behöver en egen sajt med guide och storlekar? Hör av dig så berättar vi vad vi gjorde för Slagugglan och vad det skulle betyda för dig.