Service, 01

Design &
Development.

Van eerste sketch tot productie. Ik ontwerp en bouw websites, landingspages en webapplicaties die er niet alleen goed uitzien, ze voelen ook levendig, converteren beter en staan binnen weken live.

Wat ik bouw

Vier smaken,
één aanpak.

01

Website.

Meerdere pagina's, duidelijke structuur, SEO-proof, razendsnel.

02

Webapplicatie.

Complexe logica, auth, database, realtime, jouw eigen product.

03

Prototype.

Idee valideren? Binnen dagen een werkende demo om te testen.

04

Landingspagina.

Single-page site die één ding perfect doet: converteren.

Showcase

Visuals? Waarom.
Ontwikkel ervaringen.

Dit zijn geen screenshots. Dit is echte, live code. Scroll erdoorheen, klik op links, voel hoe het werkt. Want een website is geen plaatje, het is een interactie.

Homepage
after-noon.nl
Loading…
Service detail
/services/design-en-development
Loading…
Contact
/contact
Loading…
Proces

Van idee tot
live in weken.

01

Discovery.

Een diepe duik in jouw doelen, gebruikers en concurrentie. Wat moet deze site écht doen?

02

Design.

Visueel concept in Figma, gedreven door content en doel. Geen templates, wel systeem.

03

Build.

Next.js, TypeScript, en AI als co-pilot. Snel schakelen zonder kwaliteit in te leveren.

04

Launch.

Deploy, monitoring, analytics en een plan voor iteratie. De launch is het begin.

Stack

Tools die snel
én solide zijn.

Frontend
  • Next.js
  • React
  • TypeScript
  • Tailwind
Animation
  • GSAP
  • Lenis
  • Framer Motion
  • WebGL
Backend
  • Supabase
  • PostgreSQL
  • Node.js
  • Prisma
AI
  • Claude
  • OpenAI
  • Vercel AI SDK
  • LangChain
Micro-interactions

Details die je
voelt.

Beweeg met je muis over de cards hieronder. Kleine dingen, groot verschil.

01, 3D Tilt
Parallax op aanraking

Cards die reageren op cursor positie met échte 3D rotaties, niet alleen een schaduwtje.

02, Spotlight
Licht dat meebeweegt

Een zachte gloed die je cursor volgt, net genoeg om aandacht te trekken zonder afleiding.

03, Scramble
Tekst die leeft

Hover over de titel. Kleine randomisatie, extra tactility.

04, Magnetic
Buttons met zwaartekracht

Knoppen die licht meegeven als je er overheen beweegt. Subtiel, maar voelbaar.

FAQ

Veelgestelde
vragen.

Ik werk solo, met AI als co-pilot. Dat betekent snelle communicatie, geen overhead, en één persoon die zowel het design als de code begrijpt.

Standaard werk ik met Next.js, React, TypeScript en Tailwind. Voor backends Supabase of PostgreSQL. Animaties met GSAP. Alles wordt gebouwd met performance en SEO in gedachten.

Ja. Afhankelijk van het project koppel ik een CMS zoals Sanity of bouw ik een simpel admin panel. Je hoeft geen code aan te raken.

Absoluut. Van chatbots en content generatie tot slimme zoekfuncties en automatiseringen. AI is geen gimmick, het is een manier om je product beter te maken.

AI fungeert als co-pilot, niet als vervanger van een developer. Concreet betekent dat: code wordt sneller gegenereerd, herhalende taken worden geautomatiseerd en componenten staan in uren in plaats van dagen. Een developer met AI-tooling levert daardoor meer in minder tijd, zonder in te leveren op kwaliteit of controle.

In de praktijk gebruik ik tools zoals GitHub Copilot en Claude voor codegeneratie, in combinatie met Next.js, React en TypeScript als basis. AI suggereert, de developer beslist. Zo blijft de architectuur solide en de output beheersbaar.

Niet per se goedkoper in tarief, maar je krijgt meer voor hetzelfde budget. Omdat AI repetitieve taken wegautomatiseert, gaat de tijdsbesteding zitten waar het telt: architectuur, functionaliteit en gebruikerservaring. Een traject van normaal acht weken kan daarmee in vier tot zes weken worden opgeleverd.

Qua prijs hangt het af van complexiteit en scope: een landingspagina begint vanaf €1.500, een website vanaf €3.500, en webapplicaties zijn maatwerk. Ik denk graag mee over de beste aanpak binnen jouw budget.

Dat scheelt je niet alleen kosten, maar ook tijd. En in veel gevallen is snelheid naar de markt meer waard dan een lager uurtarief.

AI kan designsuggesties geven en patronen versnellen, maar een goed digitaal product vraagt om designbeslissingen die zijn afgestemd op jouw merk, doelgroep en conversiedoelen. Dat is menselijk werk. Wat AI wél doet: componentbibliotheken sneller opbouwen, design tokens automatisch verwerken en consistentie bewaken door het hele project.

Bij Afternoon zit design en development in één hand. Geen overdracht, geen verliespost tussen disciplines.

Dat is een veelgehoorde zorg en een terechte als je AI blind vertrouwt. AI-gegenereerde code is net zo goed als de developer die het reviewt. Ik behandel AI-output zoals senior developers elkaars pull requests behandelen: kritisch bekijken, testen en pas dan mergen.

Elk project draait op een gestructureerde codebase met TypeScript, duidelijke componentstructuur en integratietests. AI versnelt de output, de kwaliteitscontrole blijft menselijk.

  • Landingspagina of marketingsite: 1 tot 2 weken
  • Volledige website: 3 tot 4 weken
  • Webapplicatie of custom tool: 4 tot 6 weken
  • Lightspeed e-commerce integratie: afhankelijk van koppelingen en maatwerk

Dit zijn realistische doorlooptijden, geen beloftes die afhangen van een ideale situatie. Het proces loopt van intake naar concept naar build naar launch in één aaneengesloten flow, zonder wireframe-rondes of goedkeuringslayers.

Ja, maar niet automatisch positief. AI kan helpen bij snellere oplevering van technisch goed gestructureerde pagina's, maar SEO vraagt ook om strategie, keywordonderzoek en content die aansluit op zoekintentie. Dat zijn geen technische taken die je kunt genereren zonder context.

Voor de combinatie van AI-gedreven development en SEO werk ik samen met Qlimbr, een platform dat Google-data, merkstem en content engine combineert in één systeem. Meer over de onderliggende aanpak lees je in de AI Design & Development: de complete gids.

Voor de meeste digitale projecten is het antwoord ja. Webapplicaties, custom dashboards, API-koppelingen, Lightspeed-integraties en marketingsites zijn allemaal goed te bouwen met een AI-gedreven aanpak. Waar het minder goed past: projecten met zeer specifieke compliance-eisen, legacy-systemen met weinig documentatie, of organisaties die intern een traditioneel ontwikkelproces vereisen.

Mijn eerlijke advies: als je twijfelt of jouw project geschikt is, vraag het gewoon. Een intake kost je niets en levert je direct een duidelijk beeld op.

Een traditioneel bureau werkt met lagen: account manager, designer, developer, projectmanager. Elke overdracht kost tijd en context. Een AI-gedreven aanpak als die van Afternoon werkt vanuit één flow, waar concept, design en development parallel lopen en de eigenaar direct betrokken is.

Dat geeft snelheid, maar ook grip. Je praat direct met de persoon die bouwt. Geen tussenpersonen die vertalen wat je bedoelt.

AI maakt het eenvoudiger om snel iteraties te maken na oplevering. De codebase is modulair opgezet, componenten zijn herbruikbaar en nieuwe functionaliteit kan worden bijgebouwd zonder het fundament opnieuw aan te raken.

Na een project bekijken we samen wat de volgende stap is: aanpassingen, uitbreidingen of doorontwikkeling op basis van gebruiksdata. Dat is geen apart traject, maar een logische continuering.

Nee. Je hoeft geen technische kennis te hebben om een goed product te laten bouwen. Wat je wél nodig hebt: een helder beeld van wat je wilt bereiken, voor wie je het bouwt en wat succes eruitziet. De techniek is mijn verantwoordelijkheid, de richting is jouw input.

Heb je vragen die hier niet tussen staan? Neem direct contact op of plan een gesprek in. Ik beantwoord ze liever concreet dan dat je op basis van aannames een beslissing maakt.

Aan de slag

Laten we
bouwen.