Web Design Agency

UX Case Study

Spotify.com Design Audit

Your site performs at a Good level. You are particularly strong in Brand and Fluency, while improvements are recommended in Interaction.

79

Overall Score

Estetik70

UX/IX47

Kararlılık77

İçerik76

Teknik88

Akış100

Marka100

Motion80

Chromatic Aesthetics & Vitality

Score: 70

Colorfulness is measured at 100.00, which is above the commonly referenced balanced range (20-50). This produces a highly striking visual surface but can increase visual noise in dense interface regions. WCAG sampling reports 2 detected contrast issues.

Analysis by Celal Dinç

Colorfulness (M)

100.00

High vitality (striking but visually risky).

Contrast Issues (WCAG)

2 Detected Issues

Automated contrast checks identified violations.

Spatial Balance & Symmetry

Score: 77

Visual balance appears highly asymmetric (%0.0 in sampled run), while grid adherence remains strong at %76. Compositional clutter (52.52) indicates high information density. Border-radius consistency is moderate at %64.

Analysis by Celal Dinç

Visual Balance

%0.0

Left/right visual weight distribution equality.

Compositional Clutter

52.52

High density can increase cognitive load.

Grid Adherence

%76

4px grid alignment consistency.

Border-Radius Consistency

%64

Corner radius consistency.

Typographic Science

Score: 76

The detected type scale is 1.125, with average line-height at 1.31. This suggests reasonably stable typographic rhythm. Font detection shows a custom/other family profile in the scanned snapshot.

Analysis by Celal Dinç

Detected Scale

1.125

Compared against Golden / Minor Third / Major Third references.

Avg Line Height

1.31

Font Type

Other

Interaction Physics & Gestalt

Score: 47

Fitts compatibility is 35/100, despite an average target size of 61px. This indicates variance in clickable target quality across the interface. Gestalt consistency is 60/100, with notable style variation (9 styles).

Analysis by Celal Dinç

Fitts Compatibility

35 / 100

Target size: 61px (avg).

Gestalt Consistency

60 / 100

Style variation: 9 distinct styles.

Interactive Elements

150

Content Intelligence & Sustainability

Score: 76

Readability IQ is 26.2, with long sentence structure patterns. The page includes 367 words and a high 11.5 text/image ratio. Semantic DNA is strong at 90. Sustainability metrics indicate 2.96 MB page weight and estimated 1.78g CO2 per visit.

Analysis by Celal Dinç

Readability IQ

26.2

Complex/academic language tendency.

Word Count

367

Text / Image Ratio

11.5

Semantic DNA

SCORE: 90

Green UX

80.8 / 100

Green UX score.

Page Weight

2.96 MB

Carbon Footprint

99.1

1.78g

Carbon1.78g

Visual Attention & Inclusivity

Score: 77

Attention prediction prioritizes top-level containers (HTML/BODY/DIV at 100pts), suggesting broad focus distribution rather than highly isolated focal hierarchy. Visual hierarchy adherence is flagged as needing improvement. Deuteranopia simulation reports 1 collision.

Analysis by Celal Dinç

Artificial Attention Prediction

HTML (Heading Area)

100

BODY (Body)

100

DIV (Primary Container)

100

Visual Hierarchy Adherence

Should Be Improved

Hierarchy layers can be made clearer.

Color Collision (Deuteranopia)

1 Collision

Technology and Design Infrastructure

Score: 88

No standard design library was detected in the scanned session. The page appears to rely on a custom/pure JS design system. Tech modernity score is 88, with an estimated custom code ratio of ~95%.

Analysis by Celal Dinç

Detected Frameworks

No Standard Design Library DetectedPure Custom JS (Clean Minimalist)

Tech Modernity Score

Maintenance: High effort

Custom: ~95%

Brand Intelligence & Motion Physics

Score: 80

Brand archetype aligns with The Caregiver persona, reinforced by green-coded psychology. Motion metrics show 167ms average duration, 80 smoothness, and 119 animations, with natural bezier easing in the sampled run.

Analysis by Celal Dinç

Brand Archetype

The Caregiver

#Growth#Peaceful#Healthy

"Green symbolizes nature, growth and harmony."

Motion Physics

167ms

Smoothness

Natural (Bezier)

Animation Count

119

Scientific Foundations

Fuzzy User-driven Color Harmony

arXiv•Lai et al. (2023)

User-driven fuzzy modeling for color harmony estimation.

Objective Design Factors & Aesthetics

ScienceDirect•Seckler et al. (2015)

Objective design factors and their relationship with perceived aesthetics.

Visual Complexity & Perception

SIGDOC•Michailidou et al. (SIGDOC)

How visual complexity impacts user perception.

Self-Developed Aesthetics Measure

arXiv•Zheng et al. (2011)

Aesthetic measurement framework for computational interfaces.

Digital Video Colourmaps for Dichromats

Color Research•Viénot, Brettel & Mollon (1999)

Color conversion approaches for dichromat vision simulation.

Web Content Accessibility Guidelines 2.1

W3C Recommendation•W3C (2018)

Accessibility and contrast rules for web interfaces.

This review content is written as an evaluation based on data produced after analysis by our Design Audit Tool (/tools/design-audit). The metrics in this review are generated objectively by our tool. Interpretive commentary on top of those objective metrics may include personal opinion.