Erik Kuijper UI/UX Designer
& Developer

Ontwerpt én ontwikkelt, slim versneld met AI

uut Grunn!

Specialismen

01 / 05
01

UX/UI Design, in Figma

Ik begin bij de gebruiker: wat wil een bezoeker, en waar haakt hij af? In Figma maak ik wireframes, ontwerpen en klikbare prototypes, met een vast systeem van kleuren, typografie en componenten. Zo zie je precies wat je krijgt, vóór er één regel code is geschreven.

  • Figma
  • Wireframes
  • Prototypes
  • Designsystemen
  • Gebruikersflows
  • Figma
  • Photoshop
  • Affinity
02

Front-end development

Mijn ontwerpen bouw ik zelf, pixelperfect, in schone HTML, CSS en JavaScript. Responsive, toegankelijk en razendsnel, zonder rommel of onnodige afhankelijkheden. Wat in Figma staat, staat zo ook in de browser.

  • HTML
  • CSS
  • JavaScript
  • GSAP
  • Responsive
  • PageSpeed
  • HTML
  • CSS
  • JavaScript
03

PHP & WordPress, echte back-end

Ik ben een echte PHP-developer en al jaren WordPress-specialist: eigen thema's, WooCommerce-maatwerk en koppelingen met systemen als Exact en DPD. Code die ik zelf begrijp, onderhoud en kan uitleggen.

Juist nu AI alles verandert, blijft WordPress sterk. Met de juiste tools en connectoren werkt AI direct mee in je site, terwijl jij een vertrouwd CMS houdt waarin je alles zelf beheert.

  • PHP
  • WordPress
  • WooCommerce
  • API-koppelingen
  • AI-connectoren
  • Exact
  • DPD
WordPress specialist Webshop laten maken
  • PHP
  • WordPress
  • WooCommerce
  • LocalWP
04

Slim met AI, niet zómaar AI

AI helpt me sneller onderzoeken, schetsen, schrijven en programmeren. Maar elk ontwerp en elke regel code gaat langs mij: ik weet wat er gebeurt en waarom. Jij krijgt de snelheid van AI, met het vakmanschap van iemand die het ook zonder kan.

  • Sneller prototypen
  • Code review
  • Content
  • Altijd gecontroleerd
  • Claude
  • VS Code
05

Webhosting, snel en veilig

Ik zorg ook dat je site razendsnel online staat en blijft. Statische sites draaien bij mij op Cloudflare, wereldwijd dichtbij je bezoeker, met DNS, SSL en beveiliging op één plek. De code staat in GitHub: elke wijziging is terug te vinden en een update staat binnen een minuut live.

WordPress-sites host ik op LiteSpeed-servers met LiteSpeed Cache, voor de beste snelheid uit je CMS. En verhuizen van je oude hosting regel ik van begin tot eind.

  • Cloudflare
  • DNS & SSL
  • GitHub
  • LiteSpeed
  • Migraties
Je website sneller maken
  • Cloudflare
  • GitHub
  • LiteSpeed

Vertrouwd door

  • UMCG
  • Loodshotel Vlieland
  • Ameland
  • Drents Museum
  • Jan de Jong Top Movers
  • NL-Lab
  • FlexVirtual
  • DMT-ET
  • Alex van Ginneken
  • Eurofiber
  • AnkerStuy
  • Easie.nl

Amoi! Zoals we dat zeggn in gunnnnnnn...

Een tech-nerd met een sociaal randje. Wat ik ontwerp, ontwikkel ik ook echt.

Ik ben designer én developer. Zonder vertaalslag en zonder dat er onderweg iets verloren gaat.

Erik Kuijper lachend achter zijn laptop

Geselecteerd werk

Met trots opgeleverd(13)

Geen standaardthema's: elk project is maatwerk, met eigen code.

  • HTML
  • CSS
  • JavaScript
  • PHP
  • WordPress
  • WooCommerce
  1. Schermafbeelding van de website van Podoblock
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • WooCommerce
    De vraag

    Al meer dan 10 jaar werk ik samen met Podoblock. We begonnen met een site waarop klanten een offerte aanvroegen: online betalen voor grote bedragen was toen nog niet gebruikelijk.

    Wat ik deed

    Ik ontwierp en ontwikkelde de overstap naar een volwaardige WooCommerce-webshop, gekoppeld aan Exact. Voor partners maakte ik een eigen omgeving waarin ze inloggen en met korting bestellen. De shop draait op Kinsta met CDN, zodat hij overal ter wereld snel is.

    Resultaat

    Klanten wereldwijd bestellen nu zelf online, ook producten van grote bedragen. De webshop groeide mee naar 10 talen.

    • UI/UX Design
    • WordPress-thema
    • Exact-koppeling
    • 10 talen
    • Kinsta-hosting
    Bekijk de website
  2. Schermafbeelding van de website van Mannenwinkel
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • WooCommerce
    De vraag

    Het oude webwinkelsysteem was slecht onderhouden en niet meer bij te werken. Het team liep er dagelijks tegenaan.

    Wat ik deed

    Ik ontwierp een strakke, stoere maar rustige uitstraling, met een UX die klanten helder adviseert en naar de winkelmand leidt. Daaronder ontwikkelde ik een WooCommerce-shop met DPD-koppeling en LiteSpeed-caching.

    Resultaat

    Medewerkers vullen de shop nu zelf, houden de voorraad bij en verzenden dagelijks bestellingen rechtstreeks via DPD. En de site is razendsnel.

    • UI/UX Design
    • WordPress-thema
    • DPD-koppeling
    • LiteSpeed-hosting
    Bekijk de website
  3. Schermafbeelding van de website van Urban Health Squares
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    De vraag

    Samen met FitBrand uit Groningen. FitBrand leverde pixelperfecte ontwerpen; die moesten een razendsnelle website worden die de klant zelf kan bijhouden.

    Wat ik deed

    Ik ontwikkelde een custom WordPress-thema met eigen pattern blocks. De klant past alles zelf aan, terwijl de vastgelegde stijlen altijd behouden blijven.

    Resultaat

    Een snelle website die de visuele stijl precies weergeeft, en die de klant eenvoudig zelf beheert.

    • WordPress-thema
    • Pattern blocks
    • PageSpeed
    • SEO
    Bekijk de website
  4. Schermafbeelding van de website van Shufu Cuisine
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    De vraag

    Een restaurantconcept met veel keuze uit verschillende wereldkeukens. De site moest rust uitstralen en de menukaart makkelijk te verkennen maken.

    Wat ik deed

    Ik ontwierp een rustig design dat naadloos aansluit op het logo, met een overzichtelijke menukaart en een dark mode. Daarna ontwikkelde ik het als custom WordPress-thema.

    Resultaat

    Een snelle, goed vindbare website waar de foto's van de gerechten het werk doen.

    • UI/UX Design
    • WordPress-thema
    • Dark mode
    • PageSpeed
    • SEO
    Bekijk de website
  5. Schermafbeelding van de website van Buro Wierda
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    De vraag

    Een ontwerpbureau dat ruimtes vormgeeft, verdient een website die net zo zorgvuldig aanvoelt.

    Wat ik deed

    Ik ontwikkelde de site als WordPress-maatwerk, met veel aandacht voor detail, vloeiende effecten en snelheid.

    Resultaat

    Een naadloze gebruikerservaring: de effecten maken indruk, zonder dat de site trager wordt.

    • WordPress maatwerk
    • Animaties
    • PageSpeed
    • SEO
    Bekijk de website
  6. Schermafbeelding van de website van Gedenkwebshop
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • WooCommerce
    • UI/UX Design
    • DPD-koppeling
    • LiteSpeed CDN
    • SEO
    Bekijk de website
  7. Schermafbeelding van de website van Fries Straatfestival
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • WordPress-thema
    • Filtersysteem
    • PageSpeed
    Bekijk de website
  8. Schermafbeelding van de website van U-nited Detachering
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • UI/UX Design
    • WordPress-thema
    • SEO
    Bekijk de website
  9. Schermafbeelding van de website van Bijkon Dak & Wand
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • UI/UX Design
    • WordPress-thema
    • PageSpeed
    • SEO
    Bekijk de website
  10. Schermafbeelding van de website van Bouwbedrijf van Marrum
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • WordPress-thema
    • PageSpeed
    • SEO
    Bekijk de website
  11. Schermafbeelding van de website van House of Sleep
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • WordPress-thema
    • LiteSpeed CDN
    Bekijk de website
  12. Schermafbeelding van de website van Naar Bouw en Techniek
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • WordPress-thema
    • PageSpeed
    Bekijk de website
  13. Schermafbeelding van de website van De Smaak Stoet
    Gebouwd met
    • HTML
    • CSS
    • JavaScript
    • PHP
    • WordPress
    • WordPress-thema
    • PageSpeed
    Bekijk de website

Concept: alleen zichtbaar op localhost (of met ?concept). Vul de velden tussen [ ] in, dan zetten we ’m live.

Uitgelicht

Cases, van vraag tot resultaat

Screenshot vóórimg/cases/case1-voor.webp
Screenshot naimg/cases/case1-na.webp
VóórNa

[Klant] · [Branche] · [Jaar]

[Case 1: korte titel, bijv. ‘Van trage WordPress-site naar 100/100 PageSpeed’]

De vraag
[Wat was het probleem of doel van de klant? 1–2 zinnen.]
Mijn aanpak
[Wat heb je gedaan: onderzoek, ontwerp in Figma, bouw, koppelingen? 2–3 zinnen.]
  • [+00%][resultaat 1, bijv. meer aanvragen]
  • [0,0 s][resultaat 2, bijv. laadtijd]
  • [100][resultaat 3, bijv. PageSpeed]
Wat de klant zegt

“[Citaat van de klant: 2–3 zinnen over de samenwerking en het resultaat.]”

[Naam][Functie, bedrijf]

Screenshot vóórimg/cases/case2-voor.webp
Screenshot naimg/cases/case2-na.webp
VóórNa

[Klant] · [Branche] · [Jaar]

[Case 2: korte titel, bijv. ‘Van trage WordPress-site naar 100/100 PageSpeed’]

De vraag
[Wat was het probleem of doel van de klant? 1–2 zinnen.]
Mijn aanpak
[Wat heb je gedaan: onderzoek, ontwerp in Figma, bouw, koppelingen? 2–3 zinnen.]
  • [+00%][resultaat 1, bijv. meer aanvragen]
  • [0,0 s][resultaat 2, bijv. laadtijd]
  • [100][resultaat 3, bijv. PageSpeed]
Wat de klant zegt

“[Citaat van de klant: 2–3 zinnen over de samenwerking en het resultaat.]”

[Naam][Functie, bedrijf]

Werkwijze

Zo werk ik

Van eerste kop koffie tot een site die blijft presteren. Eén aanspreekpunt, van ontwerp tot hosting, zonder dat er onderweg iets verloren gaat.

  1. 01

    Kennismaken

    We bellen of drinken een kop koffie. Wat wil je bereiken, voor wie, en wat werkt er nu niet? Daarna krijg je een helder voorstel met planning en prijs.

    ± 1 week
  2. 02

    Ontwerpen in Figma

    Ik zet de structuur neer en maak het ontwerp, voor desktop én mobiel. Je klikt door een prototype en geeft feedback, nog vóór er één regel code is geschreven.

    ± 2 weken
  3. 03

    Bouwen & testen

    Ik bouw het zelf: snel, toegankelijk en vindbaar. Je volgt de voortgang op een testlink en ik test op echte telefoons, tablets en browsers.

    ± 2–4 weken
  4. 04

    Live & verder

    Lancering, verhuizing en hosting regel ik. Daarna blijf ik bereikbaar voor onderhoud, updates en doorontwikkeling, zodat je site blijft presteren.

    doorlopend

Nu bezig

Waar ik nu aan werk

  • BouwenMaatwerk WordPress-themaVoor een advocatenkantoor, ontworpen in Figma
  • BouwenPodoblock in het Frans en DuitsMeertalige webshop voor de internationale markt
  • DoorlopendKlantsites naar CloudflareVan traag shared hosting naar razendsnel en veilig
  • LiveDeze siteNieuw design, gebouwd met GSAP, zonder CMS

Bijgewerkt: