CASE STUDY · 01   /  CULTURAL EXPERIENCES 2020-2023 · PARIS, FR

Fleur de Papier.

A Paris-based cultural mediation agency. As creative developer, I built immersive, educational web experiences for cultural institutions (interfaces for the web, touch screens and exhibition contexts), working alongside designers, project managers, illustrators and the institutions themselves.

Fleur de Papier logo
ROLE
Creative Developer
PERIOD
2020-2023
STACK
Vue · Nuxt · GSAP
OUTPUT
6 productions · 5 institutions
( 01 ) CONTEXT

The mission

Fleur de Papier crafts digital mediation for the cultural sector, turning collections, archives and exhibitions into experiences the public can touch, play and explore, for national institutions, regional museums and cultural venues.

Every production balances curatorial rigor with playfulness: content shaped together with curators and institutions, interfaces designed for visitors of every age, running on everything from gallery touch tables to exhibition kiosks.

My role

I worked as creative developer and front-end developer, building the interaction and animation layers, translating design intent into working interfaces, and taking productions from prototype to on-site installation alongside designers, project managers and illustrators.

Front-end architecture & development ALL PROJECTS
Interaction & animation design GSAP / CANVAS
Kiosk & touch-table deployment ON-SITE
Flash → modern web migrations LEGACY
( 02 ) SELECTED PRODUCTIONS 6 PROJECTS

Video demonstrations of the productions I developed. Hover for a silent preview, click to watch full-screen.

BnF Richelieu, video poster
BNF-RICHELIEU_DEMO.MP4 00:29
HOVER PREVIEW · MUTED
01

BnF Richelieu

FEATURED

An interactive digital experience for the Richelieu site of the Bibliothèque nationale de France. Visitors explore grouped collection items, including ancient coins, by touch, zoom into individual works for a closer look, and are welcomed by a multi-language idle attract screen (DÉBUT · START · INICIO).

Read the full case
MY CONTRIBUTION
Creative development & front-end: interactions, animations and integration
TECHNOLOGIES
Touch UIZoomMulti-language
La Contemporaine, video poster
LA-CONTEMPORAINE_DEMO.MP4 00:16
02

La Contemporaine

A web cultural-mediation experience for La Contemporaine, an editorial, document-driven journey through exile testimonies and the Chilean dictatorship, built around the question “À partir de quels documents s’écrit l’histoire ?”.

ROLE Front-end & interactive development: content integration and accessibility
TECH
Editorial webInteractiveAccessibility
Terre Adélice, video poster
TERRE-ADELICE_BD.MP4 00:51
03

Terre Adélice

An interactive comic combining illustration, narration and web interactions: the story of an artisanal ice-cream maker rooted in the Eyrieux valley, in the Ardèche.

ROLE Creative development: graphic integration, interactions and narrative progression
TECH
Interactive comicIllustrationAnimation
IN PREPARATION
DEMO IN PREPARATION
04

L'Atrium de Rouen

INSTITUTION TBC

An interactive mediation app for L'Atrium de Rouen, in a cultural and scientific context: front-end development, interactive integration and animation.

InteractiveMediation
La Contemporaine (Touch tables), video poster
LA-CONTEMPORAINE-TOUCH_DEMO.MP4 00:23
05

La Contemporaine (Touch tables)

In-gallery touch exploration of the museum collections. Visitors browse grouped artworks, WWI-era prints and drawings, and zoom into individual works in detail on large touch screens.

Touch tablesZoomIn-gallery
IN PREPARATION
DEMO IN PREPARATION
06

Auberge des Dauphins

INSTITUTION TBC

A digital experience for the heritage site of the Auberge des Dauphins, in the heart of the Saou forest, an interactive mediation interface connecting cultural content, storytelling and visual experience.

MediationHeritage
( 03 ) APPROACH
01

Creative development

Custom interaction models and canvas work where they serve the story, never as decoration.

02

Accessibility

Public installations must work for everyone: children, seniors and first-time visitors alike.

03

Performance

Smooth motion on modest kiosk hardware and fast loads on gallery networks: performance is part of the design.

04

Animation & motion

Motion as narration: GSAP timelines and scroll choreography that guide attention rather than distract.

05

Interactive storytelling

Editorial structures that turn collections and archives into narratives visitors want to follow.

06

Flash → modern web

Migrating legacy Flash / ActionScript 3 experiences to standards-based JavaScript and Vue.js.

← BACK TO Portfolio NEXT CASE → Personal Projects

© 2026 Rama Herbin. All rights reserved.

🌱 Carbon footprint neutral Learn more
Made with FancyUI