Ontwerpen, bouwen en verbeteren van websites

Ik ben Robin Poort, front-end designer uit Hilversum. Wat ik ontwerp kan ik ook zelf bouwen. Dat scheelt een overdracht, en dat is precies de plek waar het normaal mis kan gaan. Ik kom een probleem tegen terwijl het ontwerp nog openligt en niet pas bij de oplevering.

Ik werk voor organisaties die zelf ontwikkelaars in dienst hebben of een vaste bouwpartij, en die er een specialist naast willen.

Hieronder staat wat dat concreet inhoudt. Wat je beter aan iemand anders overlaat staat er ook bij, want dat scheelt ons beiden een gesprek.

Ontwerpen

Voor als er iets moet komen dat er nog niet is.

Een ontwerp begint bij wat er op het scherm moet gebeuren en niet bij hoe het eruitziet. Wie komt hier, wat wil diegene voor elkaar krijgen, en wat staat daarbij in de weg. Pas als dat helder is, ga ik vormgeven.

Je krijgt een uitgewerkt ontwerp in Figma, inclusief de toestanden die vaak pas bij de bouw opduiken: een overzicht dat nog leeg is, een formulier met een fout erin, een naam van veertig tekens. Gaat het om meer dan een handvol schermen, dan leg ik kleur, typografie, ruimte en de componenten vast als design system, zodat de dertigste pagina goedkoper is dan de eerste.

Naast digitaal ontwerp doe ik ook het merk eromheen. Dat is werk voor teams die wel marketeers hebben maar geen ontwerper, en die nu voor elke uiting een bureau moeten inschakelen.

Website- en interfaceontwerp Design system Branding

Bouwen

Voor als het ontwerp er is en het ook echt moet werken.

Ik lever de front-end als losse HTML en CSS die in jullie eigen systeem passen. Meestal werk ik daarbij naast de mensen die de achterkant bouwen, en spreken we aan het begin af waar mijn werk ophoudt en dat van hen begint. Dat is een van de plekken waar projecten stilvallen, en achteraf is het duurder om uit te zoeken.

Toegankelijkheid en gebruiksvriendelijkheid verkoop ik niet los. Het zijn geen opties die je erbij kunt nemen, het is wat er gebeurt als je het tijdens de bouw goed doet. Een knop die ook echt een knop is, een invoerveld met een label, een volgorde die klopt als je met het toetsenbord navigeert. Dit soort dingen kosten bij het bouwen bijna niets, maar zorgen achteraf voor een flinke verbouwing. Wat ik oplever loop ik na met een toetsenbord en met een screenreader, want dat is te controleren en een aanname niet.

Toegankelijkheid Gebruiksvriendelijkheid Interactie en animatie

Verbeteren

Voor als er al iets staat dat niet doet wat het moet doen.

Ik begin met meten en niet met verbouwen. Wat iemand meldt als traagheid blijkt vaak iets anders te zijn, bijvoorbeeld geen laadtijd maar beweging in de pagina, geen zware server maar een afbeelding zonder afmetingen. Zolang dat niet is vastgesteld herbouw je op goed geluk, en dan weet je achteraf nog steeds niet wat het heeft gedaan.

Daarna herschrijf ik wat nodig is en meet ik opnieuw, zodat er een voor en een na is. De uitkomst is regelmatig dat er code weg kan, want minder CSS die hetzelfde doet is ook minder dat kan breken.

Een meting van je site Code opschonen Toetsen bij echte gebruikers

Het blijft bijzonder hoeveel hij met zo weinig woorden weet te realiseren.

Met Robin haalden we een echte specialist in huis. Hij heeft weinig uitleg nodig om tot een sterk resultaat te komen en begrijpt snel wat we doen en willen bereiken. Niet alleen het eindresultaat is prachtig, maar ook hoe hij meedenkt, structuur aanbrengt en zijn voorstellen presenteert.