Panini Manga
Panini Manga est une maison d'édition qui fait partie du groupe international PANINI S.p.A. Elle opère à l'international via diverses filiales, comme Panini France.
Demande client
À l’occasion du lancement du tome 1 du manga Hima-Ten! le 1er juillet 2026, la maison d'édition Panini Manga a mis en place une opération de fidélisation et de Drive-to-Web. L'objectif était d'offrir une paire de baguettes collector exclusives aux 3 000 premiers lecteurs ayant précommandé l'ouvrage. Cette interface doit permettre de collecter les coordonnées de livraison et les preuves d'achat, de vérifier l'authenticité des justificatifs pour éviter les fraudes (doublons), et d'exporter les données pour la logistique d'envoi.
Technologies utilisées
- css
- html
- php
Collaboration et design
- brevo
- gitlab
- figma
Objectifs et défis
L'objectif primaire de ce projet est d'accompagner le lancement officiel du tome 1 du manga Hima-Ten! (prévu pour le 1er juillet 2026) en gérant une opération promotionnelle exclusive. Plus précisément, cet objectif se décline en deux volets principaux :
- Récompenser la fidélité : Offrir une paire de baguettes collector aux 3 000 premières personnes ayant effectué une précommande de l'ouvrage.
- Gérer techniquement les participations : Mettre en place une landing page dédiée pour permettre aux acheteurs ayant précommandé chez des revendeurs tiers (Fnac, Amazon, Cultura, etc.) de réclamer leur cadeau en déposant leurs justificatifs d'achat et leurs coordonnées de livraison.
Pour atteindre cet objectif, la plateforme doit remplir trois fonctions clés : collecter les données et preuves d'achat, vérifier l'authenticité des justificatifs pour éviter les fraudes, et exporter ces informations pour déclencher l'envoi logistique des baguettes.
Solution technique mise en oeuvre
Le dispositif repose sur une landing page dédiée remplissant les fonctions de collecte, de vérification et d'exportation.
Fonctionnalités Utilisateurs :
- Formulaire dynamique : Saisie des coordonnées et upload de justificatifs (JPG, PDF jusqu'à 5 Mo).
- Déduplication : Système de blocage basé sur l'adresse email pour éviter les participations multiples.
L'interface d'administration sécurisée permet à l'équipe Panini de :
- Visualiser les preuves d'achat directement dans le navigateur.
- Valider, rejeter ou mettre en attente chaque dossier manuellement (Option A retenue pour une fiabilité maximale).
- Exporter en un clic un fichier Excel des dossiers validés pour le prestataire logistique.
Maquette graphique et expérience utilisateur
La phase de design a consisté en la création de maquettes graphiques adaptées aux formats desktop et mobile afin de garantir une expérience utilisateur (UX) parfaitement responsive.
L'enjeu esthétique était de réaliser une synthèse visuelle entre la charte graphique institutionnelle de Panini France et l'univers visuel propre au manga Hima-Ten! en intégrant les illustrations originales et les codes couleurs spécifiques de l'œuvre. Parallèlement, l'expérience utilisateur (UX) a été optimisée pour réduire toute friction : l'interface propose un parcours différencié selon que l'utilisateur souhaite acheter le manga ou réclamer son cadeau, tout en instaurant un sentiment d'urgence via un compteur de "places" restantes mis à jour en temps réel.
Pour maximiser la confiance, des éléments de réassurance essentiels ont été intégrés, notamment une FAQ détaillée sur la validation des preuves d'achat et l'envoi automatique d'un email de confirmation transactionnel récapitulant les données saisies par le participant.
Étapes de gestion de projet
Conception graphique
Création d'une maquette graphique responsive (desktop et mobile) intégrant la charte de Panini et l'univers visuel de Hima-Ten!. Cette étape inclut l'optimisation de l'UX pour faciliter le parcours client et l'affichage du compteur de places en temps réel.
Validation des ayants-droits
Soumission des maquettes aux partenaires japonais (Shueisha) pour approbation. Cette étape est cruciale et conditionne la suite du développement.
Développement technique
Création du formulaire public, de la logique d'upload de fichiers (JPG/PDF jusqu'à 5 Mo), du système de stockage MySQL et de la gestion de la déduplication basée sur l'adresse email.
Interface d'administration et Export
Mise en place d'un back-office sécurisé pour la visualisation des justificatifs et l'exportation des données validées via PHPSpreadsheet.
Emails transactionnels et RGPD
Configuration des templates d'email de confirmation via Brevo et intégration des mentions légales obligatoires.
Tests, Recette et Mise en ligne
Phase finale de tests fonctionnels, configuration des DNS chez OVH et déploiement sur l'hébergement Infomaniak.
Coulisses et réussite du projet Panini
Le succès de l'opération Panini Manga : Hima-Ten! repose sur une grande réactivité de notre équipe technique. Il n'a fallut que 12 jours entre la réception de la demande jusqu'à la mise en ligne de la landing page, en ayant passé par une phase de définition de projet, de maquette ainsi qu'une phase de tests/ajustements.
Cette rapidité a permis d'assurer une mise en ligne efficace avant la sortie du manga le 1er juillet 2026.
Ce projet démontre ainsi notre capacité à livrer des solutions hautement performantes dans des délais très serrés, tout en maîtrisant les flux de communication critiques pour l'image de marque du client.
