Website
Murermestrene Crawford & Balskilde
To murere i Aarhus, der skal findes af folk i nabobyen. Nitten sider bygget til det. Og ingenting hentet fra Google, før du siger ja.
Besøg mm-cb.dk- 105ms
- Til det største billede er tegnet. Googles grænse for god er 2.500.
- 0,00
- Intet på siden hopper på plads undervejs. Bedst mulige score.
- 10
- Byer med hver sin side, hver sin køretid og sin egen tekst.
- 0
- Ting hentet udefra, før man har sagt ja til cookies. Talt efter.
Opgaven
Crawford & Balskilde er to murere med base i Mårslet syd for Aarhus. De laver murerarbejde, facaderenovering, badeværelser samt fliser og klinker, og de kører gerne længere ud end Aarhus.
En håndværkerside har én opgave, og den er ikke at være smuk. Den skal findes af en, der lige nu sidder og søger efter en murer i sin egen by, og den skal gøre det nemt at ringe. Det er en søgeopgave, ikke en billedopgave.
- Folk søger på deres egen by
- Ingen søger efter murer i Østjylland. De søger efter murer i Risskov, eller murer i Skanderborg. En enkelt forside med en liste over områder rammer ikke den søgning.
- Hvor langt kører I?
- Det er det første spørgsmål, en kunde uden for Aarhus har. Får de svaret hele Østjylland, ringer de for at være sikre. Eller lader være.
- Ingen skal passe siden
- To murere har ikke en, der sidder med hjemmesiden. Den skal virke af sig selv i årevis, uden noget der skal opdateres for at blive ved med at køre.
- Cookies uden at det bliver en sag
- Statistik og et kort fra Google sætter cookies. Det skal håndteres rigtigt fra dag ét, ikke lappes på bagefter.
Løsningen
Nitten sider i stedet for én. Fire ydelser har hver sin side, og ti byer har hver sin: Risskov, Højbjerg, Viby, Skanderborg, Odder, Horsens, Randers, Silkeborg, Vejle og Grenaa. Hver byside har sin egen titel, sin egen tekst og sin egen køretid fra Aarhus: tyve minutter til Risskov, fyrre til Horsens, en time til Grenaa.
Det er svaret på, hvor langt de kører, skrevet på den side, hvor spørgsmålet bliver stillet. Og det er indhold, ikke gentagelse: siderne deler den halvdel, der handler om murerarbejde, og skriver resten selv.
- Dækningen tegnet, ikke forklaret
- Østjylland ligger på siden som et kort i 62 optegnede felter: mørkt, hvor de kommer til daglig, lyst hvor de kører ud, blegt udenfor. Tegnet direkte ind i siden, så der ikke skal hentes hverken kortbibliotek, kortfliser eller en nøgle fra en udbyder for at vise det.
- Ingenting sker, før man siger ja
- Statistik og Googles kort er de eneste to ting, der henter noget udefra, og ingen af dem kører, før der er sagt ja. Talt efter på en frisk indlæsning: nul forespørgsler ud af huset, nul cookies, nul gemt i browseren.
- Banneret siger, hvad det gør
- I stedet for at bede om samtykke til at forbedre din oplevelse står der, hvad de to ting er, og at ingen af dem er hentet endnu. Det er den korte version af loven, skrevet så man kan svare på den.
- Firmaet skrevet til maskiner
- Struktureret data som håndværksvirksomhed, med de fire ydelser, de ti byer som dækningsområde og begge murere ved navn. Det er den form, Google og AI-svar læser en lokal virksomhed i.
- Før og efter, ikke stemningsbilleder
- Referencerne er de to ting en kunde vil se: badeværelset før og bagefter, facaden før og bagefter. Leveret i moderne billedformat og i den størrelse, skærmen har brug for.
- Intet at holde kørende
- Ingen database, intet redigeringssystem, ingen abonnementer at glemme at betale. Siderne er bygget færdige på forhånd og serveret som filer.
Bygget af
Valgt til den ene opgave: at blive fundet, og at være hurtig nok til at man bliver.
- Next.js og React
- Selve siden, bygget færdig på forhånd og serveret fra cachen tættest på.
- GSAP og ScrollTrigger
- Det, der bevæger sig, når man kommer ned gennem siden.
- Tailwind CSS
- Al styling i ét ark på 55 KB.
- SVG tegnet i hånden
- Kortet, logoet og hvert enkelt ikon ligger som streger i selve siden. Ingen ikonpakke og ingen billedfiler at vente på.
- Vercel
- Hosting og udrulning. Tvunget HTTPS, også på underdomæner.
- Struktureret data og sitemap
- Alle nitten sider anmeldt til søgemaskinerne, hver med sin egen titel og beskrivelse.
Forløbet
Design, kode og drift lå samme sted. Der er hverken 3D, database eller video på siden. Arbejdet her lå ikke i teknikken, men i at skrive ti bysider, der hver især er værd at lande på, og at tegne et kort, der svarer på køreafstand uden at nogen skal spørge.
Hvad det betyder
- Ti indgange i stedet for én
- Den, der søger efter en murer i Odder, kan lande på en side om Odder og ikke på en forside, hvor Odder står i en liste længere nede.
- Spørgsmålet er besvaret på forhånd
- Køretiden står på siden. Kunden ved, om de er inden for rækkevidde, før de løfter telefonen, og opkaldet handler om arbejdet i stedet for om afstanden.
- Hurtig nok til at ingen når at fortryde
- 105 millisekunder til første billede. En håndværkerside bliver typisk åbnet på en telefon med en hånd ledig, og der er tålmodigheden kort.
- Cookiereglerne overholdt, ikke omgået
- Der bliver ikke hentet noget fra Google, før der er sagt ja. Det er den del, de fleste sider tager let på, og den er lettest at gøre rigtigt, mens siden bliver bygget.
Tallene er målt den 2. september 2026: farten med et performance-spor i Chrome, og de nul tredjeparter talt på en frisk indlæsning, før der blev svaret på cookiebanneret. Sidetallet er talt i sidens eget sitemap.