Zo is dit ontwerp gemaakt
Dit proefdesign is gemaakt op basis van uw eigen site, uw logo, uw kleuren en uw foto's. Elke keuze op de pagina heeft een reden en die staan hier op een rij, zodat u kunt beoordelen wat u ervan vindt.
8 kleuren, elk met een eigen taak
Acht kleuren die elk een eigen taak hebben en bijna allemaal van uw eigen site komen. Alleen het papierwit, het lichte petrol en het olijfgrijs zijn nieuw, om marine en petrol de rust te geven die een advocatenkantoor uitstraalt.
Papier
#f4f1ea
Het canvas. Een warm gebroken wit dat rustiger leest dan het harde wit van de huidige site en de pagina naar drukwerk laat neigen.
Inkt
#051419
Alle lopende tekst, exact de tekstkleur van uw site. Geen puur zwart.
Marine
#28336f
Uw primaire blauw, voor koppen met nadruk, links en het vierogenprincipe in het bewijsblok.
Logomarine
#18233e
De kleur van uw woordmerk, gebruikt voor de zwevende header en de footer, het sterke slotblok van de pagina.
Petrol
#003844
Het donkere petrol dat uw site voor het actieve menu-item gebruikt, hier voor datums, functies, cijfers en het paneel met uw telefoonnummer in het contactblok.
Petrol licht
#d7e3e3
De lichte tint van het petrol, als achtergrond van de hero en van het contactblok, zodat het eerste en het laatste scherm dezelfde kleur dragen.
Amber
#c8742a
Uw oranje, gedempt. Voor de streep boven de kop, de knop Plan een gesprek in de header, de onderstreping onder een link en de spoedregel, zodat het opvalt zonder te schreeuwen.
Olijfpapier
#e4e3d6
Het ene brekende vlak, voor de kennisbank, als een bijlage op iets ander papier.
2 letters, 2 rollen
Spectral
Koppen
Een serif met scherpe schreven die groot gezet gezag heeft en klein als een redactionele kop leest. Hij vervangt uw vette Scala Sans zonder de ernst te verliezen; Scala Sans is een betaald lettertype en kon niet meegeleverd worden.
Rubik
Lopende tekst
Een sans met zachte hoeken die lange alinea's over de Belastingdienst leesbaar houdt, ook op een telefoon op de dag dat iemand u dringend nodig heeft.
Vormen en randen
Alles staat scherp, met hairlines van één pixel als scheiding tussen de situaties, de teamgroepen, de artikelen en de footerkolommen. Portretten, badges en knoppen hebben een ronding van twee pixels; alleen de zwevende headerbalk en het petrol paneel in het contactblok hebben zes pixels. Verder geen kaarten of schaduwen. De foto in de hero loopt aan de rechterkant tot de rand van het scherm door en boven de kop staat een korte amber streep.
Beweging die ondersteunt
Bij laden komen de kopregels na elkaar op, dan de intro, dan schuift de foto vanaf rechts in beeld en als laatste de rij met de rankings. Daarna beweegt de foto in de hero langzaam mee terwijl u scrolt, lopen de rankings in vijftig seconden rustig door beeld en tellen de drie cijfers in het bewijsblok op zodra ze in beeld komen. Wie in zijn systeem heeft ingesteld dat hij geen beweging wil, krijgt alles stil.
Keuzes per sectie
- Header
Een zwevende marine balk met kleine hoeken in de kleur van uw woordmerk, navigatie in de serif van de koppen en rechts de amber knop Plan een gesprek.
De balk hangt los boven de pagina en blijft bij scrollen in beeld, zodat het gesprek altijd één klik weg is.
- Hero
Kop links op zeven kolommen op licht petrol met een amber streep erboven, rechts de foto van twee advocaten in toga voor uw pand in Breda, tot de rand van het scherm.
Iemand bij wie de FIOD op de stoep stond leest eerst de kop; daarna ziet hij het kantoor waar hij terechtkan.
- Rankings
De badges van Chambers Europe en Legal 500 lopen als een rustige, doorlopende rij door beeld, met één regel uitleg erboven.
Een advocatenkantoor toont geen cliënten; de twee onafhankelijke rankings zijn wat er wel is en die horen feitelijk te staan, niet als reclame.
- Situaties
Vier situaties in een lijst met hairlines in plaats van 33 expertises; de kop blijft links staan terwijl u scrolt.
De bezoeker zoekt niet een expertise maar zijn eigen situatie en herkent die in vier regels.
- Onze advocaten
Het hele kantoor op rol: partners en advocaten samen in één rij portretten die u opzij schuift (met initialen waar de foto nog ontbreekt), de ondersteuning als namenlijst; links blijft de tekst staan terwijl u scrolt.
De cliënt vertrouwt zijn zaak toe aan mensen; hij wil zien wie er meelezen en dat is niet een greep van vier gezichten maar het kantoor, in één rij die tot de rand doorloopt zodat u ziet dat er meer volgt.
- Bewijs
Eén grote uitspraak over het vierogenprincipe en daaronder drie cijfers van uw eigen site, zonder kaarten.
Zonder klantreviews is uw werkwijze het bewijs en die leest beter als uitspraak dan als drie tellers.
- Kennisbank
Drie artikelen als krantenkolommen met verticale hairlines, op licht olijfgrijs papier.
Hertoghs Beschouwt is waar adviseurs u van kennen; dit hoort te lezen als een redactiepagina, niet als marketing.
- Contact
Een sectie op licht petrol met links uw vraag plus het portret en de eigen woorden van Ilona Broer die de telefoon opneemt en rechts een donker petrol paneel met het telefoonnummer groot, het spoednummer in amber en beide kantoren.
Op de dag zelf wil iemand een nummer dat opneemt en een mens aan de andere kant, geen formulier; het paneel maakt het nummer het opvallendste element van het blok.
- Footer
Het marine blok van uw logo als slot: het witte woordmerk, uw slogan groot, vier kolommen met lichte hairlines (vestigingen, deze pagina, kanalen, documenten) en een amber streep onderaan.
De footer heeft een eigen sterke kleur en het contactblok erboven weer een andere, zodat allebei opvallen en u weet waar de pagina eindigt.
Wat er met de huisstijl is gedaan
Overgenomen: uw woordmerk in het donkere marine, de witte logovariant, de tekstkleur, het primaire blauw, het petrol, uw slogan en uw eigen portret- en reportagefoto's. Verrijkt: het wit is een warm papierwit geworden, het petrol krijgt een lichte tint voor de hero, het oranje is gedempt tot amber en gericht gebruikt en het lichtgrijs is een olijfgrijs vel voor de kennisbank. Niet overgenomen: de kleine kopjes in kapitalen, de gecentreerde secties en de mix van u en je; deze pagina spreekt u overal met u aan.
Proefdesign door SHD Services. Terug naar het proefdesign