Web Design Agency

UX Case Study

Next.js Design Audit

The site performs at a Visionary level (Score: 83). It achieves near-perfect marks especially in FLUENCY and AESTHETICS. However, INTERACTION shows Fitts's Law compliance issues: touch target sizes sit below the critical threshold for mobile ergonomics.

83

Overall Score

Estetik100

UX/IX58

Kararlılık76

İçerik92

Teknik94

Akış100

Marka60

Motion100

Chromatic Aesthetics & Vitality

Score: 100

Under the Hasler-Süsstrunk metric, Colorfulness (M) reads 0.00. Technically “low vitality,” it reflects a deliberate monochrome / minimalist stance. Radical black-and-white treatment removes perceptual clutter entirely. WCAG sampling reports zero contrast issues.

Analysis by Celal Dinç

Colorfulness (M)

0.00

Low vitality (monochrome / minimalist choice)

Contrast Issues (WCAG)

0 Detected Issues

Spatial Balance & Symmetry

Score: 90

Visual center-of-mass analysis yields a 90.8% symmetry score—left and right optical weight are tightly balanced. Compositional clutter sits at 48.90, within a healthy band. Grid adherence is measured at 74%; spatial rhythm follows a coherent system.

Analysis by Celal Dinç

Visual Balance (Weight Delta)

%90.8

Left vs. right visual weight equilibrium.

Compositional Clutter

48.90

Perceptual elements per unit area.

Grid System Adherence

%74

4px / 8px spatial system consistency

Typographic Science

Score: 92

The detected modular scale is 1.200 (Minor Third), keeping hierarchy transitions smooth. Average line-height is 1.60—comfortable for long-form reading without eye strain.

Analysis by Celal Dinç

Detected Scale

1.200

Minor Third

Avg. Line Height

1.60

Interaction Physics & Gestalt

Score: 58

Here is what drags the Visionary score: Fitts compliance 15/100. Interactive targets average 33px. Human-finger ergonomics typically call for 44–48px minimum. Conversely, Gestalt consistency across buttons and CTAs is 100/100—visually disciplined even when targets are small.

Analysis by Celal Dinç

Fitts Compliance

15 / 100

Avg. target size: 33px (critically low)

Gestalt Consistency

100 / 100

Style variation: 5 distinct styles

Content Intelligence & Sustainability

Score: 92

Readability lands around 10.1 (Flesch-style heuristic). Semantic DNA scores 100/100 with a clean H1→H2 hierarchy. Digital sustainability: 1.12 MB page weight and an estimated 0.67g CO₂ per visit—lean for a documentation-heavy surface.

Analysis by Celal Dinç

Readability IQ

10.1

Avg. sentence length (words)

Semantic DNA

Score: 100

Digital Carbon Footprint

99.1

1.12 MB

Carbon0.67g (green band)

Visual Attention & Inclusivity

Score: 99

Saliency modeling ranks main content DIV blocks at 100, side DIV regions at 98, and MAIN at 93. Deuteranopia simulation shows no meaningful loss of readability—the interface stays legible across simulated CVD views.

Analysis by Celal Dinç

Attention Prediction

DIV (content blocks)

100

DIV (side regions)

MAIN (primary)

Color-blindness Simulation

Normal

Deut.

Technology & Design Infrastructure

Score: 88

Instead of an off-the-shelf design kit, the crawl resolves to a custom / lean JS footprint—essentially a bespoke design system. React and Next.js are present in the stack fingerprint. Technical modernity is scored at 88.

Analysis by Celal Dinç

Detected Stack

Custom / lean JSReactNext.js

Tech Modernity Score

Custom: ~85% custom code

Brand Intelligence & Motion Physics

Score: 100

Brand archetype analysis leans toward The Creator. Color psychology reads as a balanced, neutral palette. Motion averages 230ms with a 100 fluidity score; easing favors natural cubic-bezier curves, which reads as organic and premium.

Analysis by Celal Dinç

Brand Archetype

The Creator

#Visionary#Impactful

"A balanced, neutral palette."

Motion Physics

230ms

100

Smoothness

Natural (Bezier)

Bilimsel Temeller

Hasler-Süsstrunk Colorfulness

Measuring colourfulness in natural images•Hasler, D. & Süsstrunk, S. (2003)

Algorithmic assessment of dynamic color range and variance.

Fitts's Law

Journal of Experimental Psychology•Paul Fitts (1954)

Predictive model of human movement widely used in HCI.

Tasarım İnceleme Aracımız (/tools/design-audit) tarafından inceleme sonrasında gelen veriler üzerine bir değerlendirme içeriği yazılmıştır. Bu inceleme yazısındaki veriler aracımızdan gelmektedir ve nesneldir. Gelen nesnel verileri yorumladığımız içerikler kişisel görüş içerebilir..