Retour aux projets
Mission réalisée chez Innovtech

Atelier Bossart en profondeur.

Donner à un studio audiovisuel une présence web plus éditoriale, plus premium et plus fidèle à son univers créatif.

Projet mené chez Innovtech pour mettre en ligne une vitrine élégante et structurée pour Atelier Bossart, studio de production audiovisuelle et podcasts.

Capture du hero du projet Atelier Bossart
Hero d'Atelier Bossart, conçu pour transmettre immédiatement une identité éditoriale forte et une ambiance de studio premium.
Rôle
Développeur frontend en stage
Durée
Mission de stage
Équipe
Innovtech, direction créative, contenu
Impact attendu
Valorisée
Image de marque
Plus cohérente
Narration
Professionnalisée
Présence digitale
Statut
Projet de studio présenté sans divulgation d'éléments propriétaires
Stack mobilisée
Next.jsTypeScriptTailwind CSSLucide ReactSEO
Le contexte

Le problème à résoudre

Le site devait traduire un univers créatif fort tout en présentant clairement les services, les réalisations, la dimension éditoriale et les points de contact d'un studio audiovisuel basé entre Cotonou et Paris.

Objectifs produit

Faire ressentir la singularité du studio dès la première impression.
Présenter les services, références et expertises dans un cadre haut de gamme.
Transformer le site en support crédible de prospection et de prise de contact.

Contraintes & défis

Trouver le bon équilibre entre expression artistique et lisibilité business.
Organiser de nombreuses sections de contenu sans perdre en rythme ni en cohérence.
Préserver une sensation premium tout en gardant une architecture simple à maintenir.
Ce que j'ai livré

Des livrables concrets, pas juste une intention

Cette mission peut être lue comme un ensemble de décisions et de livrables visibles, pas comme une promesse vague.

Livrable

Homepage éditoriale structurée par séquences de marque

Un bloc de travail tangible qui montre mon niveau d'intervention sur le produit, l'interface et la structure globale du projet.

Livrable

Sections services, portfolio, témoignages et contact

Un bloc de travail tangible qui montre mon niveau d'intervention sur le produit, l'interface et la structure globale du projet.

Livrable

Socle SEO et architecture simple à faire évoluer

Un bloc de travail tangible qui montre mon niveau d'intervention sur le produit, l'interface et la structure globale du projet.

Ma réponse

Comment j'ai structuré la solution

J'ai participé à la mise en place d'un site vitrine éditorial, pensé comme une narration de marque complète, avec sections immersives, preuve sociale, portfolio et CTA de contact bien intégrés.

Travailler le rythme de la page

J'ai structuré la homepage comme une succession de séquences: ouverture forte, mise en contexte, services, portfolio, témoignages et appels à l'action.

Faire exister la marque à travers l'interface

Le ton visuel, la hiérarchie des blocs et la mise en scène des contenus ont été pensés pour prolonger l'identité du studio plutôt que la paraphraser.

Conserver une logique de vitrine utile

Au-delà de l'esthétique, j'ai veillé à ce que chaque section serve un objectif précis: informer, rassurer, prouver ou déclencher le contact.

Décisions techniques

Des choix pensés pour durer

Au-delà du rendu visuel, l'objectif était de construire une base claire, maintenable et crédible pour l'équipe.

Composants de sections réutilisables

La page est structurée autour de sections dédiées, ce qui permet de faire évoluer le storytelling ou l'ordre des blocs sans tout reconstruire.

Métadonnées et SEO propres

La base a été pensée pour soutenir la visibilité du studio avec un travail propre sur les métadonnées et la structuration des contenus.

Structure adaptée à une vitrine éditoriale

L'architecture du projet reste simple mais suffisante pour supporter plusieurs blocs métier: portfolio, témoignages, logos clients, citations et contact.

Preuves publiques

Ce qu'un recruteur peut vérifier

J'ai volontairement cadré ces projets avec des éléments observables publiquement pour rester professionnel et crédible.

Preuves publiques

Dépôt public avec structure par sections métiers
Métadonnées explicites et découpage de la page en composants
Positionnement clair comme site vitrine premium pour un studio créatif

Ce qu'il faut retenir

Capacité à servir une identité de marque sans perdre la lisibilité business
Bonne sensibilité au rythme d'une page et à la narration visuelle
Savoir-faire sur les sites vitrines premium qui demandent une vraie direction d'interface

Note de présentation

Le récit se concentre sur la mission, la structure du projet et les choix de présentation visibles publiquement, sans détailler d'informations sensibles.

Résultats

Ce que cette approche apporte

Une bonne case study ne montre pas seulement ce qui a été fait, mais ce que cela change pour les utilisateurs et pour l'équipe.

Valorisée
Image de marque
Plus cohérente
Narration
Professionnalisée
Présence digitale

Résultats qualitatifs

Un site plus aligné avec l'ambition créative du studio.
Une meilleure lecture de l'offre et des preuves de crédibilité.
Une vitrine plus professionnelle pour soutenir la prise de contact et la présence de marque.

Étape suivante : La suite la plus naturelle serait d'enrichir le portfolio de réalisations avec davantage de contenus dynamiques, de filtres et de preuves sociales éditorialisées.

Ce type de projet vous parle ?

Je peux vous aider à clarifier une expérience complexe, renforcer la perception de qualité d'un produit et construire une base frontend plus fiable pour la suite.