Jeune développeur web & designer graphique passionné par la conception visuelle et l’expérimentation, j’ai pour volonté d’apporter des solutions réfléchies, porteuses de sens et adaptées à différentes problématiques. J’ai pu réaliser divers projets de design graphique (sites web, vidéos, affiches...)

Contact :

bonjour@h4sh.club

Fonte utilisée sur ce site web : Syne par Bonjour Monde et Lucas Descroix

projet

tags/description

date

Unknown Land

développement web, modélisation 3D, shaders glsl

2023

Création d’un outil permettant de capturer des images de scènes 3D avec un aspect graphique fort (monochrome) pour les réutiliser ensuite dans un autre contexte.

Accéder au site web

Expérimentation avec P5.js (Neige)

développement web, p5.js

2022

Création d’une scène, d’un canvas, initialement noir, où des points blancs viennent apparaître simulant des flocons de neige qui tombent au sol. Il est possible de dessiner sur ce canvas, avant que la neige recouvre le tracé. Peut également servir de générateur d’image bruitée personnalisable par le biais du tracé.

Accéder au site web

Le code fait loi

développement web, web2print

2021

Développement et design web d’un site à propos de l’écrit Le code fait loi, de la liberté dans le cyberespace de Lawrence Lessig, paru en janvier 2000. Réalisé dans le cadre de l’atelier web de l’ÉSAD Pyrénées. L’esthétique du site est volontairement cyberpunk et poussée avec l’intéractivité de l’utilisateur dans le but de proposer l’écrit comme une édition, un objet, à part entière et non comme juste un site internet. Que ce soit sur navigateur web ou l’écrit peut-être vu comme un objet (avec une caméra qui tourne autour de lui) ou en version imprimable. En effet, le site est également imprimable et mis en page grâce au plugin paged.js, pour que chacun puisse imprimer l’écrit depuis chez soi.

Accéder au site web

444nuits.com

développement web

2021

Développement web du site 444nuits.com, regroupant l’œuvre du rappeur Népal, à partir de maquettes. Intégration d’un player audio en Javascript avec système de playlists.

Accéder au site web

Haïku in Motion

motion design, modélisation 3D

2020

Animation réalisée dans le cadre d’un workshop à l’ÉSAD Pyrénées guidé par le studio DarkPulse, sound design de Gabriel Bouty.

Do The Right Thing

motion design

2020

Redesign du générique du film Do the Right Thing, de Spike Lee, dans le cadre de l’atelier Motion Design à l’ÉSAD Pyrénées.

Le générique reprend une des scènes centrales du film: l’incendie de la pizzeria et du mur de cadres photo installées par le propriétaire. Réalisé lors du mouvement «Black Lives Matter» en 2020, l’esthétique est volontairement minimale, le but était de faire une version du générique plus actuelle. L’aspect cauchemardesque est renforcé par la musique utilisée (de son titre Ring The Alarm) et a été choisie pour appuyer l’intention de remettre au goût du jour ce générique. En effet, la majeure partie des interprètes du morceau sont originaires de Brooklyn, où se déroule le film. Cette musique a été choisie pour sa mise en résonance avec entre autre, la scène suivante au générique présentant un réveil qui sonne.

Musique utilisée: Ring The Alarm, Joey Bada$$ ft. Meechy Darko, Nyck Caution & Kirk Knight (2017)

Polices de caractères utilisées: Savate par Wech et Ouroboros par Ariel Martín Pérez & Hélène Alix Mourrier

Affiches Cinésad

print

2020

Affiches A2 pour un événement fictif, présentant les films de Takeshi Kitano. Réalisé dans le cadre de l’atelier Design Graphique à l’ÉSAD Pyrénées.

lune-noire.com

développement web

2019

Site web autour de l’album Lune Noire, de Sheldon. Carte blanche de la part de l’artiste derrière le projet concernant le design et le développement du site que j’ai pu réaliser. L’univers du projet musical étant très poétique, j’ai essayé de créer une expérience utilisateur, voire une mise en scène, où l’utilisateur est libre de visiter comme il le souhaite une scène 3D donnée.

Accéder au site web

Shape your vortex

développement web, p5.js

2019

Recherches et expérimentations graphiques avec la library P5.js ou Processing. Création d’outil graphique présentant une interactivité avec l’utilisateur. Sur ce site, il faut d'abord créer une forme, sélectionner un espacement, et cliquer pour générer le vortex.

Accéder au site web (fonctionne mieux sous Google Chrome)