Independent Audit · UX & Accessibility · Regulated Platform

Betsson Casino

A focused UX and accessibility audit — identifying pattern inconsistencies, usability friction, and WCAG-related gaps across navigation, hero, typography, and contrast.

Mobile + Desktop
Cross-platform review
WCAG-aligned
Accessibility compliance focus
Minimal + Advanced
Two tiers of design solutions
A/B/C testable
Concepts designed for validation
Betsson Casino — audit overview
Pre-login experience reviewed — where clarity, accessibility, and hierarchy are most critical.
My role
Senior Product Designer
UX review, accessibility assessment, design concepts, and actionable recommendations
Type
Independent audit
Not commissioned — personal case study based on professional experience and WCAG guidelines
Approach
Find → Fix → Test
Observations, minimal solutions, advanced concepts, and A/B/C testing proposals

Scope

Focus areas

High-impact, high-visibility areas where small design changes produce meaningful improvements — all before account creation or login.

01
Navigation
Clarity, icons, readability, contrast, tap targets
02
Hero section
Hierarchy, trust signals, early conversion flow
03
Typography
Sizing, weight, readability across screens
04
Colour contrast
WCAG ratios, legibility, visual clarity
Audit goals and focus areas
Audit structure — separate minimal solutions from advanced concepts, test rather than assume.
Scope of review — core interface areas
Scope — core areas that shape first impressions and early interaction decisions.

Finding

Navigation issues

Semantic ambiguity, readability challenges, contrast shortcomings, and tap target issues — compounding cognitive load at a critical journey moment.

Issue
Misleading icons
User icon suggests account functionality but surfaces trust content — creating expectation mismatch.
Issue
Poor readability
Light font weight + all-caps in primary nav increases cognitive effort when scanning.
Issue
Contrast failures
Primary CTAs don’t consistently meet WCAG contrast ratios — actions harder to distinguish.
Issue
Small tap targets
Elements below 42px minimum height — increasing mistaps and interaction friction on mobile.
Mobile navigation — identified issues
Mobile navigation — semantic ambiguity + density issues across the header.
Typography and readability concerns
Typography — light weights + all-caps reduce legibility on smaller screens.
Colour contrast issues in navigation
Contrast — CTAs failing recommended ratios, impacting accessibility.
Tap target size limitations
Tap targets — elements below 42px minimum make accurate interaction harder.
Desktop navigation — readability and contrast
Desktop — similar readability and contrast issues persist at larger viewports.

Finding

Hero section issues

Visual hierarchy, trust signalling, and early conversion flow — the hero shapes first impressions and guides the first meaningful action.

Issue
Logo sizing
Payment/partner logos inconsistently sized — reducing their effectiveness as trust signals.
Issue
Background competition
Imagery competes with foreground text — weakens hierarchy and slows content scanning.
Issue
Pre-filled form
Encourages action before understanding — potential flow disruption for new users.
Issue
Mobile badges
Trust elements not optimised for smaller screens — harder to interpret at constrained sizes.
Hero section — logo sizing and trust signals
Logo sizing — inconsistent sizes reduce trust signal effectiveness.
Hero section — background competing with content
Background competition — imagery weakens text hierarchy and scanning speed.

Solutions

Proposed improvements

Minimal and advanced design concepts — structured for A/B/C testing rather than subjective redesign.

Mobile — current state analysis
Mobile current state — identifying specific friction points.
Mobile — improvement areas highlighted
Improvement areas — annotated friction points with proposed direction.
Mobile — proposed improvement concept
Proposed concept — clearer hierarchy, improved contrast, stronger trust signals.
Header and hero visual hierarchy improvements
Revised header — stronger content separation, improved typographic emphasis.
Trust signalling improvements
Trust signals — logos repositioned and equalised for clearer credibility cues.
Typography improvements
Typography — stronger weight, mixed case, improved scan-ability.

Outcome

What the audit delivered

Deliverable
Prioritised findings
UX and accessibility issues ranked by impact and effort
Solutions
Two tiers
Minimal (low-risk, easy to validate) + Advanced (higher impact)
Validation
A/B/C testable
Concepts designed for comparative testing, not subjective swap
Reference
Shared doc
One source of truth for Product, Design, and Engineering

Takeaways

What this reinforced

Regular audits prevent compound drift
Small unresolved issues grow into systemic problems — structured reviews help teams stay ahead.
Test, don’t assume
Design concepts should be candidates for validation — not declarations of the “right” answer.
Accessibility is a baseline, not a feature
In regulated environments, compliance gaps aren’t just UX problems — they’re business risks.

This is an independent UX/UI design audit conducted as a personal case study. It was not commissioned, and I have no professional or commercial relationship with Betsson or any related brand.

Thanks for reading

Discover more from thepace.me

Subscribe now to keep reading and get access to the full archive.

Continue reading