Moz
Roger Mozbot
Le robot de Moz montre comment l’évolution réfléchie d’une mascotte — d’un design statique à des poses, des costumes et des formes de bouche expressifs — peut donner davantage de profondeur à une marque B2B analytique.
Une idée ? Créez votre propre mascotte animéeUtilisation concrète
Roger Mozbot en cours d’utilisation
Le modèle original de Roger a établi l’antenne, les yeux décalés, les membres segmentés et le corps arrondi qui ont rendu le robot reconnaissable.
Voir la source originaleCes études dessinées à la main ont fait passer Roger d’une simple image de mascotte à un personnage capable d’agir dans différentes situations.
Voir la source originaleLa refonte a ajusté la position des yeux de Roger, son expression faciale et le travail au trait, tout en préservant sa silhouette emblématique.
Voir la source originaleLes logiciels SEO sont faits de classements, de liens, d’audits, de rapports et de recommandations. Roger Mozbot donne à cet univers analytique un personnage que l’on peut reconnaître avant même de lire un graphique. Le récit de Moz sur l’évolution de Roger est particulièrement instructif, car il montre qu’une mascotte n’est pas achevée lorsque son premier dessin est approuvé. Elle devient un actif de marque grâce à des évolutions réfléchies, une bibliothèque de poses qui s’enrichit et des règles définissant les endroits où le personnage doit apparaître.
Roger a commencé avec un ensemble restreint de caractéristiques mémorables : un corps mécanique rond, des yeux asymétriques, une seule antenne, des bras segmentés et de grosses bottes. Ces traits ont donné à Moz un robot sympathique sans l’associer à une fonctionnalité SEO particulière. Le design pouvait évoquer la technologie et l’assistance, tandis que le nom rendait la machine singulière plutôt que générique.
Cette première version était reconnaissable, mais la reconnaissance seule ne suffisait pas à rendre Roger adapté à tous les besoins de communication. À mesure que Moz grandissait, son équipe créative avait besoin d’une mascotte capable de transmettre davantage d’émotions, d’évoluer dans des scènes et de rester utile sans faire concurrence au produit. L’histoire de Roger relève donc moins du remplacement d’un logo que de l’extension d’une identité stable en un système de personnage flexible.
D’un dessin de robot à une bibliothèque de personnages
L’idée initiale venait de Matthew Heilman, ancien directeur artistique de Moz. Dans son entretien avec Moz au sujet de Roger, Heilman explique que la mascotte avait été conçue pour soutenir une marque reconnaissable et accessible. Il établit également une distinction importante : la mascotte reste secondaire par rapport au design du produit, à ses fonctionnalités utiles et au service client. Cette hiérarchie a évité à Roger de devoir porter des promesses que le logiciel lui-même devait démontrer.
Le directeur artistique Derric Wise a ensuite développé le personnage grâce à des études au crayon, des poses alternatives, des costumes et des situations variées. Les croquis inclus dans l’article révèlent le travail concret qui se cache derrière la flexibilité d’une mascotte. Plutôt que d’étirer une seule illustration de face pour chaque usage, l’équipe a étudié la façon dont Roger s’assoit, se déplace, tient des objets, change de vêtements et réagit à une scène.
Ce processus a transformé un élément statique en acteur. Une mascotte dont les mouvements sont définis peut accueillir quelqu’un, célébrer une étape importante, illustrer une idée ou apporter une touche de légèreté. Chaque pose met également à l’épreuve la construction sous-jacente. L’antenne, les yeux, le torse, les mains et les bottes doivent rester identifiables lorsque l’angle et l’action changent.
Moz désignait les scènes plus larges qui entourent le personnage par l’expression « Land of Moz ». Ce nom suggère un changement de perspective utile : dès lors qu’une mascotte possède un univers, les concepteurs peuvent créer des relations et des situations plutôt que de simples décorations isolées. Le personnage n’est plus plaqué sur la communication ; Roger peut sembler en faire partie intégrante.
Repenser le personnage avec empathie sans perdre sa reconnaissance
L’image comparative du redesign documente des changements subtils pris individuellement, mais significatifs dans leur ensemble. L’œil distinctif de Roger a changé de place, le visage est devenu plus expressif et le trait s’est adouci. La silhouette large, l’antenne, les membres mécaniques et les yeux asymétriques ont été conservés. C’est une excellente stratégie de continuité : préserver les éléments qui permettent une identification immédiate, puis améliorer ceux qui limitent l’expression.
L’article de Moz relie le redesign à un enjeu d’empathie. Les yeux auparavant fuyants de Roger et son expression faciale limitée pouvaient le rendre moins sympathique, en particulier lorsque les utilisateurs l’associaient à un problème technique. L’équipe a réagi en réchauffant le visage et en repensant les situations dans lesquelles la mascotte apparaissait.
Ce second changement est aussi important que le dessin lui-même. Un personnage joyeux ne devrait pas refuser un paiement ni sembler responsable d’un outil défaillant. Utiliser Roger pour transmettre des messages système négatifs risquait de reporter la frustration sur la mascotte. Moz a choisi de limiter et de mieux cibler ses apparitions, afin de préserver la dimension émotionnelle qu’elle souhaitait lui faire porter.
La leçon dépasse largement les messages d’erreur. Chaque apparition d’une mascotte apprend au public ce que représente ce personnage. Si Roger accompagne régulièrement la découverte, l’apprentissage, la communauté ou les célébrations, ces expériences renforcent sa chaleur. S’il apparaît sans cesse lorsque le travail est bloqué, aucune illustration sympathique ne peut totalement compenser cette association.
L’expression comme infrastructure
Moz a également développé une petite grille de formes de bouche pour Roger. Cela peut sembler relever du détail de production, mais cette grille élargit la palette d’émotions et de paroles crédibles. Un système d’expressions réutilisable aide différents illustrateurs à donner au même personnage une apparence cohérente et permet à Roger de communiquer plus précisément sans modifier son design fondamental.
Les variantes thématiques de la rétrospective visuelle de Moz montrent les bénéfices de cette approche. Costumes, accessoires, saisons et décors peuvent changer tandis que l’antenne, la relation entre les yeux, les proportions du corps et l’attitude de Roger restent reconnaissables. Des repères identitaires stables permettent à l’illustration qui les entoure de laisser libre cours à sa créativité.
Cet équilibre est essentiel pour les marques B2B. La nouveauté est utile pour attirer l’attention, mais c’est la continuité qui construit la mémorisation. Un système de mascotte doit définir quels détails ne doivent jamais varier, lesquels peuvent s’adapter à une posture et lesquels sont ouverts aux campagnes. Sans ces limites, chaque nouvelle illustration devient une interprétation inédite et la reconnaissance s’érode.
Les bibliothèques d’expressions rendent également la mascotte plus facile à utiliser de manière responsable. Les designers peuvent choisir une réaction adaptée au message au lieu d’imposer un sourire par défaut dans tous les contextes. Une incitation à apprendre, une étape importante du produit, un événement communautaire et une interruption de service ne devraient pas recevoir la même expression émotionnelle.
Ce que les équipes produit devraient reprendre
Commencez par le rôle, pas par la quantité. Roger n’avait pas besoin d’apparaître sur chaque écran pour devenir mémorable. Déterminez quels moments bénéficient de la présence d’un personnage et lesquels exigent la voix directe du produit ou de l’entreprise. Une absence stratégique peut préserver l’impact tout autant qu’une illustration forte.
Lors d’une refonte, préservez une courte liste de repères identitaires. Pour Roger, l’antenne, les yeux asymétriques, le corps arrondi et les membres mécaniques contribuent davantage à la reconnaissance que n’importe quel costume ou posture. Faites évoluer l’expression et les détails de production autour de ces repères afin de rendre la mascotte plus polyvalente sans la rendre méconnaissable.
Constituez des références de postures et d’expressions avant d’élargir les usages. Les planches au crayon et la comparaison du redesign ne sont pas de simples documents des coulisses ; elles témoignent d’un système reproductible. Un guide de personnage concis peut éviter des dérives faciles à prévenir, accélérer la création de nouvelles scènes et aider les équipes à évaluer si une apparition proposée semble bien être celle de la même mascotte.
Enfin, veillez à respecter la hiérarchie des messages. Sur le site de Moz, l’expertise SEO et les capacités du produit doivent faire autorité. Roger peut rendre cette expertise plus accueillante, offrir à la communauté une figure commune et apporter de l’émotion aux moments appropriés. Il ne peut pas remplacer des données exactes, des workflows utiles ou un accompagnement réfléchi.
Roger Mozbot montre que l’évolution d’une mascotte est, à petite échelle, un problème de design produit. Les meilleures évolutions ne sont pas de simples ornements. Elles éliminent les limites d’expression, préservent la reconnaissance et attribuent au personnage des rôles plus clairs au sein de la marque.
Sources et lectures complémentaires
Continuez à explorer
Plus de contenu dans Travail et productivité
Asana
Celebration Creatures
Les créatures de célébration d’Asana traversent parfois l’interface une fois les tâches terminées, notamment le célèbre narval volant.
Focus Friend
Bean
Le minuteur de concentration de Hank Green, lancé en 2025, fait tricoter un minuscule Bean pendant que l’utilisateur reste à l’écart des applications distrayantes. Le personnage a contribué à faire grimper l’application dans les classements de l’App Store.
Hootsuite
Owly
Owly traduit l’expertise de Hootsuite en matière de réseaux sociaux en une chouette vigilante et adaptable, qui a évolué avec la marque plutôt que d’être abandonnée.