01Strategie & UX
Voordat er iets ontworpen wordt, wil ik je doel, je doelgroep en hun navigatiegedrag begrijpen. Structuur, user flows en wireframes volgen van daaruit.
- Sitemaps
- User flows
- Wireframes
- Responsive design
- Toegankelijkheid
Website laten maken
UX/UI design en front-end development door één persoon — van eerste idee tot live site.
Wat voor websites ik maak
Ik bouw maatwerk websites voor bedrijven en zelfstandigen die iets willen dat er doordacht uitziet en goed werkt. Geen templates, geen snelle oplossingen.
UX/UI design en front-end development doe ik zelf. Dat betekent dat dezelfde persoon die je navigatie ontwerpt ook de code schrijft — en betrokken blijft tot en met de oplevering.
Je communiceert gedurende het hele project rechtstreeks met mij. Geen accountmanagers, geen context die verloren gaat tussen afdelingen.
Gewerkt voor
Wat er in een websiteproject zit
02UI & visueel design
Als de structuur klopt, volgt de visuele laag. Van losse schermen tot een consistent design system dat op iedere pagina samenhangt.
- Interface design
- Design systems
- Merkintegratie
- Figma
03Interactie & animatie
Doordachte beweging maakt een website levendig zonder afleidend te zijn. Overgangen, micro-interacties en scrollgedrag die de ervaring versterken.
- CSS animaties
- GSAP
- Scroll effecten
- Micro-interacties
04Front-end development
Design dat netjes in code vertaalt. Semantische HTML, responsieve layouts, prestatiegericht bouwen, CMS-integratie en oplevering klaar voor gebruik.
- Next.js
- React
- TypeScript
- Performance
- CMS integratie
Illustratie van Donna die zwaait achter haar laptop on the left, Dezelfde afbeelding van Donna, opgebouwd als ASCII-portret met cijfers on the right.
Eén lijn van briefing tot livegang
Feedback komt rechtstreeks bij mij terecht. Daardoor blijft helder waarom keuzes zijn gemaakt en worden ze consequent doorgetrokken in het eindresultaat.
Design, development of allebei
Alleen design nodig? Dan ontwerp ik met kennis van wat technisch haalbaar is. Alleen development? Dan bouw ik met oog voor de visuele keuzes en gebruikservaring. Bij een volledig traject komen beide van begin tot eind samen.
Werkt voor de gebruiker én voor jou
Bezoekers krijgen een toegankelijke website die prettig werkt. Jij krijgt een website die overzichtelijk is opgebouwd, makkelijk kan meegroeien en waar nodig zelf te beheren is.
Werk dat bleef hangen
Kies een weergave
Graduation Project: chArlIe
UX Design, Development
Placeholder 01
AI, Graphic Design
Placeholder 02
Animation, Hobby
Placeholder 01
AI, Graphic Design
Placeholder 02
Animation, Hobby
Graduation Project: chArlIe — 1 / 3
Bekijk meer werk →Graduation Project: chArlIe
UX Design, Development
Bekijk het projectPlaceholder 01
AI, Graphic Design
Placeholder 02
Animation, Hobby
Zo ziet samenwerken eruit
Kennismaking
We bespreken wat je wilt bereiken, voor wie de website bedoeld is en wat daarvoor nodig is. Daarna ontvang je een helder voorstel.
Richting bepalen
Ik werk de eerste richting uit en licht de gemaakte keuzes toe. Je kijkt mee en geeft feedback voordat we verdergaan.
Maken en aanscherpen
De gekozen richting wordt uitgewerkt tot een complete, werkende website. Onderweg testen en verfijnen we wat nodig is, tot alles klopt.
Live en verder
Na de laatste controles gaat de website live. Je krijgt uitleg over het beheer. Daarna kun je zelf verder, of ik blijf betrokken voor onderhoud en verdere aanpassingen.
Een websiteproject in gedachten?
Vertel me wat je van plan bent. Zelfs als het nog vaag is — een kort gesprek brengt vaak al snel duidelijkheid.
Neem contact opLieve woorden
Samenwerken met Donna voelde moeiteloos. Ze begreep de briefing meteen en leverde iets op dat onze verwachtingen overtrof. De aandacht voor detail in zowel het design als de code is zeldzaam.
Donna heeft het vermogen om complexe dingen simpel te laten voelen. Ons product ging van verwarrend naar intuïtief, en gebruikers merkten het echt. Ze is inmiddels onze vaste keuze voor alles wat digitaal is.
Van het eerste gesprek tot de eindoplevering verliep alles soepel en transparant. De animaties die ze bouwde brachten ons merk tot leven op een manier die we zelf niet hadden kunnen bedenken.
Vragen
Dat hangt af van de scope. Een overzichtelijke website met een paar pagina's is anders dan een platform met complexe interacties. Ik werk op projectbasis en stuur na een eerste gesprek een gedetailleerde offerte.
Een gemiddeld project duurt vier tot acht weken. Dat omvat design, feedbackrondes, development en oplevering. De doorlooptijd verschilt per scope en hoe snel feedbackrondes gaan.
Allebei. Ik verzorg UX/UI design en front-end development vanuit dezelfde werkplek. Als je project alleen één van de twee nodig heeft, kan dat ook.
Ja. Ik kan een CMS integreren zodat je zelf content kunt bijwerken zonder code aan te raken. We bepalen samen de juiste aanpak op basis van hoe vaak je verwacht wijzigingen te doen.
Ja. Als je al een logo, kleurenpalet en typografie hebt, ontwerp ik binnen die richtlijnen. Moet de huisstijl ook nog worden uitgewerkt, dan kan dat onderdeel zijn van de scope.
Soms. Dat hangt af van waarmee de site gebouwd is en wat er verbeterd moet worden. Neem contact op met de details, dan geef ik een eerlijk antwoord over wat haalbaar is.
Ja. Responsive design is het uitgangspunt, geen bijzaak. Elk ontwerp wordt ontworpen en getest op verschillende schermformaten.
Een korte briefing is genoeg om een gesprek te starten. Enig idee van wat de website moet doen, voor wie en eventueel voorbeelden die je aanspreken. De rest kan groeien vanuit het eerste gesprek.