NO. 05 / 11 — BASSTARD BEAT

BRANDING / UI/UX / FRONT-END BUILD 2023

BASSTARD BEAT.

My own brand as a DJ — and the one project where I was the client, the designer and the developer.

SCROLL ↓

Basstard Beat is my own DJ brand — downtempo, tech house, techno and drum and bass, played around Montréal. It was also the final project for the web design course in my full-stack degree at John Abbott: identity, interface and front-end, built from scratch in Bootstrap, HTML and CSS. No theme, no page builder, nobody to hand it off to.

CLIENT
Personal project
YEAR
2023
ROLE
Branding, UI/UX, web development
CONTEXT
Final project — Full Stack Developer, John Abbott College
STACK
BOOTSTRAP / HTML / CSS — PS / AI / FIGMA
(THE POINT)

Designed it, then wrote it. Nothing got lost in the handoff, because there wasn't one.

(01 — SPECIMEN) TYPE + COLOR
BRAND TYPEFACE — POPPINS / 400 + 700
Aa.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789&?!

Danger RGB 225, 11, 50
HEX E10B32
Midnight RGB 5, 13, 26
HEX 050D1A
H2O RGB 68, 182, 166
HEX 44B6A6
(02 — WEB) DESIGNED AND BUILT
The Basstard Beat site on a laptop, the full page top to bottom — skull hero, bio, six mixes with players, and the events table.
The events table on tablet — dates, cities, venues and ticket links — beside the logo on a phone.
EVENTS — DATES, VENUES, TICKETS
(THE BUILD)

Outlined display type, a skull in headphones, and six mixes that actually play. Red on near-black, with one teal that only ever shows up to interrupt.

(03 — RESPONSIVE) BUILT MOBILE OUT
Five phones — menu, the mixes list, the skull hero, the bio, and the red events screen.
(04 — CREDITS)
BRANDING / DESIGN / BUILD / DJ
Alex Coanda
TOOLS
Figma, Photoshop, Illustrator — Bootstrap, HTML, CSS