Zo is dit ontwerp gemaakt
Dit is de tweede versie van het proefontwerp voor AC&T Consulting, gemaakt door SHD Services op 8 september 2026. Deze versie volgt de opbouw van de beste bureausites van dit moment: een hero als afgeronde kaart met de foto beeldvullend, een keuzetool die meteen zegt welk assessment past, een donker blok met de cijfers, de drie assessments als heldere kaarten en veelgestelde vragen met een contactkaart. Alles wat u leest komt van uw eigen site, uw opdrachtgeverspagina, uw Google-profiel en de artikelen van Danny Mullenders.
6 kleuren, elk met een eigen taak
Vier rollen in plaats van zes tinten: een accent (uw rood), een diepe kleur (navy uit het logo), een papier en een tint van dat papier voor kaarten. Het rood vult nooit een sectie en hoogstens één kaart, maar komt wel tientallen keren klein terug, zodat de pagina als huisstijl leest. Navy breekt de pagina één keer halverwege en sluit hem af.
Papier
#f3f4f1
De lichte basis van bijna elke sectie, koel grijswit. De kleur zit in de kaarten, niet in de achtergronden.
Tweede grijs
#e9ebe7
De banden voor de opdrachtgevers, het team en de kennis, zodat de pagina ritme houdt zonder te verkleuren.
Inkt
#13181e
Alle koppen en lopende tekst.
Diep navy
#0f2740
Het zwarte blok uit uw logo, dieper gezet: het cijferblok, de contactkaart, de knoppen en de footer.
Merkrood
#ef3e33
Uw eigen rood, ongewijzigd. De stip bij elk label, de pijl in elke knop, de sterren, één kaart in het cijferblok en één woordgroep per kop.
Olijf
#7d9a4e
Het groen uit uw stylesheet, voor coaching en training: de chips en het vervolg.
2 letters, 2 rollen
Manrope
Koppen en tekst
Eén zware grotesk voor de koppen (gewicht 800, strak gespatieerd) en een lichtere snede voor de tekst. Een kop van honderd pixels op de hero draagt daardoor zonder decoratie.
DM Mono
Cijfers
Een cijferletter voor de tellers en de nummers, zodat 149 en 20+ als meetwaarden lezen.
Vormen en randen
Ronde vormtaal: de hero en de fotoband zijn afgeronde kaarten met een marge tot de schermrand, kaarten op 22 pixels, knoppen als pil met een rode pijl. Geen naadvormen tussen secties; de diepte komt uit kaarten, een gekantelde collage en een licht verdraaid fotogrid.
Beweging die ondersteunt
Bij laden komt de kop regel voor regel over de foto op, dan de intro, de knoppen en de sterren. De opdrachtgevers lopen in een doorlopende band en twee rijen chips bewegen tegen elkaar in. De collage en de kaarten komen na elkaar in beeld zodra u scrolt, de cijfers tellen op en de keuzetool reageert op wat u kiest.
Keuzes per sectie
- Hero
Een afgeronde kaart met de foto beeldvullend, de kernboodschap linksonder en een notificatiekaart rechts.
De eerste seconde moet voelen als een bureau van nu. De kop is de boodschap uit het gesprek: zeker weten wie past.
- Opdrachtgevers
Een grijze band met uw logo's in een doorlopende loop.
Het snelste antwoord op de vraag of AC&T groot genoeg is voor een gemeente of een chemieconcern.
- Welk assessment past
Links de belofte en de drie diensten, rechts een keuzetool; daaronder chips en een collage.
Wie kiest wat er speelt ziet meteen welk assessment past en wat het oplevert. Dat is uw kernvraag als knop.
- Voor wie
Vier kaarten met een casus per sector.
Een HR-manager herkent zijn eigen situatie sneller dan een dienstenlijst.
- Team
Kop links, een verdraaid fotogrid rechts, de namen als rij eronder.
Achter een oordeel staan mensen die u gewoon kunt bellen.
- Cijfers
Een donker blok met de notificatie, 149 en 20+, een trap van vier stappen, de Google-reviews en de logowal per sector.
Eén rustpunt halverwege waar het bewijs bij elkaar staat.
- De mogelijkheden
De drie assessments als kaarten, de middelste donker en iets hoger.
Zo kiest een werkgever in één oogopslag tussen selectie, ontwikkeling en loopbaan.
- Kennis
Drie brede kaarten met het deelnummer groot.
De reeks van Danny Mullenders leest als een serie, niet als losse blogs.
- Fotoband
Een afgeronde kaart met een foto en de kernboodschap.
Vlak voor het einde nog één keer de boodschap, zonder tekstblok.
- Contact
Veelgestelde vragen met een plakkende contactkaart.
Wie tot hier scrolt heeft een vraag of wil bellen. Het formulier hoort op een eigen pagina.
Wat er met de huisstijl is gedaan
Overgenomen: uw logo, uw rood en het groen uit uw stylesheet. Verrijkt: het zwart uit het logo is diep navy geworden en het papier is koel grijswit in plaats van wit. Vervangen: Montserrat door Manrope, één letter met echte kopgewichten.
Proefdesign door SHD Services. Terug naar het proefdesign