Zo is dit ontwerp gemaakt
Dit is een proefontwerp voor AC&T Consulting, gemaakt door SHD Services. Alles wat u hier ziet komt van uw eigen site, uw opdrachtgeverspagina, uw Google-profiel en de artikelen van Danny Mullenders. Er is niets verzonnen: waar informatie ontbrak, staat er een plek open met de vraag wat wij nodig hebben. Op deze pagina leest u waarom elke keuze zo is gemaakt.
6 kleuren, elk met een eigen taak
Uw huisstijl heeft naast rood alleen zwart, wit en grijs. Dat is te weinig om een pagina mee op te bouwen en het is precies waarom de huidige site verouderd oogt. Rood blijft ongewijzigd en houdt een vaste rol als signaal, want een verzadigd rood over een half scherm maakt van een adviesbureau een uitverkoop. Marine is toegevoegd als dragende kleur en past bij uw opdrachtgevers, olijf komt uit uw eigen stylesheet. De pagina gebruikt vier achtergrondtonen: het papier, marinepastel bij de diensten en het contact, olijfpastel bij de kennis en diep marine bij het bewijs en de afsluiting. Zo verkleurt de pagina wel, maar zonder dat u om de sectie in een andere kleur staat.
Papier
#f2f5f7
Het papier van de hele site. Koel en licht met een marine-ondertoon, in plaats van het warme creme dat op half het web staat.
Inkt
#1f2c3a
Alle lopende tekst. Diep marine in plaats van zwart, zodat de tekst bij het palet hoort.
Marine
#1b3c5e
De dragende kleur: knoppen, de lijn onder de header, links en de structuur. Staat voor het onafhankelijke oordeel dat u verkoopt.
Merkrood
#ef3e33
Uw eigen rood, ongewijzigd, als signaal. Pijlen, sterren en een woordgroep in de kop; nooit een heel vlak.
Olijf
#7d9a4e
Het groen dat een keer in uw stylesheet staat, minder verzadigd. De rol ontwikkeling: coaching, training en de kennisbank.
Diep marine
#12293f
Het donkere rustpunt halverwege de pagina en de footer.
2 letters, 2 rollen
Fraunces
Koppen
Een serif met karakter die autoriteit geeft zonder stoffig te worden en die op een kop van bijna tachtig pixels blijft dragen.
Source Sans 3
Lopende tekst
Een humanistische sans die rustig blijft in lange alinea's en in formuliervelden, ook op een telefoon.
Vormen en randen
Zachte vormtaal: secties op 28 pixels, kaarten en beeld op 20, knoppen als pil. Dat volgt de twee afgeronde rechthoeken van uw logo, zonder het bureau te licht te maken. Elke sectie begint als een kaart met afgeronde bovenhoeken, met de kleur van de sectie erboven erachter, zodat de pagina leest als een stapel bladen. Elke kaart heeft ronding, een zachte schaduw en een dunne rand, overal dezelfde.
Beweging die ondersteunt
Bij het laden komen de kop regel voor regel op, dan de intro, dan de sterren met uw Google-score, dan de foto van het pand en pas daarna begint de logoband te lopen. Daarna beweegt er niets tot u scrolt. De handtekening van de site zit in de dienstensectie: twee vlakken, links wat de functie vraagt en rechts wat de medewerker meebrengt, schuiven tijdens het scrollen naar elkaar toe tot ze precies aansluiten en op die naad ontstaat een rode lijn die de drie diensten aan elkaar rijgt. In rust dragen die vlakken al hun tekst, dus u leest de sectie ook als er niets beweegt.
Keuzes per sectie
- Kop van de pagina
Links de belofte in vier regels, rechts de foto van uw pand, allebei op de helft van de breedte.
Wie twijfelt over een kandidaat wil eerst zien dat hier een echt bureau zit. Niets ligt over elkaar heen, want dat leest slordig.
- Opdrachtgevers
Een band die onafgebroken doorloopt, direct onder de kop.
Namen als DSM, VDL Nedcar en gemeente Maastricht zijn het snelste antwoord op de vraag of u groot genoeg bent voor een gemeente of een chemieconcern.
- Diensten
De aansluiting die sluit, met assessment, coaching en training als drie regels aan een lijn.
U verkoopt geen drie producten maar een vraag die sluitend gemaakt wordt. Assessment is de kern, coaching en training zijn het vervolg.
- Wie er achter zit
Vier mensen met portret naast elkaar, met de kop en de tekst over de volle breedte erboven.
Wie een oordeel over andermans mensen geeft, moet zelf een spoor laten zien. Alleen Danny Mullenders is met bron te vinden; de drie anderen zijn ingevulde voorbeelden en staan zo gemarkeerd, zodat u ziet welke plekken u zelf moet vullen.
- Bewijs
De logowal per sector op een donker vlak, gecentreerd, met de cijfers erboven en uw Google-reviews eronder.
Honderdnegenenveertig opdrachtgevers zeggen meer dan tien reviews, maar die tien zeggen hoe het voelt. Allebei laten zien is sterker dan kiezen.
- Kennis
De drie delen van de assessmentreeks aan een lijn die zich tekent.
Het zijn geen drie losse blogs maar deel een, twee en drie, dus de volgorde is het onderwerp.
- Contact
Een vraag, een zin, het formulier en uw gegevens.
Een HR-manager komt hier met een concrete casus en wil geen verhaal meer lezen.
- Afsluiting
Een adreskaartje op diep marine, zonder grote tekst.
Onderaan hoeft niets meer overtuigd te worden; u moet alleen het adres en de nummers kunnen vinden.
Wat er met de huisstijl is gedaan
Overgenomen: uw logo ongewijzigd, uw rood #EF3E33 ongewijzigd en de u-vorm die u zelf op de site gebruikt. Verrijkt: marine als dragende kleur, warm zand als papier in plaats van wit en uw eigen groen minder verzadigd voor coaching en training. Vervangen: Montserrat, dat nu alles tegelijk doet en een van de meest gebruikte letters van het web is, door Fraunces voor de koppen met Source Sans 3 voor de tekst. Uit de teksten is het psychologenjargon gehaald en Sittard staat niet meer in elke titel, maar alleen waar het thuishoort.
Proefdesign door SHD Services. Terug naar het proefdesign