Ny trend indenfor hjemmeside-design.

I går lancerede Brian Brandt sin nye hjemmeside for sin e-bog Jysk eMarketing - og det i sig selv er emnet i dette blogindlæg.

Designet følger nemlig en trend, som jeg er begyndt at spotte rundt omkring det sidste års tid og som jeg sådan set også selv har benyttet mig af.

Jeg bør nok nævne, at jeg rigtigt godt kan lide stilen og selv har benyttet den på min side for mit Google Website Optimizer-kursus.

Nu er det svært at sætte sådan en hjemmeside på formel, men kendetegnende for designet er:

• Der er ingen eller kun meget få menu-punkter
• Der er lister, der kort og præcist fortæller om produktes fortræffeligheder
• Go Big - fonte, billeder, knapper m.m. er meget store
• Det vigtigste er "above fold" - altså øverst på siden og så må man scrolle ned for at få detaljerne

Ét af de første steder, jeg så det var på Silverback App, som har lavet siden til UG med kryds og slange. (Jeg har fremhævet det før her på bloggen, men må gøre det igen. Prøv at gøre siden mindre og større ved at trække i den og se, hvad der sker øverst i vinduet. Det er CSS-magi, og jeg er fuld af beundring over deres kreativitet).

Nå - men nu skulle det handle om Brian Brandts side.
Kort og godt vil jeg sige, at siden er rigtig lækker, men vil alligevel her byde ind med forslag til et par forbedringer:

• Fjern det der lille "køb bogen" allerøverst. Hvad står det der for og folk ved godt, hvad det handler om alligevel!
• Test! Een farve knap er ikke nok. Du bør minimum teste 2-4 varianter af køb-knappen. Forslag til test: Farver, størrelser og tekst
• Ingen popup. God idé med at skjule indholdsfortegnelsen, men hvorfor ikke bare lade den "slide ned" under linket i stedet for at lave et pop-up. Ingen gider pop-up og slide-effekten er nemt lavet med jQuery script.a.colo.us eller noget lignende.
• Hvorfor ikke lavet et link til "Webshop Hvordan", når han alligevel nævner bogen i afsnittet "om forfatteren". Det samme gælder omtalen af Brian Brandts blog http://brianbrandt.dk midt på siden.
• Tag knapperne. Altså det engelske ord "tag". Brian Brandt har nok ikke lavet den sidste af denne slags sider, så lidt statistik ville være rart. Hvis han taggede linket på "køb Jysk eMarketing"-knapperne, så kunne han se, om folk klikker på den øverste, midterste eller nederste knap. Når det så er sagt, skal han have ros for at smide en knap overalt - det er så absolut vigtigere end at knappen er tag'et.
• I mine øjne er der lidt for meget tekst. Jeg ville foretrække 50% mindre tekst og så 20% større font. Men det er smag og behag og den bedste løsning, ville kunne findes med en A/B split test ;o)
• Teksten ud for formularen er helt umulig at læse. Den skal være mørkere.
• Større formular. Man kan ikke ha' så stort et design og så sådan en lille fesen formular. Lidt CSS-tryllestøv over den og den bliver større. Brug evt. en anden skrift-farve i formularen. Se mit eget eksempel (i al beskedenhed) på http://www.v4d5.net/gwo-kursus/tilmeld.php
• Leg med overskrifterne. Hvis Brian beslutter sig for at teste køb-knappen (hvillket han bør gøre), så bør han også eksperimentere med overskrifterne. Folk scanner en side med så meget tekst, og overskrifterne er alt-afgørende for, om de læser resten.

Konklusion

Brian har lavet en rigtig lækker side for sin bog, men der er stadig plads til et par forbedringer. En multivariate test med Website Optimizer kan planlægges og iværksættes på max to timer (det kræver lidt at udtænke de gode overskrifter), og bør iværksættes.
Siden er tidssvarende og er skåret ind til benet. Det eneste, det drejer sig om, er at konvertere de besøgende til købere, så der er ingen grund til 6-10 menu-punkter. Een side kan sagtens sælge en e-bog.

Brian er 90% i hus med siden. Det er kun et par små prikker over i'erne, der mangler. Men det kan klares på et par timer, så min anbefaling til Brian vil være at få det fikset!

Slutteligt vil jeg ønske Brian tillykke med sitet - håber, det kommer til at sælge godt.

Du kan selv se Brians side her