Den Besten Advocatuur Schermen

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.

Homepage op desktop: kop Arbeidsrecht specialist in Almere, koperen knop Neem contact op, kantoorkaart rechts en trust-bar eronder
Desktop · 1440 px breed, volledige pagina (3687 px hoog)
Homepage op mobiel: wordmark, telefoon- en menuknop, kop en twee knoppen onder elkaar
Mobiel · 390 px breed, volledige pagina (7687 px hoog)

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.

Rechtsgebieden-overzicht op desktop met kaarten in vier kolommen
Desktop · 1440 px breed, volledige pagina (1942 px hoog)
Rechtsgebieden-overzicht op mobiel met kaarten onder elkaar
Mobiel · 390 px breed, volledige pagina (3967 px hoog)

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.

Ontslag-pagina op desktop: kop, tekst en zijkolom met contactknop
Desktop · 1440 px breed, volledige pagina (3173 px hoog)
Ontslag-pagina op mobiel: kop en inleidende tekst
Mobiel · 390 px breed, volledige pagina (6191 px hoog)

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.

Contactpagina op desktop: telefoonknop en contactgegevens links, formulier rechts
Desktop · 1440 px breed, volledige pagina (1809 px hoog)
Contactpagina op mobiel: kop en telefoonknop bovenaan
Mobiel · 390 px breed, volledige pagina (3336 px hoog)

Artikelen (overzicht)

prototype.html#/artikelen

Het overzicht van de achttien artikelen over rechtspraak, met filter op thema, sortering en zoeken in titel en tekst.

Artikelenoverzicht op desktop: filterbalk met thema, sortering en zoekveld boven de artikelkaarten
Desktop · 1440 px breed, volledige pagina (4039 px hoog)
Artikelenoverzicht op mobiel: kop en filters onder elkaar
Mobiel · 390 px breed, volledige pagina (9447 px hoog)

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.

Over-pagina op desktop: kop en bio-tekst met zijkolom
Desktop · 1440 px breed, volledige pagina (3104 px hoog)
Over-pagina op mobiel: kop en bio-tekst
Mobiel · 390 px breed, volledige pagina (6256 px hoog)

Keuzehulp

prototype.html#/keuzehulp

Twee vragen leiden naar het passende rechtsgebied, de bijbehorende artikelen en de knop naar contact.

Keuzehulp op desktop: stappenindicator en de eerste vraag met keuzeopties
Desktop · 1440 px breed, volledige pagina (1335 px hoog)
Keuzehulp op mobiel: eerste vraag met keuzeopties onder elkaar
Mobiel · 390 px breed, volledige pagina (2076 px hoog)

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.

Scherm