#mabiosphere

Créé pour le CTIG, Ma Biosphère est un site expérientiel conçu pour sensibiliser les visiteurs à la fragilité des écosystèmes marins et terrestres. En parallèle d’un concours dédié, chaque participation permettait de contribuer concrètement à la préservation de l’environnement en choisissant de planter un arbre ou un corail. La mission consistait à imaginer une expérience immersive capable d’éduquer, de mobiliser et d’inviter à l’action en un seul geste.

guadeloupe
ctig
biosphere
picto projet web
picto projet web
picto projet web
picto projet web
typo-biosphere

Le défi UX principal consistait à créer une entrée en matière à la fois simple, symbolique et intuitive. Le site devait offrir deux récits immersifs — la forêt et le corail — tout en guidant l’utilisateur sans effort. Le choix initial “Je plante un arbre” ou “Je plante un corail” devait non seulement être compris instantanément, mais aussi déclencher une action narrative forte : un scroll vers le haut pour explorer la forêt, un scroll vers le bas pour plonger dans l’univers marin. Cette mécanique devait être fluide, lisible et immédiatement engageante.

L’approche UX s’est centrée sur la création d’une interaction d’entrée claire et narrative. Le site a été conçu autour d’un double parcours vertical : vers le haut pour rejoindre l’univers de la forêt, vers le bas pour découvrir celui du corail. Ce choix de navigation permettait de structurer l’expérience comme deux récits parallèles, accessibles en un geste, tout en maintenant une compréhension immédiate du fonctionnement. Les contenus pédagogiques ont été organisés de manière progressive, afin de laisser l’utilisateur avancer dans chaque écosystème à son rythme, sans surcharge d’informations.

ctig webdesign
mobile webdesign exemple
mobile webdesign exemple

La direction artistique s’appuie sur deux univers immersifs distincts : la densité chaude et organique de la forêt, et la profondeur lumineuse de l’écosystème marin. Chaque axe visuel a été travaillé pour créer une atmosphère identifiable dès le premier scroll, tout en restant cohérent avec l’ensemble du site.

L’interface adopte une esthétique épurée pour laisser la place aux visuels pédagogiques et aux environnements naturels.
Les choix typographiques, les jeux d’échelles et les transitions renforcent la dimension narrative, tout en garantissant une lisibilité claire des informations scientifiques.

desktop webdesign exemple

Résultat

Le site offre une expérience éducative à la fois ludique et immersive, permettant à chaque visiteur de s’engager immédiatement dans la préservation des écosystèmes. La mécanique d’entrée — planter un arbre ou un corail — facilite la participation tout en renforçant la compréhension des enjeux environnementaux. Cette approche narrative et visuelle a permis de rendre l’apprentissage plus intuitif, tout en valorisant la démarche écoresponsable du CTIG et l’impact concret généré par le concours.

Role
User Experience
Web Design
Visual Design
User Interface

mabiosphere.fr

Selected projects

Talk about a project ?
Say hello.

© Marin des Sables

Scroll up Drag View