Werk Eigen project
De website die u nu bekijkt.
Ons eerste project op deze pagina is onze eigen site. Alles wat we klanten beloven, moest hier ook kloppen.
- Opdrachtgever
- web. T&T (eigen project)
- Soort
- Website
- Jaar
- 2026
Opdracht
Een website waarop ondernemers ons kunnen vinden en waar we websites en Excel-sheets aanbieden. Met dezelfde eisen die we aan websites voor klanten stellen.
Uitdaging
Een studio die zowel websites als Excel-sheets maakt, moet beide in één beeld laten zien. En dat zonder portfolio vol verzonnen projecten of een ontwerp dat op een template lijkt.
Oplossing
Een donker ontwerp met één fel accent: limoengroen, dat terugkomt in de punt van ons logo. Koppen verschijnen woord voor woord, kaarten schuiven in beeld en de werkwijze vult zich als een tijdlijn terwijl u scrolt.
Alle animaties zijn zelf geschreven, zonder externe bibliotheken. Wie in het besturingssysteem "beweging beperken" aanzet, krijgt een rustige versie. Waar nog echt werk van klanten moet komen, staat een duidelijk gemarkeerde plaatshouder.
Materialen
- HTML, CSS en vanilla JavaScript, zonder framework of buildstap
- Lettertypes Instrument Serif en Schibsted Grotesk, zelf gehost onder de SIL Open Font License
- Een PHP-script voor het contactformulier, zonder database
- Beveiligingsheaders en een Content-Security-Policy via .htaccess
- Scroll-animaties in eigen JavaScript, zonder bibliotheek
- Zelfgemaakte illustraties als SVG, zonder tekst in het beeld
Resultaat
Voor oplevering hebben we elke pagina automatisch getest in een schone browser. De uitkomsten op 27 september 2026:
| Test | Uitkomst |
|---|---|
| Verzoeken naar andere domeinen | 0 op alle 14 pagina's, ook na klikken en invullen |
| Cookies en browseropslag | 0 cookies, 0 items in localStorage of sessionStorage |
| Consolefouten en CSP-meldingen | 0 |
| Automatische toegankelijkheidsscan (axe-core) | 0 fouten op alle 14 pagina's, op telefoon- en desktopbreedte, met de animaties aan en uit |
| Contrast tekst en achtergrond | alle combinaties minimaal 6,7 : 1 (eis 4,5 : 1) |
| Toetsenbord | alle pagina's volledig te doorlopen, focus altijd zichtbaar en direct in beeld, geen toetsenbordval |
| Smalle schermen en 200% zoom | 45 van 45 weergaven zonder horizontaal scrollen |
| Formulier | werkt met en zonder JavaScript; pogingen om e-mailkoppen toe te voegen worden geweigerd |
Contact
Vertel ons wat uw bedrijf nodig heeft.
Beschrijf uw idee in een paar zinnen. Wij reageren binnen 24 uur, ook in het weekend, met vragen of een voorstel.