Web Design Agency

UX Case Study

Airbnb Türkiye Design Audit

The Turkish storefront of a global marketplace giant, airbnb.com.tr pairs a React-driven stack with Airbnb’s signature Cereal type system. Computational metrics surface a paradox familiar to dense product UIs: brand and motion scores peak while spatial balance and Fitts compliance lag—a trade-off between immersive discovery layouts and strict mobile touch-target guidelines.

75

Overall Score

Estetik70

UX/IX55

Kararlılık48

İçerik60

Teknik85

Akış100

Marka100

Motion100

Chromatic Aesthetics & Vitality

Score: 68

The Hasler-Süsstrunk colourfulness metric registers M ≈ 66.12—well above the literature’s often-cited 20–50 “vibrant but not fatiguing” band. For a travel marketplace built on photography and emotional cues, this is partly intentional; the audit nonetheless flags visual noise risk when many saturated tiles compete on one viewport. WCAG contrast sampling reported zero automated contrast issues in the audited pass.

Analysis by Celal Dinç

Colorfulness (M Score)

66.12

High vitality (striking but cognitively demanding)

Perceptual Contrast (WCAG)

0 Detected Issues

Spatial Balance & Symmetry

Score: 48

The visual balance ratio lands near 15.7%—a strongly asymmetric layout typical of hero-led, map-heavy, or card-rail homepages. Compositional clutter (~20.9) and 4px grid adherence (~27%) indicate that whitespace and rhythm are sacrificed for information density. This is not a “bug” so much as a product choice; it does elevate cognitive load on first paint.

Analysis by Celal Dinç

Visual Balance (Symmetry)

%15.7

Left/right visual weight asymmetry.

Compositional Clutter

20.88

Perceptual elements per unit area.

Grid System Adherence

%27

4px grid alignment consistency

Typographic Science

Score: 88

Typography follows a Major Third (1.250) modular relationship between levels—aligned with Airbnb’s systematic scale. The primary face resolves to Airbnb Cereal VF in the crawl, with sans-serif generic fallbacks. Average line-height near 1.31 supports scan-heavy interfaces; pairing with short UI strings works better than long editorial copy.

Analysis by Celal Dinç

Detected Scale

1.250

Major Third (distinct hierarchy steps)

Vertical Rhythm (Line-Height)

1.31

Interaction Physics & Fitts's Law

Score: 55

Fitts's Law scoring collapsed to 10 / 100: many interactive nodes register below mobile-friendly touch targets (audit: 19 controls flagged as undersized). Average target size ~38px sits under the common 44px guideline. Gestalt consistency remains perfect (100)—component families are coherent even when targets are tight.

Analysis by Celal Dinç

Fitts Compliance Index

10 / 100

Avg target ~38px; ideal ≥44px on touch.

Interface Consistency

100 / 100

Three dominant button styles; low style entropy.

Content Strategy & Semantic Structure

Score: 72

Heading hierarchy scores highly on the audited view (Semantic DNA: 100) with a clean H1→H2→H3 ladder. Readability heuristics (avg words per sentence) read as complex/academic relative to marketing copy norms—expected when legal, policy, and listing microcopy inflate averages. ~164 words of visible text were captured in the snapshot; page weight ~2.94 MB and 118 HTTP resources reflect a media-rich, script-heavy surface.

Analysis by Celal Dinç

Readability (heuristic)

41.0

Avg sentence length (words) — dense copy patterns

Semantic DNA

Score: 100

Digital Carbon Footprint

99.1

2.94 MB

Carbon

Visual Attention (Saliency) & Inclusivity

Score: 68

Saliency ordering surfaced generic containers (HTML / BODY / DIV) at the top of the stack—typical when the hero is a large composite region rather than a single semantic headline. The audit labels visual hierarchy adherence as needing improvement for that reason. Deuteranopia simulation reported one color collision pair; WCAG contrast can pass while discriminability under CVD still merits a second design pass on chips, maps, and status hues.

Analysis by Celal Dinç

Attention Intensity (Saliency)

Heading area (HTML)

Body chrome

Primary content shell

Color blindness (Deutan)

Normal

Deut.

Tech Infrastructure & Performance

Score: 88

React is detected in the runtime fingerprint; the audit classifies the stack as a modern standard implementation with a tech modernity score of 95. First Contentful Paint was observed at 2463ms in the run—acceptable for a globally distributed app shell but still a candidate for edge caching and bundle splitting on repeat visits. Custom-code ratio is estimated around ~80% given framework detection, not “hand-rolled vanilla.”

Analysis by Celal Dinç

Tech Stack

ReactModern SPA patterns

Tech Modernity Index

Custom: ~80% (vs. off-the-shelf UI kits)

Brand Perception & Motion Psychology

Score: 100

Chromatic cues push the persona toward The Hero archetype—urgency, energy, and boldness consistent with Airbnb’s adventure narrative. Motion physics show ~240ms average transition timing (inside the “snappy but legible” band) with natural cubic-bezier easing dominating over linear tweens. 28 animated surfaces were counted—high, but aligned with a dynamic marketplace UX.

Analysis by Celal Dinç

Dominant Brand Archetype

The Hero

#Bold#Energetic#Urgent#Modern

"Red-forward accents signal energy, passion, and immediacy."

Motion Physics

240ms

100

Smoothness

Natural (Bezier)

Bilimsel Temeller

Perceptual Colourfulness

Proceedings of SPIE•Hasler, D., & Süsstrunk, S. E. (2003)

Measuring colourfulness in natural images.

Fitts's Law & HCI

Human-Computer Interaction•MacKenzie, I. S. (1992)

Fitts' law as a research and design tool in human-computer interaction.

WCAG 2.1 Contrast Requirements

W3C Recommendation•W3C (2018)

Luminance-based contrast ratios for text and UI components.

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..