Retour Projet Global

Webdocumentaire Keith Haring : L’Art de l’Engagement .

Année 2025
Commanditaire Projet Universitaire
Rôle Conception UX/UI & Rédaction du Contenu
Figma Prototype
Interagir sur Figma

Conception Éditoriale et Narration Multimédia

L’Enjeu

L’objectif principal était de concevoir la maquette d’un webdocumentaire composé de trois à quatre séquences pour présenter un artiste contemporain à un public étudiant. Ce projet universitaire servait également d’exercice préparatoire avant la réalisation complète d’un webdocumentaire dédié à une artiste mayennaise, Alice Stevens. Il s’agissait de définir une narration arborescente pertinente, soutenue par une problématique de fond.

La Réflexion

Mon choix s’est porté sur Keith Haring, articulé autour de la problématique suivante : « L’art comme vecteur d’engagement social et de dialogue avec le public ». J’ai délibérément structuré le récit en quatre axes d’analyse :

  • l’intervention dans l’espace public,
  • l’activisme visuel,
  • l’accessibilité du message,
  • l’héritage culturel.

Cette ligne éditoriale visait à explorer ses engagements sociétaux (lutte contre le SIDA, opposition à l’apartheid) tout en s’assurant que le propos soit directement captivant pour la cible étudiante.

L’Exécution

La phase de production a débuté par des recherches documentaires approfondies, croisant sources primaires (archives de la fondation, écrits de l’artiste) et secondaires. J’ai ensuite élaboré la conception détaillée de chaque page, en sélectionnant les contenus multimédias adaptés (textes, photographies d’œuvres, vidéos d’archives) et en planifiant les interactions pour fluidifier la découverte des différents axes.

Direction Artistique et Prototypage Interactif

L’Enjeu

Il fallait concevoir une interface capable de traduire visuellement l’univers singulier de l’artiste, tout en garantissant une expérience utilisateur ergonomique. Le défi consistait à trouver la parfaite synergie entre l’identité visuelle de Haring et la clarté de navigation attendue sur ce type de support (bien que des libertés soient permises par la forme de l’exercice).

La Réflexion

Afin de capter l’attention d’une audience jeune, j’ai privilégié une inspiration directe et assumée du style de l’artiste. La direction artistique s’est concentrée sur la création d’une esthétique dynamique et énergique, en s’appropriant ses codes graphiques : utilisation de lignes épaisses, aplats de couleurs primaires et intégration de ses figures stylisées emblématiques. L’intention était de rendre l’interface immédiatement reconnaissable et engageante.

L’Exécution

J’ai conçu le prototypage interactif haute fidélité directement sur Figma. L’interface de la page d’accueil a été structurée pour faciliter un accès intuitif aux quatre parcours de navigation, en appliquant rigoureusement les choix graphiques définis lors de la phase d’avant-projet pour assurer la cohérence visuelle globale.

YOUTUBE

Création Audiovisuelle et Design Sonore Immersif

L’Enjeu

Le cahier des charges imposait la création et l’intégration d’un montage audio de 30 secondes lié à l’œuvre de l’artiste, avec une contrainte narrative forte : l’interdiction d’utiliser des voix de dialogue ou des interviews.

La Réflexion

Pour illustrer l’axe dédié à ses interventions dans l’espace public, j’ai conceptualisé un habillage sonore immersif destiné à recréer l’atmosphère de ses dessins clandestins à la craie sur les panneaux publicitaires vierges des métros new-yorkais. L’objectif n’était pas d’expliquer littéralement sa technique, mais d’offrir une expérience sensorielle simulant la création d’une œuvre en temps réel.

L’Exécution

J’ai opéré un mixage sonore minutieux en assemblant divers bruitages issus de banques de sons (frottements de craie, sons de station de métro, murmures et brouhaha). Cette capsule a été synchronisée avec un visuel fixe, suggérant l’œuvre en train de se construire.

Arsenal Technique

Design D'Interface UX/UI Rédaction Narration Conception Création Graphique Figma Prototypage Maquettage
© ANNET-ROMAIN — 2026 | CONCEPTEUR-RÉALISATEUR WEB & GRAPHIQUE | © ANNET-ROMAIN — 2026 | CONCEPTEUR-RÉALISATEUR WEB & GRAPHIQUE | © ANNET-ROMAIN — 2026 | CONCEPTEUR-RÉALISATEUR WEB & GRAPHIQUE | © ANNET-ROMAIN — 2026 | CONCEPTEUR-RÉALISATEUR WEB & GRAPHIQUE |
CV