Ruim 50 briljante homepage designs ter inspiratie in b2b

66
Briljante Homepage Designs Ter inspiratie voor de eerste indruk die jullie op prospects en klanten maken in jullie B2B markt. 2014

description

Design, gebruiksvriendelijkheid en functionaliteit dienen hand in hand te gaan bij een optimale webervaring. Juist ook in B2B. Hierbij ruim 50 inspirerende voorbeelden in homepage design. Uit diverse branches, als voorbeeld in business-to-business.

Transcript of Ruim 50 briljante homepage designs ter inspiratie in b2b

Page 1: Ruim 50 briljante homepage designs ter inspiratie in b2b

Briljante Homepage Designs

Ter inspiratie voor de eerste indruk die jullie op prospects en

klanten maken in jullie B2B markt.

2014

Page 2: Ruim 50 briljante homepage designs ter inspiratie in b2b

2

INTRODUCTIE

Current Section Title

ENTERTAINMENT

DESIGN

RETAIL

INTERNET

DIENSTEN

CONCLUSIE

1

2

13

24

35

45

53

64

4 ECOMMERCE

Page 3: Ruim 50 briljante homepage designs ter inspiratie in b2b

3

INTRODUCTIE.

Een tweede kans om een eerste indruk te maken bestaat

niet. Daarom is jullie homepage zonder twijfel een van de

meest belangrijke pagina’s van jullie online presence.

Voor elk bedrijf is de homepage een virtuele deur (en

gezicht!) naar de wereld. Als een nieuwe bezoeker niet

direct waardeert wat hij (of zij) ziet dan is de uitgang ook

weer snel gevonden (via een muisklik op de ‘terug’ knop).

Dat wil je toch niet? Check deze 50+ voorbeelden van

briljante homepage ontwerpen voor jullie eigen homepage

ontwerp strategie in B2B.

Page 4: Ruim 50 briljante homepage designs ter inspiratie in b2b

4

ECOMMERCE

VOORBEELDEN.

Page 5: Ruim 50 briljante homepage designs ter inspiratie in b2b

LUHSE TEA. De look & feel van deze ecommerce homepage geeft het merk een persoonlijke touch

die het echt uniek maakt in de markt.

Page 6: Ruim 50 briljante homepage designs ter inspiratie in b2b

FIT FOR

A

FRAME. Knappe feature van deze

homepage is dat alle

items overzichtelijk staan

gepresenteerd. Let ook op

de simpele maar sexy

slideshow.

Page 7: Ruim 50 briljante homepage designs ter inspiratie in b2b

SHOP LOCKET. Even simpel als charmant in ontwerp. De Facebook sign up is prettig en

voorkomt het invullen van vervelende en vooral lange registratieformulieren.

Page 8: Ruim 50 briljante homepage designs ter inspiratie in b2b

WHITE LOTUS AROMATICS. Een prima voorbeeld van het opnemen van een selectie van producten waar veel website traffic te

verwachten is. De maandelijkse update geeft bezoekers meer content dan alleen product pagina’s.

Page 9: Ruim 50 briljante homepage designs ter inspiratie in b2b

EVEL. Het is meteen duidelijk wat deze website verkoopt. Goed georganiseerde

homepage van featured items, aantrekkelijke slides, en prijskaartjes.

Page 10: Ruim 50 briljante homepage designs ter inspiratie in b2b

LEGA-LEGA. Let op deze trend: de meest aantrekkelijke commerce homepages tonen hun producten zo

clean en ‘ruisvrij’ mogelijk.

Page 11: Ruim 50 briljante homepage designs ter inspiratie in b2b

URBAN ORIGINALS. Een extreem simpel en toch effectief ontwerp voor de homepage.

Levendige achtergrond met een eenvoudig menu aan product pagina’s.

Page 12: Ruim 50 briljante homepage designs ter inspiratie in b2b

SCOTCH

& SODA.

De strakke

vlakverdeling helpt

duidelijk te maken uit

welke onderdelen deze

website bestaat. De

strakke plaatsing van

social icons maakt het

makkelijk om content te

delen. Het tabje “Latest

Posts” geeft bezoekers

extra content.

Page 13: Ruim 50 briljante homepage designs ter inspiratie in b2b

13

ENTERTAINMENT

VOORBEELDEN.

Page 14: Ruim 50 briljante homepage designs ter inspiratie in b2b

CLOUDS OVER CUBA. Heerlijk in zijn eenvoud. Deze homepage wil maar één ding: dat jij de documentaire kijkt.

Page 15: Ruim 50 briljante homepage designs ter inspiratie in b2b

UNIVERSERIES. Ongelooflijk mooi ontworpen homepage. De user experience betovert je en neemt

je mee ‘op reis’ . De vormen en kleuren maken het helemaal af

Page 16: Ruim 50 briljante homepage designs ter inspiratie in b2b

JACQUI CO. Anders. De look & feel van deze website zijn mooi, en de interactieve elementen van deze

homepage maken dit ontwerp echt bijzonder.

Page 17: Ruim 50 briljante homepage designs ter inspiratie in b2b

POTTERMORE. Sony heeft met succes de Harry Potter look & feel hier online toegepast. Het gebruik

van bekende visuals, elementen en woorden zorgt voor engagement met de bezoeker.

Page 18: Ruim 50 briljante homepage designs ter inspiratie in b2b

HEALTH LIFE. Deze homepage heeft een eenvoudige layout in combinatie met erg interactieve

elementen. NB: tabs, icoontjes en Google Maps integration: strak en nuttig.

Page 19: Ruim 50 briljante homepage designs ter inspiratie in b2b

UNCRATE. Uncrate staat bekend om een consistente look & feel van hun website (her)ontwerpen. Zo ook hier. Alle

categorieën en pagina’s zijn bovenin geplaatst om eenvoudig navigeren mogelijk te maken.

Page 20: Ruim 50 briljante homepage designs ter inspiratie in b2b

THE GOOD MAN. Een topper, visueel gezien. De gebruikservaring is gladjes en strak.

Page 21: Ruim 50 briljante homepage designs ter inspiratie in b2b

SILKTRICKY. Nog een goed voorbeeld hoe content netjes in visuele in vlakken kan worden georganiseerd. Het

presenteert de content in een gedeelte van het scherm; zonder veel scrollen is overige content te zien.

Page 22: Ruim 50 briljante homepage designs ter inspiratie in b2b

MAGIC LEAP. Deze website geeft een erg visuele ervaring aan de bezoeker. Strak

beeldmateriaal en strak ontworpen tekst en icoontjes trekken de bezoeker dieper in

de website.

Page 23: Ruim 50 briljante homepage designs ter inspiratie in b2b

LIFE AND TIMES. Entertainment. Jay Z’s persoonlijke website toont artikelen, beeldmateriaal en andere content in

een interactieve, in vlakken verdeelde homepage.

Page 24: Ruim 50 briljante homepage designs ter inspiratie in b2b

24

DESIGN

VOORBEELDEN.

Page 25: Ruim 50 briljante homepage designs ter inspiratie in b2b

HELLO MONDAY. Winnaar (US) AWWWards Site Of The year (smaken verschillen). De kleine en bijna onleesbare tekst

(normaal een NoNo) houdt de bezoeker gefocused op de visuals.

Page 26: Ruim 50 briljante homepage designs ter inspiratie in b2b

JIB. De kleuren van deze website sluiten perfect op elkaar aan. Fraai. Ook de ‘banaan’ (de meest belangrijke

CTA ofwel Call To Action) is duidelijk.

Page 27: Ruim 50 briljante homepage designs ter inspiratie in b2b

RIDE FOR THE BRAND. De ouderwetse school look & feel van deze homepage is anders dan anders. De speciaal ontworpen design

elementen zorgen voor een geheel eigen uitstraling juist ook in combinatie met de scroll optie.

Page 28: Ruim 50 briljante homepage designs ter inspiratie in b2b

ANDY PATRICK DESIGN. Een eenvoudig en goed ontworpen homepage met een duidelijke boodschap voor zijn bezoekers. Het

kleurenpallet ondersteunen dit brand heel sterk en tonen de eigen stijl van de ontwerper.

Page 29: Ruim 50 briljante homepage designs ter inspiratie in b2b

THIS IS

THE

BRIGADE.

Deze homepage staat als

een huis. Een grote

banner toont de

belangrijkste boodschap,

ondersteund met

duidelijke visuals.

Page 30: Ruim 50 briljante homepage designs ter inspiratie in b2b

BUILT BY BUFFALO. Welkom in de bijenkorf. Opvallend en anders. Misschien vooral bruikbaar in B2C.

Page 31: Ruim 50 briljante homepage designs ter inspiratie in b2b

GALPIN.

Deze site maakt prima

gebruik van typografie

om zijn eigen karakter

neer te zetten.

Opvallend is dat deze

site nu eens niet de

nadruk legt op visuals

maar op tekst en

daarmee heel sterk de

boodschap overdraagt.

Page 32: Ruim 50 briljante homepage designs ter inspiratie in b2b

MADE BY VADIM. Vadim is kort en to the point. Voorbeelden van zijn werk worden gecombineerd met andere

meer functionele informatie over zijn bedrijf.

Page 33: Ruim 50 briljante homepage designs ter inspiratie in b2b

ART & CODE. Nu geen nadruk op de teksten, maar des te meer op de icoontjes. Dit geeft de

website een aantrekkelijke, ‘clean’ look. Soms geldt nu eenmaal: less is more.

Page 34: Ruim 50 briljante homepage designs ter inspiratie in b2b

RILEY

CRAN. Nog een voorbeeld

van een website in

vlakken verdeeld.

De hele website is

beperkt tot één

pagina. Geen scrollen

dus. Dit hoeft (al

even) niet meer

perse.

Page 35: Ruim 50 briljante homepage designs ter inspiratie in b2b

35

RETAIL

VOORBEELDEN.

Page 36: Ruim 50 briljante homepage designs ter inspiratie in b2b

REI. Super grafisch qua opzet. Toont diverse door gebruikers geuploade foto’s.

Page 37: Ruim 50 briljante homepage designs ter inspiratie in b2b

AUSTIN BEERWORKS. De kleuren en presentatie van hun product nodigen uit! Clean qua ontwerp, de witte achtergrond in

combinatie met hoge resolutie product visuals maken je dorstig naar Austin Beerworks beer.

Page 38: Ruim 50 briljante homepage designs ter inspiratie in b2b

JAQUET DROZ. Je kunt niet om dit product heen, er zijn bovendien geen andere elementen op de homepage die om

aandacht vragen. Zien is kopen.

Page 39: Ruim 50 briljante homepage designs ter inspiratie in b2b

ITALIO KITCHEN. Restaurants leggen meestal niet zo’n focus on hun homepage ontwerp, maar deze website wel (en goed

ook). Een grote aantrekkelijke slideshow bovenaan wordt gevolgd door meer plaatjes van heerlijk eten.

Page 40: Ruim 50 briljante homepage designs ter inspiratie in b2b

TV SAFETY. De animatie in cartoon-stijl en dito tekst geven deze site een erg consistente look & feel. Slechts

drie hoofditems in het menu bieden de bezoeker een duidelijke set aan opties.

Page 41: Ruim 50 briljante homepage designs ter inspiratie in b2b

GREY GOOSE. Presentatie is alles. Voor Grey Goose staat dit gelijk aan elegante foto’s in hoge resolutie en een erg coole

layout. Er is geen afleiding van de hoofdelementen op de homepage: prima.

Page 42: Ruim 50 briljante homepage designs ter inspiratie in b2b

TOYOTA. Toyota leverde prima werk af met een Pinterest-achtige website voor Camry liefhebbers. Er

is een ware collectie van foto’s, statistieken, artikelen en grafieken.

Page 43: Ruim 50 briljante homepage designs ter inspiratie in b2b

GOT MILK?. Deze homepage staat niet meer online, maar is nog steeds een prachtig voorbeeld van briljant website ontwerp.

Met verschillende aantrekkelijke elementene die de bezoeker verleiden om de hele pagina te verkennen.

Page 44: Ruim 50 briljante homepage designs ter inspiratie in b2b

BUFFALO WILD WINGS. Een prima voorbeeld van een webpagina met een consistente look & feel. Kleuren, ontwerp

elementen en fonts zijn allemaal in lijn met de merk identiteit.

Page 45: Ruim 50 briljante homepage designs ter inspiratie in b2b

45

INTERNET

VOORBEELDEN.

Page 46: Ruim 50 briljante homepage designs ter inspiratie in b2b

CHROME WEB LAB. Super visueel prikkelend! Zodra je landt op deze homepage word je gebombardeerd met kleurrijke vormen

en elementen die zo van de pagina lijken af te vliegen.

Page 47: Ruim 50 briljante homepage designs ter inspiratie in b2b

VIDDY. Een prima voorbeeld hoe een “Sign in with Facebook”-knop het registratie proces kan vereenvoudigen en

het aantal leden dat gebruik maakt van jullie service een flinke boost kan geven.

Page 48: Ruim 50 briljante homepage designs ter inspiratie in b2b

WHO IS WILDLIFE. Een prima ontworpen en interactieve website die de bezoeker blijft boeien door een unieke gebruikservaring

te bieden.

Page 49: Ruim 50 briljante homepage designs ter inspiratie in b2b

PREZI. Simpel en briljant om een video op te nemen in de banner op de homepage. Een bedrijf dat fantastische

presentaties helpt te maken is het aan zijn stand verplicht om het eigen product strak te presenteren.

Page 50: Ruim 50 briljante homepage designs ter inspiratie in b2b

IMPRESS A PENGUIN. Deze website voelt als een prentenboek dat de aandacht vasthoudt door interessante graphics

te combineren met prima puntige tekst.

Page 51: Ruim 50 briljante homepage designs ter inspiratie in b2b

CSS PIFFLE. De kleine zwevende knop in het midden van de pagina is een prima eye-catcher. Het vraagt op een heel

subtiele manier erom op geklikt te worden.

Page 52: Ruim 50 briljante homepage designs ter inspiratie in b2b

52

SERVICES

VOORBEELDEN.

Page 53: Ruim 50 briljante homepage designs ter inspiratie in b2b

CAPTAIN DASH. De namaak filmposter is super! Hoewel je niet meteen kunt zien over welk bedrijf dit gaat, zorgt het ontwerp

er absoluut voor dat je meer wilt weten over deze intrigerende Captain Dash.

Page 54: Ruim 50 briljante homepage designs ter inspiratie in b2b

WOODWORK. Woodwork gebruikt een prima layout om veel content op een overzichtelijke manier te presenteren.

Page 55: Ruim 50 briljante homepage designs ter inspiratie in b2b

SAGMEISTER WALSH. Het gebruik van een foto uit vogelperspectief is erg creatief. Het geeft de indruk van een uniek inkijkje voor

de bezoeker. Elk element op de vloer kan worden aangeklikt en maakt deze website echt onderscheidend.

Page 56: Ruim 50 briljante homepage designs ter inspiratie in b2b

MADWELL NYC. Clean en strak ontworpen homepage die op een elegante manier de bezoeker kennis laat maken met

de kwaliteit van deze onderneming.

Page 57: Ruim 50 briljante homepage designs ter inspiratie in b2b

RYAN EDY. Als website voor professionele fotografie speelt dit ontwerp prima in op waar de bezoekers naar op zoek

zijn. Met simpele navigatie aan de linkerkant en een serie foto’s als voorproefje.

Page 58: Ruim 50 briljante homepage designs ter inspiratie in b2b

OLIVER RUSSELL. De kleuren en subtiele ontwerp elementen op de achtergrond maken deze webpagina een prima voorbeeld van

aantrekkelijke visuals die de kernboodschap van de pagina ondersteunen in plaats van daarvan af te leiden.

Page 59: Ruim 50 briljante homepage designs ter inspiratie in b2b

QUARTER REST STUDIOS. Deze homepage is in essentie één grote slideshow, in combinatie met een simpele hoofdnavigatie. Het biedt

daarmee een beperkte maar nuttige set aan opties voor de gebruiker.

Page 60: Ruim 50 briljante homepage designs ter inspiratie in b2b

FANCY RHINO. Hierbij nog een website waarbij via een embedded video op de homepage het bedrijf zich presenteert.

De navigatie en sidebar zijn eenvoudig genoeg om op te vallen naast de video.

Page 61: Ruim 50 briljante homepage designs ter inspiratie in b2b

FLINT

BOUTIQUE. Font en kleuren spelen

een sleutelrol in het

strakke ontwerp van

deze homepage. De

consistentie tussen de

tekst en de graphics

zorgen voor een prima

gebruikservaring.

Page 62: Ruim 50 briljante homepage designs ter inspiratie in b2b

BLIND BARBER. Deze website laat het hart van de zaak goed zien. Persoonlijk vinden wij het wel jammer dat er in eerste

instantie helemaal geen kappers (v/m) te zien zijn. Dat maakt wel nieuwsgeirig…

Page 63: Ruim 50 briljante homepage designs ter inspiratie in b2b

Deze website is misschien niet de visueel the most important aspect of the site on the center of the page. It

draws the eyes to the button and attracts visitors to learn more about this Blind Barber.

VAN HOUT. Misschien niet het ‘Supermodel’ in deze serie. Maar wel een voorbeeld van een website die sterk het

klantinstinct prikkelt. Het contrast met andere oplossingen wordt sterk en cijfermatig in beeld gebracht.

Page 64: Ruim 50 briljante homepage designs ter inspiratie in b2b

64

CONCLUSIE. Met al deze schitterende voorbeelden is het misschien lastig

kiezen wat het beste past bij jullie merk. Doe je eigen

(desk)research en bezoek die websites die je interesseren. Een

esthetisch mooie website is niet de hoofddoelstelling: de site

moet gebruiksvriendelijk zijn en de bezoeker ‘vasthouden’.

En verleiden tot het doen van een volgende stap: het

downloaden van een e-book, het registreren voor een webinar

of het abonneren op de blog. Neem de tijd om jullie

doelgroepen echt goed te leren kennen en bijvoorbeeld via

buyer persona’s in kaart te brengen. En creëer een geweldige

ervaring rondom hun behoeften.

De grootte van je bedrijf of budget maakt daarbij niet het

verschil. Jullie creativiteit en brains wel. Het web biedt een level

playing field voor kleine, middelgrote en grote bedrijven om het

verschil te maken. Succes!

Page 65: Ruim 50 briljante homepage designs ter inspiratie in b2b

Neem contact op met DutchmarQ.

Graag helpen we je aan praktisch advies.

Dat begint met de homepage.

Maar juist ook over hoe jullie site

de juiste leads en business

genereert.

VRAAG NU EEN NULMETING

AAN VAN JULLIE WEBSITE

HOE DOET

JULLIE WEBSITE

HET?

Page 66: Ruim 50 briljante homepage designs ter inspiratie in b2b

Contact

www.dutchmarq.nl/contact

[email protected]

@phasselsmonning / @dutchmarq

+31 34 34 209 31

Postbus 26

3940 AA Doorn | Nederland

Sitiopark 13

3941 PP Doorn | Nederland