De Duurzame Jongens

zijn pioniers in duurzaamheid en bouwen aan een wereld waarin mens, natuur en technologie in harmonie samenleven. Wat begon met zonnepanelen groeide uit tot een full-service verduurzamingspartner die helpt bij het opwekken, opslaan en slim inzetten van energie. Met innovatieve oplossingen en een passie voor techniek maken zij verduurzaming overzichtelijk en toekomstbestendig. Zo werken ze stap voor stap aan energie met een glimlach.

Maatwerk website voor De Duurzame Jongens

  • UX/UI Design
  • Custom Website Development
  • Custom Web App Development
  • Frontend: HTML5, CSS3, JavaScript, GSAP
  • Backend: PHP, WordPress (Custom Development)
  • Database: MySQL
Campagne 1

Custom design, 3D React calculator en slimme lead- & trackingdashboards

De verduurzamingsmarkt vraagt om meer dan alleen een mooie website. Bezoekers willen begrijpen wat ze kunnen doen, wat het kost en wat het oplevert — zonder overweldigd te worden door technische details. Voor De Duurzame Jongens was dat precies de reden om hun website opnieuw te benaderen als een volwaardig digitaal platform in plaats van een traditioneel marketingkanaal.

In dit project is gekozen voor een maatwerk website met custom design, aangevuld met een Design System Manager, een interactieve 3D React calculator die kosten en besparingen berekent, en een custom WordPress plugin voor dashboards, leads en tracking. Het resultaat is een schaalbaar, toekomstbestendig platform dat merk, conversie en meetbaarheid samenbrengt.

Projectoverzicht

Van website naar digitaal platform

De bestaande website bood onvoldoende ruimte om verder te groeien. Nieuwe pagina’s en aanpassingen kostten veel tijd, conversiepaden waren beperkt inzichtelijk en technische uitbreidingen voelden steeds als losse toevoegingen. De wens was duidelijk: één solide fundament waarop marketing, content en techniek samen kunnen doorontwikkelen.

Daarom is gekozen voor een volledig maatwerk platform, waarbij design, contentstructuur en techniek vanaf de basis opnieuw zijn opgebouwd. Niet vanuit een thema, maar vanuit een doordachte architectuur die ruimte biedt voor groei.

Klaar om jouw project te lanceren?

De uitdaging

Maatwerk met custom design

Waarom geen standaard thema?

Standaard WordPress-thema’s zijn snel inzetbaar, maar brengen vaak beperkingen met zich mee op het gebied van designvrijheid, performance en schaalbaarheid. Voor De Duurzame Jongens was het belangrijk dat de website volledig aansluit bij hun merkidentiteit, tone of voice en conversiedoelen.

Daarom is gekozen voor een custom design, volledig uitgewerkt in Figma en vervolgens technisch gerealiseerd binnen WordPress. Dit zorgt voor maximale controle over layout, interactie en performance.

3D animation

De 3D React calculator: verduurzaming begrijpelijk maken

Interactieve beleving

Een van de meest onderscheidende onderdelen van het platform is de 3D React “huis”-calculator. In plaats van een statische rekentool is gekozen voor een visuele, interactieve ervaring.

Het 3D-huis past zich dynamisch aan op basis van de input van de gebruiker. Zo wordt direct inzichtelijk welke verduurzamingsopties mogelijk zijn en wat dit betekent voor kosten en besparing.

Waarom 3D werkt

Verduurzaming is voor veel mensen abstract. Door het visueel te maken:
· wordt informatie beter begrepen
· neemt betrokkenheid toe
· voelen keuzes minder complex
· stijgt de kans op conversie

Het huis is bewust ontworpen als een herkenbare, gemiddelde woning. Geen luxe villa, maar een realistisch uitgangspunt waar veel bezoekers zich in herkennen.

Klaar om jouw project te lanceren?

Klaar om jouw project te lanceren?

Custom WordPress plugin

Custom WordPress plugin voor leads, dashboards en tracking

Waarom geen standaard thema?

Een website die leads genereert is pas waardevol als die leads ook goed inzichtelijk en opvolgbaar zijn. Daarom is een custom WordPress plugin ontwikkeld die fungeert als centrale schakel voor:
· leadverwerking
· dashboards
· status- en foutlogging
· tracking en meetbaarheid

React en WordPress: het beste van twee werelden

De plugin haalt data op uit formulieren en externe systemen, verwerkt deze veilig en toont de status in de WordPress admin. Hierdoor ontstaat één overzichtelijk dashboard waarin zichtbaar is:
· welke aanvragen zijn binnengekomen
· wat de status is
· of er fouten zijn opgetreden
· welke stappen zijn doorlopen
Dit vormt een sterke basis voor verdere automatisering en rapportage.

Resultaat

Resultaat: een platform gebouwd voor groei

Het nieuwe platform voor De Duurzame Jongens biedt:
· een sterke visuele identiteit
· schaalbare contentstructuur
· interactieve tools die conversie verhogen
· inzicht in leads en prestaties
· een technische basis voor verdere groei

Belangrijker nog: het is geen eindpunt, maar een startpunt. Het platform is ontworpen om continu door te ontwikkelen, te optimaliseren en uit te breiden.

“Your Tech Club is zowel kundig als creatief. Ze kwamen telkens met innovatieve oplossingen voor technische uitdagingen en dachten actief mee om ons project naar een hoger niveau te tillen. Of het nu ging om complexe technische issues of creatieve invullingen, ze vonden altijd de juiste oplossingen.

We zijn zeer positief over de samenwerking en raden Your Tech Club van harte aan. Ze combineren vakmanschap met een persoonlijke benadering, wat zorgt voor een bijzonder prettige ervaring..”

ThariHead of Marketing, Bar le Duc

Over Your Tech Club

Your Tech Club bouwt open-source headless CMS platforms voor organisaties die schaalbaarheid, performance en eigenaarschap centraal stellen. Wij zijn gespecialiseerd in Strapi, modulaire architecturen, custom design systems en conversiegerichte platformontwikkeling. 

Heb je nog vragen? Vraag het ons!

Wat is het voordeel van een maatwerk WordPress website?

Een maatwerk WordPress website sluit beter aan op merk, conversie en schaalbaarheid dan een standaard thema.

Wat is een Design System Manager?

Een Design System Manager is een set herbruikbare componenten en stijlafspraken waarmee je consistent en snel nieuwe pagina’s bouwt.

Waarom een 3D React calculator?

Omdat complexe keuzes visueel en interactief worden gemaakt, wat begrip en conversie vergroot.

Kan React gecombineerd worden met WordPress?

Ja. WordPress kan perfect dienen als CMS, terwijl React zorgt voor interactieve front-end componenten.

Hoe worden leads inzichtelijk gemaakt?

Via een custom plugin die leads verzamelt, verwerkt en overzichtelijk toont in dashboards.

Is dit platform geschikt voor groei?

Ja. Zowel content, functionaliteit als technische integraties kunnen eenvoudig worden uitgebreid.

Is maatwerk WordPress niet duurder?

De initiële investering ligt hoger, maar op lange termijn bespaart het tijd, onderhoud en technische schuld.

Hoe draagt dit bij aan SEO?

Een heldere structuur, snelle laadtijden en schaalbare content dragen bij aan duurzame SEO-resultaten.

Kan het platform aangepast worden aan nieuwe diensten?

Ja. Door de modulaire opzet kunnen nieuwe diensten en pagina’s eenvoudig worden toegevoegd.

Voor welk type organisatie is dit geschikt?

Voor organisaties die hun website zien als strategisch platform en niet als eenmalig project.

UI/UX Design    Web Development    Mobile Development    Data & AI    Teamvergroting    Frontend Developers    Backend Developers

Let’s connect

Een persoonlijk gesprek is de eerste stap naar een succesvolle samenwerking. Of je nu vragen hebt, een project wilt bespreken of gewoon nieuwsgierig bent naar onze aanpak, wij staan klaar om je te ontmoeten.

  • Vrijblijvende expertise
  • Op maat gemaakte oplossingen
  • Binnen 1 – 2 werkdagen een offerte
Neem direct contact opBel: 020 - 123 456 78
YTC AI Workshop op maat voor bedrijven