Dev FullStack

Retour aux projets

NZONZI Studio

Refonte complète du site d'un studio créatif afro-caribéen : vitrine bilingue, boutique en ligne, lecture de manga et back-office sur mesure

Next.js 16React 19TypeScriptTailwind CSS 4PostgreSQLPrismaAuth.jsStripenext-intlVercel

Contexte du projet

NZONZI Studio est un studio créatif basé à Bruxelles (animation 2D, branding, écriture, formations et édition du manga MIWA). Son ancien site WordPress ne convertissait pas : il présentait le studio sans guider les visiteurs vers une demande de devis, une inscription ou un achat. J'ai mené la refonte de bout en bout, de la recherche UX et de l'accompagnement sur les textes jusqu'à la mise en production, avec un objectif clair : transformer le site en outil d'acquisition pour chacune des activités du studio.

Défis techniques

Le site devait servir quatre publics très différents (marques et éditeurs, apprenants, lecteurs, acheteurs) sans perdre en clarté. Il fallait aussi donner au studio une autonomie complète sur son contenu : accueil, portfolio, produits, témoignages et chapitres du manga se gèrent depuis un back-office avec des rôles distincts. Côté technique, les points sensibles étaient le paiement Stripe avec gestion de stock et livraison de fichiers numériques, la mesure des conversions publicitaires sur cinq plateformes respectueuse du consentement, et la sécurité des formulaires publics.

Galerie

  • Portfolio filtrable, géré depuis le back-office
  • Page Édition : parcours éditeur pour l'acquisition des droits de MIWA
  • Lecture en ligne des chapitres du manga MIWA
  • Page de service Animation 2D avec demande de devis intégrée

Informations clés

Durée du projet
Juillet – septembre 2026
Rôle
Recherche UX/UI, accompagnement copywriting, développement Full Stack & DevOps
Client
NZONZI Studio

Points clés

  • •Parcours de conversion par public : devis Studio, formations, édition, boutique
  • •Site bilingue français/anglais avec SEO natif (canonical, hreflang, OpenGraph)
  • •Boutique Stripe Checkout avec gestion de stock et liens de téléchargement sécurisés
  • •Lecteur en ligne des chapitres du manga MIWA
  • •Back-office sur mesure avec rôles superadmin, admin et éditeur
  • •Suivi des conversions Meta, Google, TikTok, Pinterest et LinkedIn avec Consent Mode v2
  • •Formulaires protégés : limitation de débit, anti-bot et validation stricte des entrées
  • •Clean Architecture, tests unitaires (Vitest) et parcours critiques en E2E (Playwright)