Inspirerend Webdesign

Er worden elke dag mooie websites aan het internet toegevoegd. Webpuccino® werkt vaak samen met andere ontwerpers om creatieve designs te maken, maar ontwerpt zelf ook veel websites. Om op creatieve ideeën te komen, helpt het vaak om je te laten inspireren door andere designers. Er zijn verschillende websites met verzamelingen van mooie websites, zoals bijvoorbeeld siteInspire en Unmatched Style. Wij hebben het internet afgezocht naar mooie websites en de onderstaande selectie gemaakt. Laat je inspireren en zie wat er met webdesign allemaal mogelijk is. Als je zelf ook zo’n mooie website wilt, dan kun je contact met ons opnemen.

Jetlag
Een mooie foto website van twee fotografen die op het zelfde moment op twee verschillende plekken foto’s maken. Naast fantastische foto’s is deze website erg mooi door de flitsende animaties en de mogelijkheid om met de pijltjes van het toetsenbord te navigeren. (http://jetlag.photos/)

Jetlag

Concrete LCDA
Net als veel betonnen constructies, is ook deze website erg strak en vierkant. De subtiele animaties zorgen er echter voor dat het geen saaie website is. Het menu is duidelijk aanwezig op de homepage en mooi weggewerkt aan de zijkant van de vervolgpagina’s. Verder heeft de website goede typografie en een mooi overzichtelijk portfolio. (http://www.concrete-beton.com/)

Concrete LCDA

Uve
Wanneer je op de website van dit hotel komt, waan je je meteen in het prachtige Italië. De mooie foto’s en sierlijke lettertypes geven de website een deftige uitstraling. Doordat de belangrijkste informatie allemaal op één pagina staat, krijg je snel een overzicht van wat de site te bieden heeft. (http://www.uve.info/)

concrete-beton

Black&Wood
Deze lifestyle website heeft veel verschillende artikelen, maar presenteert die op een rustige, overzichtelijke manier. Beeld en tekst zijn hier goed in balans, waardoor ook de pagina’s met langere verhalen niet saai worden. (http://www.blackandwood.fr/)

Black&Wood

Sutro Management Group
Deze website valt op, omdat de informatie erg eenvoudig en toegankelijk is opgezet. Een korte introductie met mooi beeldvullende achtergrond, een overzicht van het team en daaronder een portfolio. Aan de rechterkant is het menu mooi weggewerkt, waardoor het geen onnodige ruimte inneemt, maar toch toegankelijk is. (http://sutromanagement.com/)

Sutro Management Group

Inspiration Voyage
Dit is een website die het erg makkelijk maakt om een vakantie bestemming te vinden. Met vijf grote blokken kun je de collectie bestemmingen filteren waarna je met één druk op de knop een mooi overzicht met veel foto’s krijgt. Het grote sterktepunt van deze website is de gebruiksvriendelijkheid. De filters zijn gemakkelijk in te stellen en door goed gebruik van icoontjes is alles erg duidelijk, zelfs als je de taal niet spreekt. (http://inspirationvoyage.hellotrip.fr/)

Inspiration Voyage

Masi Tupugunto
Net als met de website van Uve, zorgt goed beeldgebruik ook bij deze website er voor dat je in gedachten meteen op een andere plek bent. Deze keer in Argentinië. De website van deze wijnmaker is mooi opgezet met beeldvullende foto’s en korte begeleidende teksten. (http://www.masitupungato.com/)

Masi Tupugunto

HEAT Architecture
Deze website biedt een erg fijne manier om snel het portfolio van dit architectenbureau te kijken. Simpelweg naar beneden scrollen laadt op een rustige manier steeds meer foto’s. Om naar de andere pagina’s te gaan is er een mooi, strak vormgegeven menu aan de linkerkant. (http://www.heat-architecture.com/)

HEAT Architecture

Thibault Pailloux
Het minimalistische ontwerp van de website laat op een overzichtelijke wijze het werk van deze Art Director zien. Wanneer je met de muis over een projectfoto gaat, krijg je een screenshot de website van het desbetreffende project te zien. (http://www.thibaultpailloux.com/)

Thibault Pailloux

The Mark Hotel
De typografie, strak ontwerp en rustige animaties geven de website van dit vijf sterren hotel een erg sjieke uitstraling. Het menu klapt sierlijk open vanaf de linkerkant waarmee de rest van de website de volledige hoogte van het scherm kan benutten. (http://www.themarkhotel.com/)

The Mark Hotel

Olson Kundig
Deze website opent met een full-screen video die impressie geeft van het werk van dit architectenbureau. Zoals eerder gezien bij andere websites is ook hier het menu mooi weggewerkt aan de linkerkant en vliegt met een druk op de knop direct tevoorschijn om te navigeren naar de andere pagina’s. Gebruik van grote foto’s en een strakke layout passen goed bij dit architectenbureau. (http://www.olsonkundig.com/)

Olson Kundig

Chris Roberts
Vaak zijn minimalistische website ontwerpen het meest overzichtelijk en makkelijk om snel doorheen te navigeren. Zo ook bij de website van deze designer. De website opent met een rustige foto en een eenvoudig menu aan de bovenkant van de pagina. Met de twee keuzeblokken onder de openingsfoto kan er snel genavigeerd worden naar werk- en hobbyprojecten. De goed uitgekozen typografie maakt het rustige ontwerp compleet. (http://www.thisisuncoated.co.uk/)

Chris Roberts

KFC
De website van de KFC valt op door het horizontale overzicht van producten bovenaan de website, waar eenvoudig doorheen te scrollen is. Klikken op een foto brengt je naar de productpagina met meer info. Alles aan deze website is enorm strak vormgegeven: de vierkante foto’s en video’s op de homepagina, de rode menubalk bovenaan en het uitgeklapte, schermvullende menu. Doordat alle koppen in hoofdletters zijn geplaatst, maken deze ook deel uit van het strakke, geblokte ontwerp. (https://www.kfc.com)

KFC

Cereal
De website van dit magazine straalt veel kalmte en soberheid uit. Doordat alles in grijstinten is vormgegeven, vallen de foto’s meer op en geeft de website een erg rustige indruk. Ook bij deze website zorgt minimalisme voor overzicht. (http://readcereal.com/)

Cereal

Gaucho Restaurants
Deze website combineert goede fotografie met grote tekst blokken en prachtige typografie. Hierdoor is de website erg leesbaar en geeft het idee dat je een luxe tijdschrift bekijkt. Ook erg goed bedacht is het blok rechtsonder waarmee op een beschrijvende manier een reservering gemaakt kan worden. (http://www.gauchorestaurants.co.uk/)

Gaucho Restaurants

Norm Architects
Websites van architectenbureau’s zijn vaak strak vormgegeven en zo ook deze. De homepage geeft een overzicht van het portfolio in de stijl van Pinterest, maar dan op een rustigere wijze. Het ontbreken van kleur zorgt bij deze website ook voor een kalme uitstraling. (http://normcph.com/)

Norm Architects

Haswell Travel
Dit is een template voor een reiswebsite die opent met een mooie grote foto waar het menu mooi overheen valt. De grote blokken met foto’s en prijzen daaronder geven een duidelijk overzicht van het aanbod van de website en nodigen uit om door te klikken. Wanneer je naar beneden scrollt, komt het menu goed naar voren door een witte achtergrond met schaduw. (http://demo.cmssuperheroes.com/themeforest/wp-haswell-travel/)

Haswell Travel

Block16
Wanneer je naar deze website gaat, krijg je meteen al trek in eten. De website opent met een grote video van een tafel vol met snacks. Je moet er wel snel bij zijn, want alles wordt vrij snel opgegeten. Handig is dat bovenaan de website staat of het restaurant op dit moment open is en tot hoe laat. (http://block16omaha.com/)

Block16

Kittie’s Cakes
Deze website laat zien dat goed ontwerp niet altijd binnen de lijntjes hoeft. De koppen breken door de kaders heen, maar wel op een manier dat het nog steeds mooi is. Verder valt deze website op vanwege de bijzondere lettertypes en mooie kleurencombinatie van rood en blauw. Het strakke menu aan de bovenkant zorgt bij dit creatieve ontwerp voor een stevige basis, waardoor het geen chaos wordt. (http://kittiescakes.com/)

Kittie's Cakes

Moonshine Grill
Typografie is enorm belangrijk voor het brengen van de juiste sfeer. Dat is ook bij deze website goed terug terug te zien. Je krijgt meteen een indruk van het soort restaurant waar je terecht bent gekomen. Verder is de website duidelijk en eenvoudig opgezet, je vindt er gemakkelijk wat je zoekt en vooral de menu-pagina is hier fraai en overzichtelijk opgezet. (http://moonshinegrill.com/)

Moonshine Grill

Tom Cole Archictecture
Wanneer je door de website van dit architectenbureau scrollt, is het net alsof je zelf aan de tekentafel staat, want het lijkt alsof de koppen ter plekke met de hand op de pagina worden geschreven. Verder biedt de website met een combinatie van tekeningen en foto’s een stijlvolle indruk van wat dit bureau te bieden heeft. (http://tomcolearchitect.com/)

Tom Cole Archictecture

Pure Fix Cycles
Dit is een enorm overzichtelijke webwinkel van fietsen. Doordat alle producten op een witte achtergrond zijn geplaatst, springen ze echt uit de pagina. Hiermee speelt ook op deze website minimalisme een belangrijke rol. Met een paar klikken kies je welke fiets je wilt, in welke maat, met hoeveel versnellingen en kun je afrekenen. Veel makkelijker kan het niet. (https://www.purefixcycles.com/)

Pure Fix Cycles

Guidebase
Deze website doet erg aan Airbnb denken. Meteen bovenaan de website kun je met een paar klikken op zoek naar een bergbeklim gids of skileraar. Alles is opgezet met grote buttons, waardoor je makkelijk door de website heen klikt en het allemaal een heldere uitstraling heeft. Een goed voorbeeld van een erg gebruiksvriendelijke website. (https://www.guidebase.com/)

Guidebase

Circle
Even door deze website scrollen geeft je in een paar seconden een duidelijk beeld van wat je met de Circle app kunt doen. Doordat de achtergrondkleur en afbeeldingen veranderen als je naar beneden gaat, wordt je uitgenodigd om verder te scrollen terwijl de screenshots in de telefoon worden aangepast om de tekst te ondersteunen. In de smalle balk aan de onderkant worden de copyright tekst, het menu en de social media icoontjes mooi bij elkaar gebracht waardoor het ontwerp heel basaal blijft. (https://www.circle.com/en)

Circle

Risen Church
De website van deze kerk heeft een heel actieve uitstraling door de schermvullende achtergrondvideo op de homepagina. Doordat elk blok daaronder enkel grote foto met een grote kop en een link naar meer info heeft, is het tegelijkertijd ook een heel rustige website. De fraaie menubalk aan de onderkant van de website geeft duidelijk aan op welk onderdeel van de homepagina je bent, terwijl je met het menu aan de bovenkant door de verschillende pagina’s van de website kunt navigeren. Het stijlvolle lettertype en veel witruimte op de vervolgpagina’s zorgen ervoor dat de website heel goed leesbaar is. (http://risenchurch.com/)

Risen Church

Artifact Uprising
Dit is een bescheiden ontworpen webshop voor fotoproducten. Doordat de website zo minimalistisch is vormgegeven, heeft het een rustige uitstraling. De grote headerfoto zorgt er echter voor dat het geen saaie website is. De kleine fotootjes in de submenu’s maken de website ook levendiger en helpen om snel door te klikken. (http://www.artifactuprising.com/)

Artifact Uprising

Stockbroke Yacht Brokers
Deze website zorgt met grote, scherpe achtergrondfoto’s voor een indrukwekkende binnenkomst die je mag verwachten van een jachten website. Doordat de foto’s langzaam inzoomen, komt de website nog meer tot leven. Met grote buttons aan de onderkant van de website kan er snel naar de vervolgpagina’s genavigeerd worden, waar met een gebruiksvriendelijke filter gemakkelijk een selectie in het overzicht van jachten gemaakt kan worden. Ook bij deze website zit de kracht in de eenvoud. Alles is strak vormgegeven in blokken en daardoor is het een overzichtelijk geheel waar je snel doorheen kunt navigeren en bij de informatie komt waar je naar op zoek bent. (http://www.stockbridgeyachts.com/)

Stockbroke Yacht Brokers

Elm Coffee Roasters
In een selectie van Webpuccino® kan natuurlijk een koffie website niet ontbreken. De website van deze koffiebranders geeft je met een grote achtergrondvideo op de homepagina een korte rondleiding in hun koffiezaak, alsof je er zelf even rondloopt. De rest van de website is vrij recht toe, recht aan vormgegeven, met grote vlakken en een eenvoudige layout. De over ons pagina is wat speelser vormgegeven met losse elementen en breekt daarmee een beetje met het geblokte ontwerp. (http://elmcoffeeroasters.com/)

Elm Coffee Roasters

Caffe Cimo
Dit is een andere website die je meteen de ervaring van koffie wil geven. Op de homepagina staat er een bakje dampende koffie op je te wachten waarna je met grote overzichtelijke blokken verder door de website kunt navigeren. Door de vierkante blokken af te wisselen met vrijstaande productfoto’s is er afwisseling op de pagina en is het een overzichtelijk geheel dat toch niet saai is. (http://www.cafecimo.com/)

Caffe Cimo

Pierre’s Ice Cream
Als toetje een mooie ice cream website. Deze website weet je meteen te verleiden met grote foto’s van heerlijke ijsjes. De grote foto-blokken daaronder en ook het half-doorzichtige menu aan de bovenkant helpen om snel door de website heen te navigeren. De mooie vrijstaande productfoto’s nodigen uit om door te klikken en de verschillende animaties door de hele website heen maken het geheel helemaal compleet. (https://pierres.com/)

Pierre's Ice Cream