Make-over denbestenadvocatuur.nl · schermen
De nieuwe site in beeld
Acht schermen uit het prototype, elk op desktop en op mobiel. De desktopbeelden zijn 1440 px breed en tonen de volledige pagina; de mobiele beelden zijn 390 px breed. Klik op een beeld om het op volle grootte te bekijken en te scrollen. Alle tekst in de beelden komt uit de bestaande site.
Home
prototype.html#/
Eén belofte, één koperen knop naar contact, kantoorkaart met telefoonnummer en adres, trust-bar met vijf feiten uit de bio, acht rechtsgebieden, het verhaal van de advocaat en de drie recentste artikelen.
Rechtsgebieden (hub)
prototype.html#/rechtsgebieden
Het overzicht van de acht rechtsgebieden als kaarten met de samenvatting uit de bron, en de ingang naar de keuzehulp voor wie niet weet waar de vraag onder valt.
Rechtsgebied: Ontslag
prototype.html#/rechtsgebieden/ontslag
Een dienstpagina: de brontekst over het rechtsgebied, de gerelateerde artikelen en één knop naar contact met het onderwerp alvast ingevuld.
Contact (lead-pagina)
prototype.html#/contact
De pagina waar elke route op uitkomt: de koperen telefoonknop, het mobiele nummer, beide e-mailadressen, het adres en het KvK-nummer, en het formulier met validatie.
Artikelen (overzicht)
prototype.html#/artikelen
Het overzicht van de achttien artikelen over rechtspraak, met filter op thema, sortering en zoeken in titel en tekst.
Over Harrie den Besten
prototype.html#/over
De bio, de registratie bij de Nederlandse Orde van Advocaten, de kantoorgegevens, de samenwerking, de kosten en voorwaarden uit de algemene voorwaarden en een zaak uit de praktijk.
Keuzehulp
prototype.html#/keuzehulp
Twee vragen leiden naar het passende rechtsgebied, de bijbehorende artikelen en de knop naar contact.
Hoe de beelden zijn gemaakt
De schermen zijn opgenomen van het prototype in headless Chrome: desktop op 1440 px breed als volledige pagina, mobiel op 390 px breed met mobiele emulatie. Voor de navigatie is het menu vóór de opname via script geopend. De beelden zijn opgeslagen als JPEG (kwaliteit 82) in de map site/hifi/; de thumbnails tonen het deel boven de vouw.
Een beeld is een momentopname. Het prototype zelf is de maatstaf: daar werken menu, filters, keuzehulp en formulier.















