KENNISBANK / VOORBEREIDING
Een website zonder complete huisstijl?
Nog niet alles staat vast.
Wel een herkenbare start.
Een website laten maken zonder complete huisstijl? Lees welke ontwerpkeuzes nodig zijn en hoe kleuren, letters en beelden één herkenbaar geheel vormen.
Lees de uitleg ↗
Ja. Voor een website heb je niet altijd eerst een uitgebreid huisstijlhandboek nodig. Je hebt wel consistente keuzes nodig voor naamweergave, kleuren, letters, beelden en onderdelen zoals knoppen. Spreek af of die basis binnen het websiteontwerp wordt uitgewerkt of dat apart merk- en logo-ontwerp nodig is.
START MET WAT ER IS
Welke keuzes
heb je al gemaakt?
Misschien heb je een bedrijfsnaam en een eenvoudig logo, maar nog geen vaste kleuren of lettertypes. Dat hoeft een websiteproject niet stil te zetten. Breng eerst in kaart welke onderdelen er al zijn en welke keuzes nog openstaan.
Verzamel logo-bestanden, drukwerk en voorbeelden van eerder gebruikt materiaal. Geef aan wat behouden moet blijven en wat mag veranderen. Een visitekaartje kan bijvoorbeeld een kleur laten zien die je herkent, terwijl het gebruikte lettertype online minder geschikt blijkt.
Beschrijf vervolgens je bedrijf en doelgroep. Een rustige adviseurswebsite vraagt een andere uitstraling dan een speelse winkel, maar beide moeten duidelijk leesbaar en bruikbaar zijn. Vertel welk gevoel past bij je dienstverlening en onderbouw dat met concrete voorbeelden.
Naam en herkenning
Bepaal hoe de bedrijfsnaam in de kop van de website verschijnt. Is er een bruikbaar logo, dan nemen we dat als uitgangspunt. Een nieuw logo is een afzonderlijke ontwerpvraag.
Kleur en letters
Kies een kleine samenhangende set en leg de toepassing vast. Niet iedere kleur past als tekst op iedere achtergrond. Beoordeel leesbaarheid in echte paginaonderdelen.
Beeld en onderdelen
Spreek af welke foto- of illustratiestijl past en hoe knoppen, kaarten en formulieren eruitzien. Herhaling van die keuzes geeft de website samenhang.
EVIE MAAKT HET CONCREET
Een werkbare basis.
Geen eindeloze keuzelijst.
Dit stijlvoorbeeld laat zien hoe een beperkt aantal keuzes kan samenwerken. De kleuren keren terug in knoppen en vlakken, letters krijgen vaste rollen en de beeldkeuze sluit daarop aan.
Bij webdesign bekijken we de stijl op echte schermen. Een los kleurenpalet is pas bruikbaar als het ook werkt in koppen, tekst en contactonderdelen.
MAAK HET ZICHTBAAR
Van losse voorkeuren
naar één voorbeeldpagina.
Begin bij voorkeur met een representatief stuk van de website. Daarin zie je een kop, lopende tekst, beeld, knop en een inhoudelijk blok samen. Dat geeft meer houvast dan alleen een losse letter of kleur beoordelen.
Neem een denkbeeldige lokale interieuradviseur. Zij heeft een bedrijfsnaam, portret en enkele projectfoto’s, maar nog geen handboek. Een eerste ontwerp kan werken met een rustig lettertype voor tekst, een uitgesprokener kopletter en een beperkt aantal kleuren die bij haar beelden passen.
Daarna beoordeel je of de stijl aansluit op haar aanbod. Is de tekst prettig te lezen? Zijn belangrijke knoppen herkenbaar? Komen haar eigen foto’s goed tot hun recht? Pas na die beoordeling trek je de richting door naar andere pagina’s.
Gebruik voorkeuren als startpunt, niet als afzonderlijke opdrachten per onderdeel. Als elke pagina een andere sfeer krijgt, raakt de samenhang zoek. Leg daarom vast welke elementen steeds terugkomen en waar ruimte is voor afwisseling.
Ook een bestaande huisstijl moet naar het web worden vertaald. Een drukwerkopmaak schaalt niet automatisch goed naar een telefoon. Logo, kleuren en letterkeuzes kunnen behouden blijven, terwijl ruimteverdeling, tekstgrootte en navigatie voor het scherm worden uitgewerkt.
LEG DE OMVANG VAST
Wat valt binnen
het websiteontwerp?
Een visuele basis voor je site is niet hetzelfde als een complete merkontwikkeling. Onderwerpen zoals naamonderzoek, een nieuw logo, verpakking, drukwerk en uitgebreide merkrichtlijnen kunnen een andere opdracht vormen. Bespreek vooraf wat je nodig hebt en wat binnen het voorstel valt.
Lever bij een bestaand logo bij voorkeur het oorspronkelijke bruikbare bestand aan en geef aan welke versies beschikbaar zijn. Een klein plaatje uit een document is niet altijd geschikt voor verschillende schermgroottes. Noteer ontbrekende bestanden als open punt.
Bespreek ook het gebruik van lettertypes en beelden. Welke bestanden of licenties zijn beschikbaar voor de website, en wie regelt aanvullend materiaal? Kies niet alleen op basis van een voorbeeldafbeelding zonder te weten of het materiaal bruikbaar is in het project.
Een compacte stijlafspraak
Bewaar de vastgestelde basis bij het project. Daarmee kunnen nieuwe pagina’s later aansluiten op wat al is ontworpen.
- Bedrijfsnaam en beschikbare logo-versies.
- Hoofd-, achtergrond- en accentkleuren met hun toepassing.
- Letterkeuzes voor koppen, tekst en knoppen.
- Richting voor foto’s en illustraties.
- Voorbeelden van terugkerende paginaonderdelen.
- Open keuzes en de persoon die akkoord geeft.
Een kleine start kan later verder worden uitgewerkt. Als je uitstraling later verandert, is het wel verstandig om de gevolgen voor bestaande pagina’s mee te nemen. Alleen een nieuwe kleur toevoegen kan onvoldoende zijn als ook logo, fotografie en typografie veranderen.
Gebruik de websitebriefing om je voorkeuren en beschikbare materialen te verzamelen. Bij een website laten maken spreken we de benodigde ontwerpomvang af. Heb je al een website, bekijk dan of aanpassen of vernieuwen past.
NOG EVEN DIT
Veelgestelde vragen.
Moet ik eerst een nieuw logo laten maken?
Niet altijd. We bekijken welke herkenbare basis er al is. Een volledig nieuw logo is een aparte keuze en wordt niet vanzelf onderdeel van een websitepakket.
Kan ik zelf kleuren voorstellen?
Ja. Geef ook aan waarom die passen en wat je wilt behouden. We beoordelen de combinatie vervolgens in echte paginaonderdelen, inclusief tekst en knoppen.
Kan een website later een andere huisstijl krijgen?
Dat kan, maar de hoeveelheid werk hangt af van wat verandert. Bewaar consistente stijlkeuzes en bespreek een latere wijziging als een afgebakende opdracht.
VAN LEZEN NAAR EEN PLAN
Jouw plannen.
Samen concreet maken.
Vanuit Rotterdam helpen we zzp’ers en kleine bedrijven met websites en webshops. We bespreken de inhoud, werkzaamheden en kosten vooraf, bij ons of bij jou op locatie.
Onze contactgegevens volgen binnenkort.