NO. 05 / 11 — BASSTARD BEAT

IMAGE DE MARQUE / UI/UX / DÉVELOPPEMENT FRONT-END 2023

BASSTARD BEAT.

Ma propre marque de DJ — et le seul projet où j'étais le client, le designer et le développeur.

DÉFILER ↓

Basstard Beat, c'est ma marque de DJ — downtempo, tech house, techno et drum and bass, joués un peu partout à Montréal. C'était aussi le projet final du cours de design web de mon DEC full-stack au Collège John Abbott : identité, interface et front-end, bâtis à partir de zéro en Bootstrap, HTML et CSS. Pas de thème, pas de constructeur de pages, personne à qui le remettre.

CLIENT
Projet personnel
ANNÉE
2023
RÔLE
Image de marque, UI/UX, développement web
CONTEXTE
Projet final — Développeur full-stack, Collège John Abbott
STACK
BOOTSTRAP / HTML / CSS — PS / AI / FIGMA
(LE POINT)

Je l'ai dessiné, puis je l'ai codé. Rien ne s'est perdu dans le transfert, parce qu'il n'y en a pas eu.

(01 — SPÉCIMEN) TYPO + COULEURS
POLICE DE MARQUE — 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) CONÇU ET CODÉ
Le site Basstard Beat sur un portable, la page complète de haut en bas — le crâne en entête, la bio, six mixes avec lecteurs, et le tableau des événements.
Le tableau des événements sur tablette — dates, villes, salles et liens de billets — à côté du logo sur un téléphone.
ÉVÉNEMENTS — DATES, SALLES, BILLETS
(LA CONSTRUCTION)

De la typo au trait, un crâne au casque d'écoute, et six mixes qui jouent pour vrai. Du rouge sur presque-noir, avec un seul sarcelle qui ne se montre que pour interrompre.

(03 — ADAPTATIF) PENSÉ MOBILE D'ABORD
Cinq téléphones — le menu, la liste des mixes, le crâne en entête, la bio, et l'écran rouge des événements.
(04 — CRÉDITS)
IMAGE DE MARQUE / DESIGN / CODE / DJ
Alex Coanda
OUTILS
Figma, Photoshop, Illustrator — Bootstrap, HTML, CSS