01
Geen verhuisgedoe
Leenders host al bij ons. We konden de nieuwe site rustig naast de oude bouwen en in een keer omzetten, zonder dat de site er tussendoor uit lag.
Case Study
Website
Leenders Glas in Lood
Nieuwe website voor dit Nijmeegse glazeniersbedrijf uit 1922. Het glaswerk groot in beeld, vijf diensten helder uit elkaar.
0.3s
Laadtijd (LCP)
62ms
TTFB
237 KB
Paginagrootte
12
Requests
Het project
Honderd jaar vakmanschap, opnieuw in beeld.
Leenders Glas in Lood maakt, restaureert en ontwerpt glas-in-lood in Nijmegen. Het atelier bestaat sinds 1922 en werkt voor kerken, gemeenten, aannemers en particulieren. Vakwerk dat generaties meegaat.
Dat werk is om te zien, maar online kwam er weinig van terug. Bezoekers moesten zelf uitzoeken wat het bedrijf allemaal doet, en wie op zijn telefoon keek haakte af. De opdracht: laat het glas zien en maak duidelijk waarvoor mensen kunnen bellen.
Wat we gebouwd hebben
Het ambacht op de voorgrond.
Het glas als hoofdrol
Een glas-in-loodraam in de avondzon vult het scherm zodra je binnenkomt. Geen stockfoto's, geen inleiding. Je ziet meteen waar dit bedrijf goed in is.
Vijf diensten, helder gescheiden
Restauratie, nieuw werk, eigen ontwerp, isolerende beglazing en brandschilderen. Elk met een eigen pagina, zodat iemand met een kapot kerkraam niet op dezelfde plek uitkomt als iemand die een voordeur wil verfraaien.
Ook op de telefoon
Veel mensen zoeken een glazenier terwijl ze voor het raam in kwestie staan. De site werkt op dat moment net zo goed als op een monitor.
Het verhaal sinds 1922
Een bedrijf van ruim honderd jaar heeft iets te vertellen. De geschiedenis kreeg een eigen pagina in plaats van een regel op de homepage, want het is een van de sterkste redenen om juist hier te kopen.
Direct op het scherm
De site staat er voordat je doorhebt dat je gewacht hebt. Dat scheelt bezoekers die anders waren weggeklikt.
Contact zonder zoeken
Het telefoonnummer staat altijd in beeld en de offerteknop staat op elke pagina. Wie wil bellen hoeft niet eerst een contactpagina te vinden.
Responsive design
Van monitor tot mobiel.
Een raam beoordeel je op kleur en detail. Die fotografie blijft ook op een telefoon de moeite waard, zodat iemand die ter plekke zoekt niet met een half beeld genoegen hoeft te nemen.
Huisstijl
Wit, met helder blauw als accent.
Accent
#00ADEF
Copied!
Diep blauw
#00719C
Copied!
Inkt
#231F20
Copied!
Warm grijs
#5B5556
Copied!
Zand
#E4E0DE
Copied!
Lichtblauw
#E6F7FD
Copied!
Space Grotesk / Instrument Sans
Koppen en CTA's
400 Regular — Broodtekst
600 SemiBold — Subkoppen
700 Bold — Koppen en CTA's
De transformatie
Dezelfde vakmensen, nieuwe presentatie.
Links stond het glaswerk klein tussen de tekst en moest je zelf uitzoeken wat er te koop was. Rechts zie je het werk op ware grootte en weet je binnen een paar seconden wat dit bedrijf voor je kan doen.
Before — Template
After — Custom
De volledige ervaring
Scroll langs het vak.
Van het eerste raam in beeld naar de vijf diensten, de geschiedenis sinds 1922 en het werk dat in het eigen atelier gemaakt is. Een verhaal dat je in een keer doorloopt.
Ons proces
Van gesprek tot livegang.
Vier stappen, geen verrassingen.
Wat wil je dat mensen zien
We zijn begonnen bij de vraag wie er belt en waarvoor. Daar kwamen de vijf diensten uit, en het inzicht dat de geschiedenis van het bedrijf geen bijzaak is maar een verkoopargument.
Ontwerp
Een opzet met veel wit en het glaswerk groot in beeld. Het uitgangspunt: wie de site voor het eerst ziet, weet binnen een seconde wat hier gemaakt wordt.
Bouwen
Het theme volledig door ons geschreven, afgestemd op dit bedrijf. Geen kant en klaar sjabloon waar het ontwerp in geperst moest worden.
Livegang
In een keer omgezet, zonder dat de site er tussendoor uit lag. De klant kon meteen zelf teksten en foto's aanpassen.
Tech stack
Alles wat meedraait is van ons.
WordPress voor het beheer, een eigen theme voor de rest. Handgeschreven code die we zelf onderhouden, snel houden en beveiligen.
WordPress
PHP
Custom Theme
LiteSpeed
MariaDB
De oplossing
Laten zien wat je maakt.
Leenders had geen ingewikkelde website nodig. Het bedrijf moest laten zien wat het maakt, uitleggen welke vijf dingen het doet en makkelijk te bereiken zijn. Meer niet.
We hebben een custom WordPress theme gebouwd rond de fotografie van het eigen werk. Elke dienst kreeg een eigen pagina en de geschiedenis sinds 1922 kreeg de ruimte die het verdient. De klant past teksten en foto's zelf aan, wij houden de techniek bij.
De site draait op onze eigen managed hosting in Europa, waar hij ook al stond. Dat betekent dat wij hem snel en veilig houden, en dat er iemand opneemt als er iets is.
Wij schrijven de code zelf. Daarom is de site snel, blijft hij veilig en zit er niets in wat wij niet kunnen uitleggen.
Waarom Wiwi
Bestaande klant, nieuwe site.
Drie redenen waarom dit soepel verliep.
02
Handgeschreven code
Wij schrijven het theme zelf, van de eerste regel tot de laatste. Dat maakt de site sneller en veiliger, en er zit niets in wat wij niet kunnen bijwerken als het nodig is.
03
Snelheid vooraf ingebouwd
Een site die direct op het scherm staat, krijg je niet door er achteraf iets bij te zetten. Dat komt uit de keuzes die je aan het begin maakt.
Klaar voor een website die echt presteert?
Laten we jouw volgende website ontwerpen en bouwen.
Volledig custom design. Handgeschreven code voor snelheid. GDPR/AVG compliant uit de doos. Geen templates, geen pagebuilders, geen concessies.