Webdevelopment in WordPress & Ontwikkeling vanaf Figma Design
Stapleton EAS – Pixelperfect van Figma naar WordPress, volledig Europees
Stapleton-eas.nl is de website van Stapleton EAS, het bedrijf van Agile Enterprise Architect John van der Stap. Stapleton EAS helpt maatschappelijk gedreven organisaties bij het ontwikkelen en implementeren van bedrijfsarchitectuur, met opdrachtgevers als het Rijksvastgoedbedrijf, Dienst Justitiële Inrichtingen en Dimpact. Voor dit project hebben wij samengewerkt met de designer van de klant, die een volledig desktop- en mobiel ontwerp in Figma heeft uitgewerkt. Wij hebben dit ontwerp pixelperfect nagebouwd in WordPress, waarbij uitsluitend Europese technologie is gebruikt.
De site staat volledig los van Amerikaanse diensten: geen Google Fonts, geen Cloudflare, geen Amerikaanse CDN's of tracking-tools. Dit was een bewuste eis van de klant en past bij de maatschappelijk verantwoorde positionering van Stapleton EAS.
1. Een enterprise architect verdient een website die architectuur ademt
Stapleton EAS richt zich op maatschappelijk betrokken organisaties in de publieke sector en het onderwijs. De website moest de diepgaande expertise en persoonlijke aanpak van John van der Stap direct overbrengen, met een design dat net zo doordacht is als de bedrijfsarchitecturen die hij ontwerpt.
Klantdoelen: Een professionele, visueel sterke website die de dienstverlening helder presenteert (EAS-y Consultancy, 3D Approach, Trainingen & Mentoring), social proof toont via klantfeedback en certificeringen, en bezoekers richting contact leidt.
Gebruikersinzicht: De doelgroep bestaat uit directeuren, informatiemanagers en beleidsadviseurs bij overheidsorganisaties en maatschappelijke instellingen. Zij zoeken een betrouwbare partner met bewezen ervaring en willen snel begrijpen wat Stapleton EAS biedt en voor wie.
2. Pixelperfect van Figma naar WordPress
De designer van de klant leverde een volledig uitgewerkt Figma-ontwerp op voor zowel desktop als mobiel. Wij hebben dit ontwerp tot op de pixel nauwkeurig nagebouwd in WordPress.
Design-naar-code: Het ontwerp bevat complexe visuele elementen: parallax scroll-secties met dubbele beeldkolommen, een scrollende certificaten-carousel, een opdrachtgevers-logobalk, impact-in-cijfers statistieken, een tabbed profiel/missie-sectie en een testimonial-slider. Al deze elementen zijn nagebouwd met custom code, zonder zware page builders.
Europese technologie: De volledige website draait op Europese infrastructuur. Geen Google Fonts (lokaal gehost), geen Amerikaanse CDN's, geen externe tracking-diensten van buiten de EU. Dit garandeert volledige GDPR-compliance zonder cookiebanners voor externe diensten en sluit aan bij de waarden van de publieke sector.
Animaties en interactie: Subtiele scroll-animaties, een scrollende keyword-ticker ("Digitale transformatie, Duurzaamheid, Enterprise Architectuur, Wendbaarheid..."), hover-effecten op de opdrachtgeverslogo's en een interactieve testimonial-slider. Alles performant gebouwd zonder JavaScript-frameworks.
Responsiveness: Het mobiele ontwerp is apart uitgewerkt in Figma en apart nagebouwd. Geen automatische schaling, maar een dedicated mobiele versie met aangepaste navigatie, aangepaste secties en een eigen footer-layout.
3. Conversiepunten en social proof
De website is ingericht om bezoekers vanuit meerdere invalshoeken richting contact te leiden.
Klantfeedback: Een uitgebreide testimonial-sectie met quotes van opdrachtgevers inclusief naam, foto en functie. Van directeuren en informatiemanagers tot strategisch adviseurs bij RVO en Dienst Justitiële Inrichtingen.
Opdrachtgevers en certificeringen: Twee scrollende logo-carousels: één met opdrachtgevers (Rijksvastgoedbedrijf, DJI, Dimpact, Samen Veilig, etc.) en één met certificeringen en partnerschappen. Dit bouwt direct autoriteit op.
Impact in cijfers: Een visuele sectie met concrete resultaten: +20-40% tijdbesparing, +30-50% verhoging klantwaarde, +10-25% verbetering rendement. Dit maakt de abstracte dienstverlening tastbaar.
Contactformulier: Een uitgebreid contactformulier met onderwerpkeuze (EAS-y Consultancy, 3D Approach, Trainingen, Mentoring) en een checkbox voor nieuwsbrief-opt-in. GDPR-compliant met privacy-akkoord.
Blog: Een nieuws- en artikelensectie voor thought leadership en SEO.
4. Van Figma-ontwerp naar Europees verantwoord platform
De website is live gegaan als een technisch en visueel hoogwaardig platform dat de positionering van Stapleton EAS als strategisch partner voor de publieke sector volledig ondersteunt.
Tech stack:
Platform: WordPress
Design: Pixelperfect nagebouwd vanaf Figma (ontwerp door LGD)
Ontwikkeling door: LYNX Media
Technologie: 100% Europees (geen Amerikaanse diensten)
Hosting: Europees gehost
Extra features:
Europese technologie-stack zonder Amerikaanse afhankelijkheden
Lokaal gehoste fonts
Scrollende certificaten- en opdrachtgevers-carousels
Impact-in-cijfers sectie
Tabbed profiel/missie-component
Testimonial-slider
Blogsectie
Contactformulier met onderwerpkeuze
LinkedIn-integratie
Future Up partnerschap-badge
Een privacy policy pagina
Resultaat
Stapleton-eas.nl is geen standaard consultancy-website, maar een pixelperfect nagebouwd platform dat architectuur, design en technologie op het hoogste niveau samenbrengt. De website laadt snel, draait volledig op Europese technologie en presenteert een enterprise architect op de manier die hij verdient: doordacht, gestructureerd en met aandacht voor elk detail. Precies wat je verwacht van een bureau dat organisaties helpt hun fundament op orde te krijgen.
