24 Jun 2009 13:03

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
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

De sagde:

24 Jun 2009 15:07

Christian Brix fra Eee Pc Bloggen
Der er mange elementer fra det, som nogle steder kaldes "Web2.0 design trend" eller lign. i den type design, du henviser til. De er også domineret at store elementer og to-the-point budskaber/call-to-actions.
Samtidig er der lige mixet en god kopfuld af en anden design stil ind, som måske har et navn, jeg ikke kender, men som vi kan kalde "Get Rich Quick"-design ind over. Det er de der simple 1-sides salgssider, der lovpriser produktet med nogle bulletpoints, har nogle testimonials og ellers er spækket til i "buy now"-knapper. Typisk noget med at købe en dyr PDF om noget INternet Marketing. Grimme og trælse, men eftersigende virkningsfulde.

De to stilarter mixet sammen - og vupti - så har man vist den type site design, som du henviser til. :-)

24 Jun 2009 22:43

Christian Jessen
Så hans side den anden dag gennem Twitter, og må indrømme jeg synes det er en rigtig fed måde. Jeg tror det vil sprede sig mere og mere til det danske marked i fremtiden.

En af mine ideer er at prøve og lave nogle landing sider ala dem som både du og Brian har lavet, direkte til AdWords, og se om det kan øge konverterings-raten, frem for blot at sende AdWords brugerne videre til standard siden..

@Brian: Igang med at teste, og sørg for at del resultaterne og oplevelse med os

25 Jun 2009 21:10

Mogens Møller
Ikke dårligt at få smidt sådan en dybdegående, konkret og konstruktiv analyse af ens nye websted i hovedet hva Brian? :-)

Hvis jeg også skal komme med et råd, så synes jeg du skal tænke over, hvor høj du laver toppen af din side før selve indholdet kommer.
Du har godt 400 pixels inden den første overskrift i indholdet kommer. Tænk på at flere og flere benytter sig af de såkaldte netbooks med små skærmopløsninger. Hvis man skal scrolle på hver side for at se indholdet kan den besøgende hurtig blive irriteret og forsvinde igen.

Derudover må jeg tilslutte mig koret - synes det er et rigtig lækkert website du har stablet på benene.

Held og lykke med salget Brian

PS:
Lige en kommentar til Mortens indspark omkring den nye GO-BIG webtrend. Når du, og alle andre, laver store brødtekst-skriftstørrelse, så husk at lade skydningen følge naturligt med - altså luft imellem linjerne (line-height). Ellers bliver teksten mudret og svær at læse. F.eks. synes jeg sagtens du kan have en større skydning her på bloggen, men i særdeleshed også på dit GWO site - der kommer bogstaverne næsten til at stå oveni i hinanden.

26 Jun 2009 12:40

brian brandt
Tak for gennemgangen, Vadskær, og klart, der er altid rum til forbedringer :-).
Du kommer med nogle gode pointer, og det er klart, siden er lavet for at det vil være nemt at sætte nogle klokkeklare GWO test op.

Jeg vil ik lige gennemgå alle dine punkter, kun kort:
køb bogen er en WP ting - det er sådan set overskriften - men vil lige have ændret det.

det jQuery ting til indholdsfortegnelsen, den må du vist hellere lige hjælpe med, Morten..

kontaktformularen er vist væk nu :-) - det var en standard WP ting - havde ikk lige mere tid den dag :-)

Nå -ikke mere tid til kommentarer, skal have sat et par test op, som jeg kan dele med jer :-) !

06 Jul 2009 23:43

Mikael
Fedt at du har brugt tid på sådan en gennemgang. Blot så jeg er helt med, er det så siden Brianbrandt.dk der er tale om?

07 Jul 2009 12:52

V4D5
Hov... Jeg er da en kegle. Har ikke engang lavet et link til siden. Det er naturligvis: http://marketing.myll.dk

Beklager til både læsere og Brian.

02 Apr 2010 22:08

Brian Brandt
Så fik jeg endelig tid til at lege med Jysk eMarketing siden. Og endda tid til at sætte en GWO test op :-)...

Nu bliver alt på siden analyseret i detaljer - lad os så lave kassen :-)

Navn:	*
Email:	* (bliver ikke vist)
Hjemmeside: