(Article mis à jour en décembre 2025)
Aimez-vous les making-of ? Nous aussi. Voudriez-vous découvrir les étapes du processus qui transforme un concept en un personnage plein de caractère ? Dans cet article, nous vous emmenons dans les coulisses d’un projet qui nous a passionné : la création d’une mascotte BD pour un site web. Suivez le guide !
Vous connaissez peut-être Les Furets : mascottes d’un célèbre comparateur d’assurance ?
Mais Jocko est un autre type de personnage : sympa, audacieux, inventif, indépendant, fort et malicieux, c’est le petit gaulois malin des assurances. Découvrez comment est apparu cette mascotte originale et décalée, fruit de l’idée d’une professionnelle qui croit avant tout en l’aspect humain de son métier.
Une mascotte qui donne la banane !
Tout commence début 2021. Laurence Fleury, créatrice du site Jocko.fr, nous contacte avec un concept audacieux…
Étape 1 – Compréhension du brief client
« Je veux créer un personnage ayant un fort capital sympathie et une identité visuelle originale. Le personnage sera vivant et expressif, dans un style dessin d’animation. Il permettra au site de se démarquer du côté extrêmement sérieux de la concurrence. »
Son idée ? Un singe qui guide le client dans la “jungle” des assurances. Une approche créative et décalée qui nous a immédiatement séduit. Elle colle à notre style illustration BD humoristique.
Au travail !
Étape 2 – Moodboard et inspirations
Pour commencer, un peu de recherche nous amène à utiliser un de nos outils favoris : Pinterest, pour chercher des références. Cette étape indispensable nous aide à :
- mieux comprendre les besoins et souhaits du client
- ouvrir des pistes de réflexion
- nous assurer que nous restons cohérents avec l’identité visuelle existante (Laurence a déjà son logo)
Les outils derrière la création
Comme d’habitude, nous allons travailler exclusivement avec notre tablette graphique Wacom et nos logiciels graphiques open source :
Étape 3 – Trouver la personnalité du personnage
Le point de départ en character design, c’est le croquis du visage. Nous esquissons plusieurs propositions, chacune avec son style.
Et pour pousser la réflexion sur la personnalité, nous donnons des noms à toutes les mascottes !
Réaction de Laurence :
- Elle préfère Randy (N°4), mais avec un visage plus rond.
- Elle aime le sourire d’Aldo (N°5).
Nous créons à présent des variantes du visage sélectionné. On avance, on avance !
Pour la couleur, elle opte pour un orange/marron avec des yeux verts.
Chaque étape a été pensée pour renforcer la personnalité du personnage en adéquation avec son rôle dans l’identité visuelle et le positionnement professionnel de la cliente. En parallèle, elle m’explique la structure du site pour que je comprenne la fonction de Jocko dans la navigation. Cette étape est cruciale : la mascotte doit se fondre naturellement dans l’ergonomie du site.
Étape 4 – Variantes et intégration dans le décor
Maintenant, il faut un corps à Jocko ! Et commencer à placer la mascotte dans son contexte :
- Nous testons l’intégration dans le décor du site (c’est toujours l’identité visuelle qui guide nos choix).
- Pour un meilleur contraste, nous proposons un pelage orange (complémentaire du vert de la jungle).
Laurence adore, mais trouve le style trop « Walt Disney ». Elle veut un singe adulte et élégant.
Dans nos échanges surgit une idée : pourquoi ne pas lui mettre un costard ? Mais oui ! Ça fonctionne ! Dans une veste gris perle et fine cravate assortie, il a la classe !
Par contre, Laurence n’aime pas la queue. En fait, elle ne pense pas à un chimpanzé, mais plutôt à un orang-outan, « l’homme des bois« , selon la signification de son nom malais. Cet animal remarquablement intelligent et d’une force peu commune saura guider et rassurer : un guide fiable qui repérera et évitera les pièges de l’assurance, mais aussi trouvera le contrat sur-mesure pour chaque client du site .
Étape 5 – Intégrer la mascotte dans la navigation
Dans la foulée, nous recherchons 3 mises en scène pour illustrer les différentes facettes de son rôle de guide. Mais pour garder une cohérence dans la narration, nous utiliserons uniquement des symboles liés à la jungle.
Pour la page d’accueil :
- Jocko bras ouverts au client, le rassure d’un geste du pouce avec un sourire complice. Bienvenue ! Je suis l’homme (pardon : la mascotte) de la situation.
Pour la page « Comprendre et définir vos garanties » :
- Il va peser, mesurer et étudier à la loupe 2 bananes. Les 2 fruits symbolisent 2 contrats d’assurance d’apparence identique, mais dont les différences n’échappent pas à l’œil expert de Jocko !
Pour illustrer « Quand et comment changer d’assurance ? » :
- Jocko s’équipe d’une carte, une boussole et un chrono pour aider le client à choisir le bon contrat, mais aussi le bon moment pour abandonner le précédent.
Ah, ok, vous aimeriez voir la réalisation ? Jetez un coup d’œil au bas de la page identité visuelle.
Épilogue (provisoire)…
En octobre 2022, Laurence a fièrement présenté Jocko et les services qu’il propose au Salon Habitat décoration Bassin d’Arcachon. Vous avez besoin d’une assurance et vous êtes perdu dans la jungle des propositions ? Suivez le guide !
Un projet collaboratif et créatif
Ce projet illustre parfaitement ce que nous aimons dans ce métier : une collaboration étroite avec le client. Chaque échange enrichissait et approfondissait le concept. Créer une mascotte, ce n’est pas seulement du character design, ce n’est pas seulement nous faire plaisir avec de l’illustration BD, c’est concevoir le personnage qui raconte votre histoire, ou plutôt celle de votre entreprise. C’est vraiment une création conjointe, un récit commun, une gestation partagée.
Pour aller plus loin
Vous souhaitez approfondir le sujet de la création de mascottes et du character design ? Voici trois ressources de référence :
Book.fr – Création de mascotte : aligner brief client et style artistique
- Un guide pratique pour comprendre les enjeux créatifs et stratégiques derrière une mascotte.
Creads – Les secrets du design de mascotte : guide complet pour un branding réussi
- Une analyse détaillée des tendances et des bonnes pratiques pour intégrer une mascotte dans votre identité visuelle.
Ferr Studio – 10 raisons d’adopter une mascotte pour son branding
- Un article qui explique pourquoi la mascotte est un outil puissant pour renforcer la reconnaissance et l’engagement.
Merci de nous avoir permis de vous expliquer les dessous d’une création. Connaissiez-vous déjà le processus d’un travail de ce genre ? Qu’en pensez-vous ?
Vos commentaires seront les bienvenus !
À bientôt pour d’autres aventures, dans la jungle ou ailleurs ! David et Corinne
