Your SlideShare is downloading. ×
0
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
50+ briljante homepage designs, ter inspiratie in B2B
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

50+ briljante homepage designs, ter inspiratie in B2B

98

Published on

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 …

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.

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
98
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Briljante Homepage Designs Ter inspiratie voor de eerste indruk die jullie op prospects en klanten maken in jullie B2B markt. 2014
  • 2. 2 INTRODUCTIE Current Section Title ENTERTAINMENT DESIGN RETAIL INTERNET DIENSTEN CONCLUSIE 1 2 13 24 35 45 53 64 4ECOMMERCE
  • 3. 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.
  • 4. 4 ECOMMERCE VOORBEELDEN.
  • 5. LUHSE TEA. De look & feel van deze ecommerce homepage geeft het merk een persoonlijke touch die het echt uniek maakt in de markt.
  • 6. FIT FOR A FRAME. Knappe feature van deze homepage is dat alle items overzichtelijk staan gepresenteerd. Let ook op de simpele maar sexy slideshow.
  • 7. SHOP LOCKET. Even simpel als charmant in ontwerp. De Facebook sign up is prettig en voorkomt het invullen van vervelende en vooral lange registratieformulieren.
  • 8. 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.
  • 9. EVEL. Het is meteen duidelijk wat deze website verkoopt. Goed georganiseerde homepage van featured items, aantrekkelijke slides, en prijskaartjes.
  • 10. LEGA-LEGA. Let op deze trend: de meest aantrekkelijke commerce homepages tonen hun producten zo clean en ‘ruisvrij’ mogelijk.
  • 11. URBAN ORIGINALS. Een extreem simpel en toch effectief ontwerp voor de homepage. Levendige achtergrond met een eenvoudig menu aan product pagina’s.
  • 12. 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.
  • 13. 13 ENTERTAINMENT VOORBEELDEN.
  • 14. CLOUDS OVER CUBA. Heerlijk in zijn eenvoud. Deze homepage wil maar één ding: dat jij de documentaire kijkt.
  • 15. UNIVERSERIES. Ongelooflijk mooi ontworpen homepage. De user experience betovert je en neemt je mee ‘op reis’ . De vormen en kleuren maken het helemaal af
  • 16. JACQUI CO. Anders. De look & feel van deze website zijn mooi, en de interactieve elementen van deze homepage maken dit ontwerp echt bijzonder.
  • 17. 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.
  • 18. HEALTH LIFE. Deze homepage heeft een eenvoudige layout in combinatie met erg interactieve elementen. NB: tabs, icoontjes en Google Maps integration: strak en nuttig.
  • 19. 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.
  • 20. THE GOOD MAN. Een topper, visueel gezien. De gebruikservaring is gladjes en strak.
  • 21. 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.
  • 22. 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
  • 23. LIFE AND TIMES. Entertainment. Jay Z’s persoonlijke website toont artikelen, beeldmateriaal en andere content in een interactieve, in vlakken verdeelde homepage.
  • 24. 24 DESIGN VOORBEELDEN.
  • 25. 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.
  • 26. 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.
  • 27. 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.
  • 28. 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.
  • 29. THIS IS THE BRIGADE. Deze homepage staat als een huis. Een grote banner toont de belangrijkste boodschap, ondersteund met duidelijke visuals.
  • 30. BUILT BY BUFFALO. Welkom in de bijenkorf. Opvallend en anders. Misschien vooral bruikbaar in B2C.
  • 31. 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.
  • 32. MADE BY VADIM. Vadim is kort en to the point. Voorbeelden van zijn werk worden gecombineerd met andere meer functionele informatie over zijn bedrijf.
  • 33. 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.
  • 34. 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.
  • 35. 35 RETAIL VOORBEELDEN.
  • 36. REI. Super grafisch qua opzet. Toont diverse door gebruikers geuploade foto’s.
  • 37. 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.
  • 38. 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.
  • 39. 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.
  • 40. 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.
  • 41. 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.
  • 42. 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.
  • 43. 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.
  • 44. 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.
  • 45. 45 INTERNET VOORBEELDEN.
  • 46. 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.
  • 47. 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.
  • 48. WHO IS WILDLIFE. Een prima ontworpen en interactieve website die de bezoeker blijft boeien door een unieke gebruikservaring te bieden.
  • 49. 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.
  • 50. IMPRESS A PENGUIN. Deze website voelt als een prentenboek dat de aandacht vasthoudt door interessante graphics te combineren met prima puntige tekst.
  • 51. 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.
  • 52. 52 SERVICES VOORBEELDEN.
  • 53. 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.
  • 54. WOODWORK. Woodwork gebruikt een prima layout om veel content op een overzichtelijke manier te presenteren.
  • 55. 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.
  • 56. MADWELL NYC. Clean en strak ontworpen homepage die op een elegante manier de bezoeker kennis laat maken met de kwaliteit van deze onderneming.
  • 57. 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.
  • 58. 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.
  • 59. 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.
  • 60. 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.
  • 61. 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.
  • 62. 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…
  • 63. 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.
  • 64. 64 CONCLUSIE. Met al deze schitterende voorbeelden op internet is het misschien lastig kiezen wat het beste past bij jullie merk. Doe je eigen (desk)research en bezoek die websites die je interesseren. Je doelstelling is ‘t om een esthetisch mooie website te maken die niet alleen gebruiksvriendelijk is maar de bezoeker ook vasthoudt. En verleidt 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. 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!
  • 65. 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?
  • 66. Contact www.dutchmarq.nl/contact info@dutchmarq.nl @phasselsmonning / @dutchmarq +31 34 34 209 31 Postbus 26 3940 AA Doorn | Nederland Sitiopark 13 3941 PP Doorn | Nederland

×