← All work

SOUTHSIDE
HOODLUM

Live
Type
Artist site + browser game
Status
Summary
The live site for SOUTHSIDE HOODLUM — music, the drop, videos, and booking in one place — with HOODLUM RUN, a custom browser game, built straight into it.
southsidehoodlum.net
southsidehoodlum.net — the live SOUTHSIDE HOODLUM site: full-bleed performance video beside the wordmark, the new single, and buttons to shop the drop and hear the single
MUSIC · SHOP · VIDEOS · BOOKING · HOODLUM RUN · MUSIC · SHOP · VIDEOS · BOOKING · HOODLUM RUN · 
01 — The brief

Give SOUTHSIDE HOODLUM a real home on the internet — one place for the music, the drop, the videos and the booking inbox, with enough personality that people stay past the first scroll.

02 — The approach

Lead with him. A full-bleed performance video runs behind the wordmark, then the page moves straight into the new single, the back catalog, the videos, the drop and the booking line — no filler between a visitor and the thing they came for. Then we built a browser game into the site itself, so landing on it is something you play with, not just scroll.

Type
Condensed grotesk · mono
Color
Build
Video hero · store · game
03 — HOODLUM RUN
hoodlum run — the game
HOODLUM RUN — side-scrolling platformer: HOODLUM running from a cop past a row of coins toward a money pile
Play it

A side-scrolling platformer I built from scratch for the HOODLUM world — custom pixel sprites and all. Outrun the cops, grab the coins, and cash out on the money pile at the end of the level. It ships inside the live site: the game opens over the homepage, and beating it unlocks a discount on the drop.

Engine
Canvas · vanilla JS
Art
Custom pixel sprites
Ending
Cash out
04 — Notes

An artist site you actually mess around with. Everything he needs to point people at lives on one page; the game gives them a reason to stay on it. Designed and built end to end — site, store, sprites, and game — and shipped live on his own domain.

05 — Link
southsidehoodlum.net
Live site
Next project
Sauce Walka