Macadam

Macadam

Une interface inspirée du brutalisme et de la culture club berlinoise de la fin des années 80. Un langage graphique brut et minimal, pensé comme un terrain de rencontre entre culture club et création visuelle.

Date

2025

Missions

UX / UI

Contexte

Macadam, club culturel contemporain situé à Nantes, est un espace de création et de fête dédié aux musiques électroniques et aux pratiques artistiques émergentes. Le lieu est une invitation à l'expression et au mouvement dans leurs états les plus bruts.

Une interface inspirée du brutalisme et de la culture club berlinoise de la fin des années 80. Un langage graphique brut et minimal, pensé comme un terrain de rencontre entre culture club et création visuelle.

Visuel d'un mockup du site Macadam sur mobile.

Le hero du site s’ouvre sur une vidéo artistique expérimentale, conçue comme une introduction à l’univers du club.
Elle traduit l’ouverture de Macadam aux pratiques artistiques contemporaines et aux formes d’expression émergentes.
Juste en dessous, un planning vient informer l'utilisateur sur les évènements en cours.

Visuel du hero du site de Macadam

Macadam puise son inspiration dans
la culture club berlinoise de 1989.
À la chute du mur, les usines
abandonnées, les entrepôts,
les bâtiments en friche deviennent
les terrains d’expérimentation d’une
nouvelle scène électronique.

Macadam puise son inspiration dans la culture club berlinoise de 1989.
À la chute du mur, les usines
abandonnées, les entrepôts,
les bâtiments en friche deviennent les terrains d’expérimentation d’une nouvelle scène électronique.

L’interface reprend cette atmosphère brute :
des grilles, des angles, des contrastes forts et des matières poussiéreuses, comme une architecture numérique héritée de ces espaces.

Visuel du site présentant le club, avec une photo de la scène principale.
Visuel du site présentant les résidents du club
Visuel du site présentant les lieux, avec une carte du bâtiment.
Visuel du site présentant la liste des équipements de Macadam

Le noir profond domine la composition et contraste avec un fond clair texturé, apportant de la matière et de la profondeur à l’interface. Une couleur d’accent (le bleu des liens HTML non stylisés) vient ponctuer la navigation et souligner les interactions.

Le fond du site introduit une texture subtile et organique, évoquant de la poussière en suspension. Cette présence discrète apporte une dimension atmosphérique à l’interface, rappelle l'idée de liberté de mouvement, et contraste avec la rigidité des structures graphiques.

Visuel du site présentant la liste des employés de Macadam
Visuel du site présentant le quartier de Chantenay. Photos du lieu sur fond noir
Visuel du site présentant une fiche descriptive d'un évènement.

La navigation latérale permanente organise l’ensemble du contenu et renforce l’aspect architectural du design. Les grilles structurent les contenus et permettent de mettre en valeur les artworks tout en conservant une lecture fluide.

Les artworks colorés utilisés pour illustrer les événements viennent rompre cette rigueur graphique et insuffler l’énergie et la liberté propre à Macadam.

Visuel du site présentant une fiche descriptive d'un évènement.
Visuel du site présentant une fiche descriptive d'un évènement.

Crédits

Artworks : Différents artistes, en collaboration avec Macadam

Vidéos : Macadam