Een ontwerp dat je merk online laat leven.
Je website is vaak de eerste plek waar mensen je merk ervaren. Het ontwerp bepaalt of ze blijven, of ze je vertrouwen en of ze contact opnemen. Goed UI design maakt je merk online voelbaar, maakt informatie makkelijk te begrijpen en leidt bezoekers vanzelf naar de volgende stap. Op elk scherm, van smartphone tot breed beeldscherm.
We vertalen je merkidentiteit en de wireframes naar een volledig visueel ontwerp. We beginnen met de belangrijkste pagina's, zoals de homepage en een dienst- of productpagina, en leggen die aan je voor. Na je feedback ontwerpen we de overige pagina's en componenten. Daarbij ontwerpen we altijd voor desktop én mobiel, en denken we na over beweging en interactie: hoe een pagina opent, hoe knoppen reageren en hoe elementen in beeld komen. Alle onderdelen leggen we vast als herbruikbare componenten in Figma, zodat het ontwerp naadloos aansluit op de ontwikkeling en je straks zelf pagina's kunt samenstellen in het CMS.
Stijl bepalen
Op basis van je identiteit en de wireframes bepalen we de visuele richting voor de website. Hoe worden kleur, typografie, beeld en beweging online ingezet, zodat je merk voelbaar wordt?
Sleutelpagina's
We ontwerpen eerst de meest bepalende pagina's, zoals de homepage en een dienst- of productpagina. Zo kun je beoordelen of de richting klopt voordat alle pagina's worden uitgewerkt.
Uitwerken
Na je feedback ontwerpen we de overige pagina's en componenten, voor desktop en voor mobiel. In twee feedbackrondes verfijnen we het ontwerp tot alles klopt.
Overdragen
We leggen het ontwerp vast als componentenbibliotheek in Figma, met interacties en animaties. Zo kunnen de ontwikkelaars het één op één bouwen, en vormt het de basis voor je designsysteem.
Wat goed UI-design oplevert
Merkbeleving
Je website voelt als je merk en maakt indruk vanaf het eerste moment.
Duidelijkheid
Een helder ontwerp maakt informatie makkelijk te vinden en te begrijpen.
Op elk scherm
Het ontwerp werkt op smartphone, tablet en desktop.
We ontwerpen niet elke pagina apart, maar de paginatypes en componenten waarmee je website wordt opgebouwd. Denk aan een homepage, een dienstpagina, een overzicht met cases, een detailpagina en een contactpagina. Hoeveel paginatypes nodig zijn, volgt uit de structuur en UX.
Met de componenten kun je daarna zelf nieuwe pagina's samenstellen in het CMS, zonder dat er opnieuw ontworpen hoeft te worden.
Altijd. Een groot deel van je bezoekers komt via de smartphone. We ontwerpen de belangrijkste pagina's voor mobiel en desktop, en zorgen dat alle componenten zich goed aanpassen aan elk schermformaat. Zo werkt je website overal even goed.
Er zijn twee feedbackrondes voor de sleutelpagina's en twee voor de overige pagina's. Zo kun je eerst de richting beoordelen en daarna de uitwerking. Feedback verzamelen we via één aanspreekpunt aan jouw kant, zodat de opmerkingen helder en consistent zijn.
Dat kan, maar je website wordt sterker met een duidelijke basis. Zonder identiteit worden ontwerpkeuzes al snel een kwestie van smaak. We kunnen eerst een compact merkconcept of een visuele identiteit ontwikkelen, en die direct doorvertalen naar de website. Zo werk je in één traject aan merk en website.
We ontwerpen volgens de WCAG 2.1 AA-richtlijnen. Dat betekent voldoende contrast, leesbare tekst, duidelijke focusstaten en een logische opbouw. Een toegankelijke website is beter bruikbaar voor iedereen, en helpt ook bij je vindbaarheid. Bij de websiteontwikkeling bouwen en testen we dat verder door.
Het ontwerp wordt gebouwd door onze eigen ontwikkelaars, die vanaf het begin betrokken zijn. Zo weten we zeker dat wat ontworpen is ook technisch werkt. Alle componenten leggen we vast in een designsysteem, zodat je website ook bij uitbreidingen consistent blijft.