Demp het geluid
De beste noise cancelling koptelefoons
Cliënt
Persoonlijk project
Service
Webflow
Deliverables
Webflow CMS website
Van creatieve uitspatting tot SEO-geoptimaliseerde affiliate website
Soms begint een project gewoon met zin hebben om iets moois te maken. Dat was het geval bij demphetgeluid.nl. Ik wilde mezelf uitdagen om een compleet ontwerptraject te doorlopen — van concept tot live product — en tegelijk mijn skills in Figma, Midjourney, Webflow en SEO combineren in één strak uitgevoerde showcase.
Fase 1: Visueel ontwerp & creatie
Ik startte in Figma met een schets van een minimalistisch, donker thema dat rust en focus moest uitstralen. Om het visuele concept kracht bij te zetten, gebruikte ik Midjourney voor het genereren van unieke, high-end productafbeeldingen in de stijl van Apple. Denk aan donkere achtergronden, glow-effecten en subtiele waveforms: allemaal bedoeld om de wereld van noise-canceling voelbaar te maken.
Fase 2: Technische realisatie in Webflow
Het ontwerp vertaalde ik nauwkeurig naar Webflow, waarbij ik gebruikmaakte van dynamische CMS-collecties voor producten, specificaties en blogposts. Ik implementeerde interactieve elementen zoals vergelijkingstabellen, filters en call-to-action blokken. Elke component is handgemaakt, zonder templatewerk. Ik wilde laten zien dat Webflow geschikt is voor slimme, conversiegerichte interfaces die er óók strak uitzien.
Fase 3: SEO, toegankelijkheid & snelheid
Na oplevering heb ik de site grondig geoptimaliseerd:
Heldere SEO-structuur met semantische html, OG-tags en zoekmachinevriendelijke URL's
Contrast-proof kleuren voor 100% digitale toegankelijkheid
Lichtgewicht assets (AVIF, SVG) en snelle laadtijden via Webflow Hosting
Een sterke interne linkstructuur en goed gestructureerde blogposts gericht op long-tail zoekwoorden
Het resultaat
demphetgeluid.nl is nu een contentrijke, snelle en toegankelijke affiliate marketing website gericht op noise-canceling koptelefoons. De site combineert een sterke visuele stijl met slimme inhoudelijke keuzes en laat zien hoe design, development en content elkaar kunnen versterken.
Bekijk de site live via www.demphetgeluid.nl
Update: Inmiddels ben ik verschillende verbeteringen aan het uitwerken waarvan ik de meeste nog moet publishen. Een van de veranderingen die nu wel al doorgevoerd is, is een andere foto in de header op de homepagina. Nog steeds AI gegenereerd maar veel echter en natuurlijker. Daarnaast ben ik bezig met een paar functionele wijzigen zoals een alert bar aan de bovenkant van de pagina om te promoten dat er een nieuwe WH-1000XM6 uitgekomen is. Ook ben ik filtering aan het uitzoeken voor op de Top 10 pagina en daar ben ik al redelijk mee op weg.


