top of page
BANNER_PNF.jpg

PROSE N' FLOW

Prose N' Flow est un festival fictif de Jazz-rap et de poésie traditionnelle japonaise (haïku). Dans le cadre d'un projet en web design, nous avons imaginé le site de cet événement.

 

Entre modernité et tradition, entre sobriété et extravagance, il nous a fallu jongler entre ces deux univers qui, au premier abord, semblent très différents. Toutefois, notons que le Hip-Hop s'est inspiré du Japon et de sa pop-culture à maintes reprises, bien avant que ces derniers bénéficient de l'engouement actuels pour ces univers.

Brief

Imaginer et prototyper le site web d'un festival fictif de Jazz-rap et de Haïku.

Réalisé avec

Figma - Illustrator

En collaboration avec

Fallen Monticelli

LANDING.png

Typographies

L'Oni vient rappeler la calligraphie, et les tracés au pinceau employé pour rédiger les kanji (fun fact: le Oni est un yokaī, une créature récurrente du folklore japonais). Déliés qui contrastent fortement avec les pleins, dont l'épaisseur varie pour donner une forme plus manuscrite. Des pleins épais et droits rappelant également l'univers visuel du Jazz-rap.

​

La Semplicita Pro, qui amène plus de légèreté et de souffle. À la fois ronde et droite, elle fait écho à l'architecture japonaise: élégante, sobre, jouant avec les espaces négatifs et positifs.

PROSENFLOW_FONTS.jpg

Couleurs

Elles s'inspirent du hip-hop et du jazz, qui usent de couleurs vives et chaleureuses.

COLOR_PALETTE1.png

USAGE

COLOR_PALETTE_2.png

Noir et blanc pour les textes en fonction de la couleur du fond. Aussi employées sur le fond pour plus de contraste, le blanc étant majoritaire afin d'alléger les pages, riches en couleurs.

COLOR_PALETTE3.png

Couleurs exclusivement utilisées sur les formes et les boutons

COLOR_PALETTE4.png

Boutons et éléments iconographiques

Formes

Libres et tout en rondeurs, ces formes s’inspirent de l’art traditionnel japonais et viennent traduire l’esprit poétique et libre du festival, le flux entre rimes et rythmes, la jonction du Jazz-Rap et des Haïku.

 

S'utilisent exclusivement sur les fonds: elles permettent d'accompagner le texte en dirigeant la lecture, et également de donner une forme nouvelle à nos images. 

SHAPES1.png
SHAPES2.png
SHAPES3.png
SHAPES4.png

Navigation

PROGRAMME2.jpg
PROGRAMME1.jpg
LINEUP1.jpg
LINEUP2.png
ATELIERS.jpg
CONCOURS.jpg
INFO1.jpg
INFO2.jpg
CONTACT.jpg
SOUTENIR.jpg
ABOUT.jpg
bottom of page