Branding / Site
B2B2C
App mobile

Comment donner une âme à une marque Tech de la QVT

Derrière tout rebranding il y a des questions profondes de stratégie. Dès lors comment matérialiser l'identité d'une entreprise pour en faire un puissant vecteur de confiance d'un côté, et d'engagement de l'autre ? Comment bâtir un écosystème de marque ambitieux et cohérent quand le site vitrine doit séduire des directions RH exigeantes, alors que l'application mobile doit quotidiennement fédérer des milliers de collaborateurs aux profils radicalement différents ?

Illustration de la homepage de Teamupp
Notre rôle
Rebranding global
Direction Artistique
UI/UX Design
Création d'illustrations
Équipe projet
1 Lead DA & UI Senior
1 UX/UI Designer
1 coordinatrice de projet
Le constat - les enjeux derrière l’image

Débloquer un plateau de croissance
par la rassurance visuelle

Teamupp, plateforme spécialisée dans la cohésion d'équipe et la qualité de vie au travail (QVT), nous a contacté alors qu’elle voulait s’imposer / être davantage identifiée (et identfiable) dans un marché toujours plus concurrentiel. L'identité de marque historique, jugée trop "simpliste" et datée, manquait de la crédibilité nécessaire pour rassurer les décideurs de grands comptes. L'enjeu majeur consistait donc à prendre de la hauteur pour transformer un discours purement axé sur le côté ludique en un positionnement d'affaires solide, capable de démontrer un véritable Retour sur Investissement (ROI).

"Il nous faut une marque profondément humaine, mais structurée comme une solution logicielle haut de gamme pour inspirer confiance."

Thomas Habouzit , CEO Teamupp
2

cibles disctinctes

cible commerciale (RH) sur le site, et utilisateur de l’application

5 jrs

Temps record

alloué pour poser les bases solides de la nouvelle Direction Artistique (logo, typographie, couleurs et projection de la hero section)

2

points hebdo par jour

Le rythme de synchronisation entre Jujotte et l'équipe Teamupp pour garantir une vitesse d'exécution maximale et éliminer toute zone d'ombre.

Du pragmatisme dans l’accompagnement branding

Notre travail autour de la marque s’est déroulé en 4 temps

1
Initier

Fonder une Direction Artistique assumée et ambitieuse

Pour rompre avec les codes standards et parfois froids de l'univers logiciel, nous avons retravaillé les fondamentaux graphiques de Teamupp. Le violet historique et identitaire a été conservé pour capitaliser sur la notoriété de la marque, mais il a été énergisé et challengé par l'intégration d'une palette complémentaire vibrante, mêlant l'orange et le bleu. Un nouveau logotype plus mûr, une typographie affirmée et des structures graphiques déstructurées ont été dessinés pour poser les bases d'un univers SaaS premium, dynamique et hautement mémorable.

2
Déployer

Un design d'interface axé sur l'action web

L'identité visuelle a ensuite été déclinée méticuleusement sur les interfaces de la plateforme web (desktop et mobile). Chaque page clé, de la Homepage aux Landing Pages spécifiques, a été rythmée et hiérarchisée afin d'écarter toute friction cognitive.

3
Homogénéiser

Des illustrations sur-mesure pour la projection commerciale

Pour insuffler de l'authenticité et de l'humain sans tomber dans le piège des visuels clichés, Jujotte a développé une bibliothèque complète d'illustrations sur-mesure. Cet univers illustratif unique a immédiatement été infusé dans les supports marketing physiques et numériques indispensables à l'équipe commerciale, notamment à travers la conception de slide decks corporate personnalisés, renforçant la cohérence globale de la marque lors des phases de closing.

4
Systématiser

L'épreuve de vérité ergonomique sur l'application mobile

Dernière étape cruciale : transposer cette refonte d'image sur l'application mobile sans dénaturer l'expérience utilisateur quotidienne. Nous avons mené un travail de consolidation du Design System (tokens, patterns, variantes pour marque grise) pour garantir que cette nouvelle DA se mette au service de l'ergonomie applicative, évitant ainsi toute rupture visuelle tout en propulsant la qualité perçue au niveau des plus hauts standards du marché.

stratégie & itérations

La vigilance contextuelle : deux cibles, deux usages

L'erreur critique lors d'une refonte globale de marque est d'appliquer une recette graphique identique sur tous les canaux. Jujotte a ajusté le curseur de la DA en fonction des contextes d'usage de Teamupp :

Site web (cible B2B) : sérieux ne veut pas dire ennuyeux

'interface web s'adresse principalement aux Directeurs des Ressources Humaines (30-50 ans) et aux Responsables de la Communication Interne. Ces profils achètent de la réassurance, des données chiffrées, des cas clients et du reporting. Le design web valorise donc le professionnalisme, la structure logicielle et la clarté de l'offre.

Mais attention : cible sérieuse ne veut pas dire DA ennuyeuse ! Pour rendre Teamupp encore plus identifiable, nous n’avons pas hésité à jouer avec des couleurs vives et acidulées, à pousser les curseurs au maximum et à chercher un dynamisme visuel fort à travers l'interface

Application mobile (Cible B2C) : priorité absolue à l'usage

Sur l'application, l'interface se retrouve directement entre les mains de l'utilisateur final : le salarié (une cible ultra-large de 25 à 60 ans). À ce niveau, l'acheteur n'existe plus, seul le participant compte.

La puissance de certains choix graphiques forts doit alors s’estomper au profit de l’usage, de la hiérarchie de l’information et de la compréhension immédiate de l’application. La DA s'efface subtilement au profit d'une affordance maximale et d'une gamification inclusive, facilitant la complétion des challenges connectés quotidiens sans générer de charge cognitive superflue.

optimisation & arbitrages : pourquoi nous avons dit non

Ce qu’on a refusé de faire.

Non à la sur-optimisation esthétique interminable (passer 10 jours sur un logo ou 15 jours sur une typo)

Accompagner une entreprise sur son rebranding, c'est également s'aligner sur ses ambitions réelles, la réalité de son marché et le strict respect de son budget. En prenant en compte ces trois contraintes indissociables, nous refusons de couper les cheveux en quatre sur des détails purement cosmétiques et déconnectés de la valeur d'usage.

Nous tenons à proposer un accompagnement pragmatique, direct et aligné avec les enjeux prioritaires de l'entreprise.

Non aux animations de type parallaxe lourdes au scroll

Bien que l'équipe Teamupp ait initialement souhaité intégrer plusieurs cinématiques avancées, nous avons choisi de rester classiques et sobres sur l'animation.

Charger des scripts lourds sur des landing pages d'acquisition d'annonces est une erreur stratégique qui dégrade les temps de chargement et cannibalise le taux de conversion.

conception ui & prototypage

Chaque écran a une raison d’être.

illustration de l'app TeamuppDéclinaison de la direction artisitque sur des templates
Diverses livrables

Une nouvelle DA cross-canaux

L'enjeu était de trouver la ligne de crête parfaite : insuffler le sérieux et la rassurance nécessaires pour convaincre les directions RH et grands comptes sur le site web, tout en conservant l'énergie vibrante, inclusive et humaine indispensable pour engager les salariés au quotidien sur l'application mobile.

Branding
1 nouveau logo

plus mûr, plus moderne, qui capitalise sur l'historique de la marque tout en affirmant son leadership.

KIT Direction Artistique
1 UI kit commun

pour l’app et le site web pour créer une cohérence globale sur toutes les expériences utilisateurs.

extensions
1 bibliothèque d'illustrations sur-mesure

créée pour humaniser les parcours numériques et booster l'impact des supports commerciaux (slide decks).

le retour client

"Nous avons travaillé avec Jujotte sur la refonte de notre brand. Nous avons obtenu une marque très bien positionnée par rapport à notre persona"

Thomas Habouzit
CEO Teamupp
la petit mot de la fin

Le Regard de Jujotte

Chez Teamupp, toute la complexité a été de concevoir une image de marque unique qui s'exprime avec la rigueur institutionnelle attendue par un DRH sur le web, et avec la chaleur humaine et ludique indispensable à la marque. Ajuster ce curseur de manière chirurgicale, c'est cela, mettre le design au service de la performance brute.

Éléments supplémentaires pour la charte graphiqueDéclinaison de visuels pour Teamupp