Elke richting hieronder is een compleet uitgewerkt voorbeeld met een eigen opbouw, typografie en manier van bewegen. Filter op branche, op uitstraling of op wat de site moet kunnen, en blader door wat overblijft.
Let vooral op wat je aanspreekt; de branche in het voorbeeld doet er niet toe. Ben je loodgieter en vind je de editorial richting geweldig? Prima. En je hoeft niet één richting te kiezen: de kop van de een met de productkaarten van de ander is een prima opdracht.
Deze voorbeelden helpen ons ontdekken welke uitstraling bij je past. We kopiëren geen voorbeeldsite. Op basis van jouw bedrijf, inhoud, doelen en gekozen stijlelementen ontwerpen we iedere website opnieuw en volledig op maat.
Combineren is juist de bedoeling: de kop van het ene concept, de kleuren van het tweede, de beweging van het derde en de dienstenpresentatie van het vierde. Hoe specifieker je bent, hoe dichter het eerste ontwerp bij je idee zit.
Dit zijn geen sjablonen om uit te kiezen, maar richtingen. Stel je website samen, dan leggen we onderweg vast welke kant je op wilt.
30 stijlen
Rustig, strak en betrouwbaar.
Veel witruimte, sterke typografie en bijna geen decoratie. Alles staat in dienst van vertrouwen: je leest meteen wat er staat en waar je moet klikken. Geschikt wanneer je klanten je serieus moeten nemen voordat ze bellen.
Gebruikt in dit voorbeeld voor: Accountant, Financieel adviseur, Jurist, Consultancy
Groot, donker en zelfverzekerd.
Editorial koppen op groot formaat, cijfers die het verhaal dragen en fijne lijnen die alles bij elkaar houden. Voelt duurder dan een gewone zakelijke site, zonder opschepperig te worden.
Gebruikt in dit voorbeeld voor: Vastgoed, Investeringen, High-end consultancy, Zakelijke dienstverlening
Vrolijk, rond en uitnodigend.
Organische vormen, blije kleuren en knoppen waar je op wilt drukken. Beweging is duidelijk zichtbaar maar blijft vriendelijk. Voor bedrijven waar mensen zich meteen welkom moeten voelen.
Gebruikt in dit voorbeeld voor: Kinderopvang, Speelgoed, Kinderfeestjes, Educatie
Direct, robuust en op de zaak af.
Grote projectfoto's, duidelijke knoppen en meteen zichtbaar in welke regio je werkt. Geen gladde praatjes: reviews, keurmerken en resultaat. Gebouwd om gebeld te worden.
Gebruikt in dit voorbeeld voor: Dakdekker, Loodgieter, Aannemer, Elektricien
Een magazine, geen brochure.
Zeer groot beeld, elegante letters en composities die je van links naar rechts meenemen. Er staat weinig tekst boven de vouw en dat is een keuze: eerst de sfeer, dan pas de uitleg.
Gebruikt in dit voorbeeld voor: Interieurarchitect, Architect, Keukenbouwer, Exclusief vastgoed
Warm, zacht en verzorgd.
Natuurlijke tinten, ronde vormen en veel lucht. Alles is gericht op één ding: een afspraak maken, zonder dat het aanvoelt als verkopen.
Gebruikt in dit voorbeeld voor: Schoonheidssalon, Huidverzorging, Kapper, Wellness
Het eten doet het werk.
Beeld op groot formaat, warme kleuren en de praktische dingen altijd binnen bereik: openingstijden, kaart en reserveren. Op mobiel blijft de reserveerknop staan waar je duim zit.
Gebruikt in dit voorbeeld voor: Restaurant, Lunchroom, Bakkerij, Catering
Donker, scherp en snel.
Zwart als basis, scherpe letters en techniek die je kunt zien. Voelt snel en precies, met knoppen die eruit springen.
Gebruikt in dit voorbeeld voor: Detailing, Garage, Tuning, Autobedrijf
Technisch, zonder de standaard SaaS-look.
Rasters, interfacefragmenten en cijfers die leven. Modern en technisch, maar zonder de paarse verlopen die elk softwarebedrijf gebruikt.
Gebruikt in dit voorbeeld voor: Softwarebedrijf, Cybersecurity, IT-dienstverlener, Automatisering
Jij bent het merk.
Een groot portret, je eigen verhaal en reviews van mensen uit de buurt. Weinig beweging, veel vertrouwen.
Gebruikt in dit voorbeeld voor: Hondentrainer, Coach, Fotograaf, Praktijk aan huis
Bewust eigenwijs.
Enorme letters, een raster dat expres niet klopt en kleuren die je niet snel vergeet. Dit ontwerp mag mensen afstoten, dat is precies wat het geschikt maakt voor een merk dat opvalt.
Gebruikt in dit voorbeeld voor: Creatief bureau, Brandingstudio, Tattoo studio, Fashion
Simpel hoeft niet goedkoop te ogen.
Eén pagina, een handvol secties en één duidelijke route naar contact. Alles hangt op de typografie en de ruimte ertussen.
Gebruikt in dit voorbeeld voor: Zzp-er, Starter, Kleine dienstverlener
Scrollen als een reis.
Beelden die het scherm vullen en tijdens het scrollen in elkaar overlopen. De tekst is kort en het beeld vertelt.
Gebruikt in dit voorbeeld voor: Trouwfotograaf, Reisorganisatie, Evenementen, Outdoor
Een merk met producten, geen webshop.
Productkaarten, categorieën en sociale bewijskracht, maar zonder winkelwagen. Laat zien hoe een productgericht merk eruit kan zien voordat je aan een echte webshop begint.
Gebruikt in dit voorbeeld voor: Delicatessen, Meubelmaker, Kledingmerk, Lokale producent
Alles beweegt, niets stoort.
Het opvallendste concept: onderdelen die tijdens het scrollen op hun plek vallen, tekst die meebeweegt en secties die blijven staan terwijl het verhaal doorloopt. Beweging is hier het ontwerp, en het zet zichzelf uit voor wie daar last van heeft.
Gebruikt in dit voorbeeld voor: Innovatief merk, Premium bureau, High-end product
Donker, technisch en afgemeten.
Panelen met een afgesneden hoek, een dot-matrix over de vlakken en cijfers die het verhaal dragen. Het voelt als een bedieningsscherm, maar het blijft een website die je gewoon leest. Alles is CSS: geen 3D, geen canvas, niets dat de telefoon warm maakt.
Gebruikt in dit voorbeeld voor: AI-infrastructuur, Cybersecurity, High-tech, SaaS
Futuristisch hoeft niet zwart te zijn.
Wit, zilver en glas, met diepte uit zachte schaduwen in plaats van uit een gloed. Ruimtelijke kaarten in ongelijke maten, een product dat bijna tastbaar op de pagina ligt en typografie die alle rust neemt die ze kan krijgen.
Gebruikt in dit voorbeeld voor: Medtech, Hardware, Software, Innovatief product
Het verhaal loopt met je mee naar beneden.
Een lange homepage waarin onderdelen blijven staan, stapelen en van schaal veranderen terwijl je scrollt. De beweging vertelt iets: elke stap laat zien wat er in die fase gebeurt. Wie minder beweging wil ingesteld heeft, krijgt hetzelfde verhaal stil.
Gebruikt in dit voorbeeld voor: Energie, Duurzaam project, Coöperatie, Impactmerk
Een merk, geen salon.
Grote fotografie, ingrediënten die als kaarten worden uitgelegd en een routine die je stap voor stap meeneemt. De producten zijn te bekijken op een eigen pagina, dus je ziet meteen hoe een merk met een webshop erachter zou werken.
Gebruikt in dit voorbeeld voor: Skincare, Cosmetica, Verzorgingsmerk
Alles draait om die ene knop: afspraak maken.
Behandelingen met prijzen, de mensen die ze uitvoeren, de beschikbaarheid van deze week en een afspraakflow in drie stappen. Servicegericht in plaats van merkgericht, en op een telefoon blijft de afspraakknop onderin staan.
Gebruikt in dit voorbeeld voor: Huidkliniek, Schoonheidssalon, Pedicure, Kapper
Een echte winkel, geen sjabloon met een ander logo.
Van collectie naar productpagina naar winkelmand, met filters, maatkeuze, een galerij en een bestelknop die op een telefoon blijft staan. Dit laat zien hoe een webshop werkt als hij op maat is ontworpen in plaats van uit een thema gehaald.
Gebruikt in dit voorbeeld voor: Mode, Schoenen, Accessoires
Eén product, goed verkocht.
Conversiegericht en kleurrijk: een balk met pluspunten, een bundelkiezer die het voordeel laat zien, abonneren of eenmalig, reviews van klanten en een vergelijking met wat je nu doet. Duidelijk anders dan de rustige moderichting.
Gebruikt in dit voorbeeld voor: Koffie, Verzorging, Huishoudelijk product
Stil, donker en duur.
Geen kortingsbalk, geen afteller, geen uitroeptekens. Grote fotografie, een genummerde lijst die het beeld ernaast wisselt, een productpagina die alle rust neemt en een menu dat bijna niets laat zien. Verkopen door niet te schreeuwen.
Gebruikt in dit voorbeeld voor: Horloges, Sieraden, Exclusief interieur
Een prijsindicatie in vijf stappen.
Een aannemerssite met een offertegenerator die in vijf stappen naar een indicatie loopt: wat, hoe groot, welke uitvoering, waar en wanneer. Hij rekent niet echt, maar hij is wel volledig ontworpen, inclusief voortgang en samenvatting. Zo ziet maatwerk eruit.
Gebruikt in dit voorbeeld voor: Kozijnen, Aannemer, Dakdekker, Zonnepanelen
Reken eerst, praat daarna.
Strak en zakelijk, met een rekenhulp die meteen bovenaan staat: schuif je omzet en je aantal facturen en zie wat er te halen valt. De uitkomst is een indicatie en zegt dat er ook bij. Bewijst dat een adviseur meer kan doen dan een contactformulier tonen.
Gebruikt in dit voorbeeld voor: Accountant, Financieel adviseur, Hypotheekadviseur, Consultancy
Alles staat scheef, en dat klopt precies.
Asymmetrie, overlappende vlakken, verticale tekst en een projectlijst die het beeld verandert terwijl je erlangs gaat. Geen secties onder elkaar maar een compositie. Doorklikken naar het werk en naar één project laat zien hoe het verdergaat.
Gebruikt in dit voorbeeld voor: Ontwerpstudio, Fotograaf, Reclamebureau
Rauw, maar met opzet.
Zwart op wit, harde randen, monospace en één fel accent. Blokken die niet netjes uitlijnen, een lopende balk met tekst en hover-effecten die omklappen in plaats van vervagen. Bewust lelijk op een manier die alleen werkt als het precies klopt.
Gebruikt in dit voorbeeld voor: Ontwikkelaarscollectief, Platenlabel, Cultuur, Festival
Eén scherm, één boodschap, één knop.
Het tegenovergestelde van alles hierboven. Een kop, wat bewijs, de diensten, drie reviews en een contactblok. Verder niets. Voor wie zegt dat hij geen ingewikkelde website nodig heeft en daar helemaal gelijk in heeft: typografie en witruimte doen hier het werk.
Gebruikt in dit voorbeeld voor: Installateur, Hovenier, Klusbedrijf, Zzp-dienstverlener
Van zoekbalk naar bezichtiging.
Een makelaarssite met een zoekbalk in de kop, een aanbodpagina met filters, een woningpagina met kenmerken en buurtinformatie, en een waardebepaling als aparte route. Drie pagina's, zodat je ziet hoe het doorloopt in plaats van waar het ophoudt.
Gebruikt in dit voorbeeld voor: Makelaar, Nieuwbouwproject, Beleggingsvastgoed
Sfeer eerst, boeken meteen daarna.
Grote fotografie, kamers met prijzen, arrangementen, het restaurant en een boekwidget die blijft staan terwijl je leest. De kamerpagina laat zien wat er in zo'n kamer zit. Veel beeld, maar de foto's laden pas als ze in zicht komen.
Gebruikt in dit voorbeeld voor: Boutique hotel, Resort, Vakantieverblijf, Landgoed
Dat is de normale uitkomst. Bijna niemand kiest één concept en houdt het daarbij. Wijs aan wat er in de buurt komt, zeg erbij wat je er mooi aan vindt en wat niet, en daar ontwerpen we jouw site omheen, en die wordt uiteindelijk van jou alleen.
Overleg met ons