Refonte identité visuelle NSL Medical - Étude de cas
Client : NSL Medical
Secteur : Dispositifs médicaux & chirurgie spécialisée
Pays : Suisse
Durée de la mission : 5 mois d’accompagnement
(janvier → mai 2025)
Site web : www.nsl-medical.ch
Contexte & Enjeux
NSL Medical, acteur reconnu de la chirurgie spécialisée, souhaitait moderniser son image pour incarner pleinement ses valeurs : confiance, sécurité, expertise et innovation.
Cette étude de cas présente la refonte globale de l’identité visuelle de NSL Medical
L’objectif : la création d’une identité visuelle secteur médical, refondre le site web, clarifier l’offre, et gagner en autonomie pour mieux communiquer.
Le défi : moderniser l’image de marque médicale.
La volonté ? Affirmer la position de leader, développer la visibilité et booster le chiffre d’affaires, notamment avec l’expansion prévue en Suisse Allemande.
Processus de conception : une approche en 3 temps
Étape 1 — Direction artistique & branding : conception de la nouvelle identité visuelle et charte graphique
Analyse de l’existant
Au départ, NSL disposait uniquement d’un logo et d’un site web à l’image trop froide, neutre et technique. L’univers visuel existant ne traduisait ni la richesse de leur expertise, ni la dimension humaine de leur accompagnement.
L’enjeu : créer une identité visuelle sensorielle, éditoriale et professionnelle, capable d’incarner la rigueur scientifique sans renoncer à la sensibilité et la précision du domaine de la chirurgie.
Parti-pris artistique
Pour sortir des sentiers battus et se démarquer d’une concurrence figée dans des codes visuels strictement techniques (photos de blocs opératoires, visuels froids, typographies trop rigides), nous avons opté pour un positionnement visuel sensible et audacieux.
- Moins de démonstration, plus de résonance émotionnelle
- Moins d’anatomie, plus d’imaginaire
Nous avons ainsi conçu un univers sensoriel et subjectif, où chaque spécialité médicale (neurochirurgie, viscérale, ORL…) est évoquée à travers des formes texturées, inspirées du vivant, proches de la sculpture. Ces “organes” stylisés ne cherchent pas à représenter, mais à suggérer.
Ils éveillent une curiosité, une connexion humaine, une forme de beauté dans la précision.
Éléments de l'identité créés
- Palette chromatique médicale retravaillée : du bleu et du vert, mais avec des nuances vibrantes, des contrastes élégants et une saturation pensée pour le web.
- Choix typographiques : modernes, stables, lisibles à tous niveaux.
- Papeterie : cartes de visite, papier à en-tête, signatures mail.
- Un document avec les règles d’usage (charte graphique)
Étape 2 — UX/UI & stratégie de contenu : design et développement du site web
Analyse de l’existant et préconisations
Avant la refonte, un audit complet du site NSL Medical a permis de faire ressortir les principaux points de friction, tant sur le plan de la navigation que de la lisibilité de l’offre.
Constats sur l’ancienne version
- Une page d’accueil dense et peu hiérarchisée, sans storytelling ni mise en contexte
- Une présentation brute des contenus techniques, difficilement accessible pour les profils non médicaux
- Une navigation rigide, avec des appels à l’action peu visibles
- L’absence de structure éditoriale claire, provoquant une fatigue visuelle
- Des fiches produits austères, sans zoom, ni éléments d’aide à la décision
- Un manque d’identité visuelle forte, avec des visuels froids et impersonnels
- Une expérience mobile peu optimisée
Objectifs de la refonte UX/UI
- Mettre en place une hiérarchie visuelle fluide et structurée, pensée pour les chirurgiens et les DAF
- Concevoir des pages aérées, lisibles et éditoriales, avec des temps de pause visuels
- Simplifier la navigation et renforcer la lisibilité des CTA
- Créer des gabarits adaptatifs pour un usage fluide sur desktop et mobile
- Intégrer des éléments interactifs : zoom produit, vidéos explicatives, tableaux de tailles
- Créer des pictogrammes par spécialité médicale
En parallèle, les choix UI ont été alignés avec la direction artistique globale : esthétique éditoriale, équilibre entre technique et sensibilité, palette moderne et univers visuel cohérent.
Pour soutenir cette refonte, une arborescence claire et évolutive a été définie pour structurer le site selon les profils utilisateurs (chirurgiens, DAF, partenaires), redistribuer le contenu et identifier les besoins de création ainsi qu’un guide de style pour une meilleure collaboration avec le développeur.
Navigation repensée pour une orientation intuitive
La structure du menu a été entièrement retravaillée pour permettre une lecture rapide des solutions, une meilleure hiérarchisation des contenus, et une accès facilité à la demande de devis et au changement de langue.
La nouvelle navigation offre une expérience claire et rassurante , parfaitement adaptée à une cible professionnelle pressée.
Étape 3 — Tests & mise en ligne
- Tests desktop et mobile
- Ajustements visuels & fonctionnels
- Intégration WordPress par Cédric
- Mise en ligne optimisée d’un site WordPress pour dispositifs médicaux
Résultats de la transformation digitale
Pour illustrer la transformation opérée, voici une comparaison directe entre l’ancienne version du site NSL Medical et la nouvelle interface conçue :
- une page d’accueil structurée, lisible et engageante
- des fiches produits valorisées, claires et différenciées selon les publics
Voir le site en ligne : www.nsl-medical.ch
Les bénéfices concrets observés
✔️ Renforcement de l’adhésion en interne
La nouvelle identité visuelle a permis à l’équipe de mieux s’approprier la marque, de communiquer plus facilement — que ce soit en rendez-vous, sur les salons ou sur les réseaux sociaux.
✔️ Image externe plus claire et crédible
NSL Medical bénéficie désormais d’une image plus professionnelle, experte et rassurante, en cohérence avec la qualité de ses produits et services.
✔️ Amélioration des performances commerciales
La refonte du site, plus fluide et orientée utilisateur, a eu un impact direct sur les ventes et les prises de contact.
✔️ Communication simplifiée et harmonisée
Grâce au kit de templates et à la charte graphique, les prises de parole sont plus régulières, cohérentes et qualitatives.
✔️ Meilleure différenciation face à la concurrence
Un positionnement visuel fort permet à NSL de sortir du lot dans un univers médical souvent figé dans les mêmes codes.
✔️ Outil digital plus autonome et évolutif
Le site WordPress, bien structuré, permet à l’équipe de gérer les mises à jour de contenu facilement, sans dépendre d’un prestataire.
Le retour d’expérience de Romain
“Une collaboration sur le long terme, construite avec soin, écoute et vision. Grâce à l’approche globale de Barbara, j’ai enfin une image de marque à la hauteur de mon projet.”