Visuele Hiërarchie Analyzer

Invoer

Design Description

Landing page: top has a small logo left, nav links right. Hero is a centered headline (~28px), a gray subhead, and a blue 'Sign up' button the same size as a secondary 'Learn more' button beside it. Below are three equal feature cards. The testimonial and pricing are far down, and there's a second identical CTA in the footer.

Design Type

landing

Analysis Focus

conversion

Uitvoer (fragment)

HIËRARCHIEPROBLEMEN (conversie): 1) De kop op 28px is te zacht voor een hero — verhoog naar 44-56px om de eerste 3 seconden te winnen. 2) Primaire en secundaire CTA's delen hetzelfde gewicht — zwak 'Meer weten' af (ghost/tekststijl) zodat het oog kiest voor 'Aanmelden'. 3) Prijzen en testimonials staan onder een lange scroll — trek één bewijspunt dicht bij de hero. 4) Twee identieke CTA's splitsen de focus; varieer de formulering. PRIORITAIRE OPLOSSING: vergroot de kop + één dominante CTA. Verwachte stijging: helderder scanpad, snellere beslissing.

Invoer

Design Description

Newsletter email: full-width hero image with white text baked into it, a light gray body text on white background (~13px), one orange button, and a footer with tiny 10px legal text and low-contrast unsubscribe link.

Design Type

email

Analysis Focus

accessibility

Uitvoer (fragment)

TOEGANKELIJKHEIDSHIËRARCHIEPROBLEMEN: 1) Tekst die in de hero-afbeelding is gebakken, is onzichtbaar voor schermlezers en breekt wanneer afbeeldingen worden geblokkeerd — verplaats de kop naar live HTML. 2) Lichtgrijze body van 13px op wit faalt waarschijnlijk WCAG AA-contrast — verdonker naar minstens #595959 en verhoog naar 15-16px. 3) Juridische tekst van 10px is onleesbaar — minimaal 12px. 4) Een afmeldlink met laag contrast brengt compliance en vertrouwen in gevaar — maak die duidelijk zichtbaar. PRIORITEIT: live tekst + contrast. Deze verbeteren ook de afleverbaarheid en scanbaarheid.

Invoer

Design Description

Analytics dashboard ported to mobile: a top row of four KPI cards squeezed side by side, a large line chart, then a dense data table with 8 columns. Everything is the same font size and weight, and the most important metric (revenue) sits third from left.

Design Type

dashboard

Analysis Focus

mobile

Uitvoer (fragment)

MOBIELE HIËRARCHIEPROBLEMEN: 1) Vier KPI-kaarten in één rij worden onder ~90px breed verpletterd — stapel naar een 2x2-raster en begin met Omzet, niet de derde van links. 2) Uniforme grootte/gewicht betekent dat niets het oog leidt — maak de hero-metriek ~2x groter en vet. 3) Een tabel met 8 kolommen is onbruikbaar op mobiel — schakel over naar een kaartlijst of horizontaal scrollen met een vastgezette eerste kolom. 4) De grafiek heeft ademruimte boven de tabel nodig. PRIORITEIT: herschik op belangrijkheid + responsief KPI-raster.