LootLocker

Item: LootLocker
Rating: 7.1

Game backend platform for player accounts, stores, progression and live ops.

lootlocker.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 7,569/ ↗

MOBILE · 390

Section outline · Home

01heroSky with 3D clouds, underlined keywords, green button, studio logos1,048
02showcaseStaggered grid of game cover thumbnails600
03featuresTwo cream cards listing developer and publisher features838
04benefitsZigzag of three benefits with 3D objects1,280
05case studiesCarousel of game case study cards811
06resourcesLink list for docs, Discord, SDK, API, changelog376
07ctaSky and clouds band with green button1,026
08footerFour link columns on white502

Rating · Home

Visual design7.4

UX & clarity7.2

Originality7.2

Craft & consistency7.0

Motion5.5

Performance & a11y7.7

This page scores 7.1; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Circularheading · sans · self-hosted Circularbody · sans · self-hosted

Stack & style

Next.js React Tailwind CSS Swiper

Bold typography Playful 3D Rounded / soft Logo cloud Testimonial slider

Also: Vercel, Cloudflare

Design DNA

Saturated sky blue hero with soft 3D cumulus clouds, a heavy rounded grotesk headline with underlined words in white and neon green, and a neon green pill button. Clouds dissolve into an off-white page with a staggered grid of game cover thumbnails, two cream cards listing developer and publisher features with small emoji icons and chevrons, and a 'Why teams choose' zigzag of glossy 3D objects (puzzle piece, toolbox, viking helmet). Case study cards with game art, resource links and a closing sky and cloud CTA band reuse the hero.

Worth borrowing

Bookend the page with the same sky and 3D cloud scene for the hero and final CTA.
Show customers as a staggered mosaic of game cover art instead of a logo row.
Pair each benefit with a glossy 3D object metaphor in a zigzag layout.