Design d’interface et identité visuelle pour une entreprise de support IT

Partner Sam est une entreprise spécialisée dans le support et la maintenance IT, qui souhaitait se doter d’une identité visuelle différenciante pour se démarquer d’un univers technique souvent perçu comme froid ou impersonnel.

L’enjeu du projet était de créer une image accessible, humaine et mémorable, capable d’inspirer confiance tout en affirmant une vraie personnalité.

Objectifs

  • Humaniser un service IT technique

  • Créer une identité reconnaissable et sympathique

  • Poser les bases d’un univers visuel déclinable sur le web

  • Concevoir une interface claire et rassurante pour les utilisateurs.

Identité visuelle

Le logo et la palette de couleurs sont directement inspirés du Wild West :

  • tons chauds et terreux (ocre, brun, sable, jaune poussiéreux)

  • contrastes forts évoquant le cuir, le soleil et les grands espaces

  • typographies robustes et lisibles, rappelant les enseignes western sans pastiche

La mascotte Sam incarne cet univers avec une touche d’humour et de proximité, renforçant l’aspect humain du service.

La mascotte : Sam

Sam est un cow-boy moderne, à la fois shérif du Far West et partenaire numérique d’aujourd’hui.
Il incarne l’idée d’un expert fiable, accessible et toujours prêt à intervenir, même quand la situation devient complexe.

Inspirée de l’univers du Wild West, la mascotte détourne ses codes classiques — chapeau, foulard, posture assurée — pour les transposer dans un contexte contemporain : un ordinateur portable remplace le revolver, et l’expertise technique devient l’arme principale.

Sam apporte une dimension humaine et narrative à l’identité de Partner Sam.
Il permet de rendre le service IT plus lisible, plus chaleureux et moins intimidant, tout en renforçant la mémorisation de la marque.

Styles & composants pour l’intégration sur CMS

Pour faciliter l’intégration et garantir la cohérence sur CMS, j’ai construit une base de styles réutilisables et un ensemble de composants modulaires.

Styles (design system)

  • Palette Wild West (tons chauds + contrastes) déclinée en couleurs principales / secondaires / neutres

  • Typographies : une police “titre” expressive + une police “texte” très lisible

  • Grille & espacements : règles simples (marges, paddings, rythme vertical) pour garder une mise en page stable

  • Styles d’éléments : titres, paragraphes, liens, listes, encadrés, séparateurs

  • États & interactions : hover, focus, active, cohérence des boutons et liens

Composants (modules réutilisables)

  • Hero (titre + accroche + CTA)

  • Cartes services (icône/illustration + titre + description)

  • Blocs “preuve de confiance” (pictos, chiffres, mini témoignages)

  • FAQ accordéon (lisibilité + réduction de charge cognitive)

  • Bannières / call-to-action (prise de contact rapide)

  • Sections illustrées (mascotte + message) pour humaniser le contenu

  • Footer complet (contacts, liens, mentions)