Fra skabelon til en side i en helt anden klasse

Udgangspunktet

Mangaards Service — udendørs-vedligeholdelse i Nordsjælland — havde en hjemmeside, der var bygget i en skabelon. Den fungerede, men den havde tre problemer:

• Den lignede visuelt noget, man lavede i 2010. Designet var forældet og signalerede ikke den kvalitet, Mangaard faktisk leverer.
• Den var lappet sammen side for side. Hver side var sat op i en visuel skabelon-bygger, så layout og afstande sprang lidt fra side til side. Det føltes hjemmelavet frem for gennemført.
• Prisberegneren var en plugin-formular, man udfyldte i blinde: skriv dine mål, send, og vent på et svar. Man fik ikke sin pris med det samme.

Oven i det havde siden svært ved at komme frem på Google.

Hvad vi gjorde

Vi byggede en helt ny side fra bunden efter alle kunstens regler — samme indhold flyttet med over, men alt andet gjort om. Tre ting blev mærkbart bedre — sådan her gjorde den gamle side det, og sådan gør den nye:

Prisberegneren: fra at gætte til at se prisen med det samme — for flere ydelser på én gang

Før udfyldte man en formular og sendte den afsted uden at vide, hvad det ville koste — og det føltes langsomt og tungt at bruge. Nu vælger man sin opgave og taster sine mål, og prisen tæller op foran én, mens man skriver. Man kan lægge flere ydelser sammen og få ét samlet beløb for det hele. Man ser sin pris, før man giver sine oplysninger. Det fjerner usikkerheden for kunden i processen.

Før/efter-billeder: fra at bladre til at trække

Før lå arbejdet i et billedgalleri, man bladrede igennem — et “før”-billede her, et “efter”-billede der. Nu er de samlet i ét billede med et håndtag, man trækker fra side til side. Man ser præcis det samme sted før og efter med en enkelt bevægelse, så forskellen springer i øjnene — smart funktionalitet, der fremhæver Mangaards før og efter på deres projekter. Det er en funktion, der er svær at opnå i WordPress.

Designet: fra lappet sammen til ét system

Før var hver side sat op for sig, så det ikke helt hang sammen. Nu følger hele siden ét gennemført design — samme farver, samme afstande, samme knapper overalt. Det er forskellen på noget, der ser lavet ud, og noget, der føles professionelt.

Og ja — siden er også blevet markant hurtigere undervejs, fordi den nu er bygget i ren kode i stedet for et tungt skabelon-system. Det mærkes, især på mobil.