001 VCS

Ontwerpen voor
mensen, coderen
voor resultaat.

Digital Designer Scroll
001 INTRODUCTIE
Ik ben een digital designer die ontwerpt voor mensen en bouwt voor resultaat.
Door de belangen van gebruikers centraal te stellen in mijn proces,
transformeer ik Figma-concepten naar krachtige browser-ervaringen
waar techniek en een positieve gebruikersreis onlosmakelijk met elkaar verbonden zijn.
Idee
Doelgroep­onderzoek
Ontwerpen kern
Testen kern
Coderen kern
Gebruikers­ervaring uitkomst
Dit zijn de principes
waar ik mij bij elk
project aan houd
Scroll

Leergierig

De digitale wereld vraagt om een proactieve houding; ik wacht niet af tot kennis naar mij toe komt, maar ga er zelf naar op zoek. Of het nu gaat om het verfijnen van mijn codeerskills of het ontdekken van nieuwe designtools buiten mijn studie om, mijn drive om te blijven verbeteren is de motor achter mijn groei. Stilstand is voor mij geen optie; ik wil mezelf elke dag uitdagen om een completere designer te worden.

Gedisciplineerd

Kwaliteit ontstaat door doorzettingsvermogen. Mijn achtergrond in de duursport heeft mij geleerd dat focus en uithoudingsvermogen essentieel zijn om de finish te halen. Deze mentaliteit vertaal ik direct naar mijn werkethiek: ik ga voor het hoogst haalbare resultaat, werk volgens een strakke planning en zorg dat elk detail klopt, van de eerste schets tot de uiteindelijke realisatie.

Gestructureerd

Een sterk ontwerp heeft een helder fundament nodig om effectief te kunnen communiceren. Door consequent gebruik te maken van gridsystemen en witruimte, creëer ik rust en overzicht voor de gebruiker. Mijn aanpak is logisch en georganiseerd, waardoor complexe vraagstukken worden getransformeerd naar een professionele, consistente en verzorgde interface.

Hybride

Design en code zijn voor mij onlosmakelijk met elkaar verbonden; ik ben de brug tussen de tekentafel en de techniek. Ik ontwerp niet alleen in Figma, maar begrijp ook precies hoe een visuele visie in de browser tot leven komt. Door de taal van beide werelden te spreken, zorg ik dat een strak ontwerp naadloos overgaat in een werkende realiteit, waarbij kwaliteit en vakmanschap in elke regel code behouden blijven.

003 MIJN WERKEN
  • VCS
  • Green Up
  • Posters
001 — Project

VCS

Voetbalclub identiteit & website herontwerp

Jaar 2026
Rol UX/UI Designer & Developer
Deliverable Website Redesign & Hi-fi Prototype
Tools Figma · HTML · CSS

Voor voetbalvereniging VCS Den Haag heb ik een herontwerp gerealiseerd dat de kloof tussen de warme clubcultuur en de digitale gebruikerservaring dicht.

UX Research UI Design Accessibility (WCAG) Web Development Performance Optimization

Door de behoeften van persona's zoals de voorzitter en de nieuwkomers centraal te stellen, is de website getransformeerd tot een toegankelijk middelpunt voor jong en oud.

MacBooks laden…
Telefoons laden…
Magazines laden…

Het proces begon in Figma, waar het concept "VCS Thuisbasis" is vertaald naar een visuele balans tussen clubwarmte en structurele helderheid.

01 —

Onderzoek

Door middel van stakeholder-interviews en een thematische analyse zijn de kernwaarden "saamhorigheid" en "vriendschap" geïdentificeerd.

02 —

Ontwerp

Vanuit het dilemma tussen "Strak" en "Verbeelding" is een visuele identiteit ontstaan die rust uitstraalt door ruimtelijke witruimte.

03 —

Ontwikkeling

De realisatie vond plaats via handmatige codering met CSS Grid en Flexbox voor een volledig responsive resultaat.

styles/hero.css
/* Hero layout — VCS Thuisbasis */
.hero-section {
  display:               grid;
  grid-template-columns:  repeat(12, 1fr);
  gap:                  var(--spacing-xl);
  align-items:          center;
}
.hero-title {
  grid-column:          1 / 8;
  font-size:            clamp(3rem, 8vw, 7rem);
  font-weight:          800;
}
Volgend project Green Up
004 OVER MIJ
01 / OVER MIJ
DIGITALE ARCHITECT

Ik ben Hidde Vermaas, een digital designer die gelooft dat een succesvol product begint bij een onwrikbaar fundament. Ik combineer onderzoek, psychologie en techniek om digitale omgevingen te creëren waar de gebruiker zich echt thuisvoelt — en die meetbare resultaten opleveren.

02 / WIE BEN IK
BLAUWDRUK METHODE

Geen pixel zonder reden. Ik trek eerst de lijnen op een strikt 12-koloms grid voordat ik begin met bouwen. Witruimte wordt functionele luxe. De discipline uit duursport en muziek geeft mij het ritme om elk detail te verfijnen tot het klopt — pixel-perfect, elke keer.

03 / HOE IK ONTWERP
GEBRUIKER ALS BASIS

Een project begint niet in Figma, maar bij de mens aan de andere kant van het scherm. Door stakeholder-interviews en persona-analyses breng ik de echte behoeften in kaart. Vervolgens sla ik de brug: ik ontwerp niet alleen interfaces, maar bouw ze ook met semantische HTML en CSS.

04 / GEREEDSCHAPSKIST
Mijn Gereedschapskist

Van ontwerp tot code, van ritme tot teamwork — tools en eigenschappen waarmee ik elke dag werk.

FIGMA HTML CSS ADOBE INDESIGN PIANO TEAMSPORT
05 / CONTACT
LATEN WE BOUWEN.

Op zoek naar een leergierige stagiair die de volledige cyclus van Think, Make en Break beheerst? Ik kom graag in contact om te bespreken hoe ik waarde kan toevoegen aan jullie team.

Copy email
LinkedIn →