Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookie

Le projet en images

Maquette Figma site STCF Equipement
Page service site STCF Equipement avec image médicale, titre bleu et bouton bleu
Page produit de radioprotection du site STCF Equipements

Encore mieux que ce que j'imaginais !

STCF Equipement
5/
5
quote-icon-yellow
100%
Gestion autonome
2
langues traduites
<90
Audit Lighthouse
100%
Refonte graphique

STCF Equipements - Secteur Hospitalier

STCF Equipements est une TPE spécialisée dans la gestion d'effluents pour le secteur hospitalier. L'entreprise propose à la fois des services et des produits dédiés à des hÎpitaux, universités ou centres de recherche internationaux.
Avant de nous contacter, STCF Equipement était présente sur le web via un site IONOS ainsi qu'une fiche Google My Business. Dans un besoin de refonte de son image de marque, STCF Equipement nous a contacté pour moderniser sa charte graphique, améliorer l'expérience utilisateur de son site et mettre d'avantage en avant son offre d'équipements.

Mapping du projet

Les principaux enjeux du projet Ă©taient :

  1. Modernisation de la charte graphique
  2. Amélioration du parcours utilisateur
  3. Site bilingue Français / Anglais
  4. Migration du site IONOS vers un site Webflow
  5. Autonomie de gestion du site

Offre Digidop

DĂ©roulement du projet

1. Benchmark

1 semaine

Nous nous adressons à un marché de niche trÚs réglementé. la premiÚre phase du projet était donc trÚs orientée sur la veille du marché, des concurrents, des codes à prendre en compte. L'ancien site IONOS n'était plus en réelle adéquation avec les attentes de notre client, il était donc important de se rencontrer en présentiel pour définir les nouveaux enjeux.

  • ComprĂ©hension des services, des offres, de la vision de l'entreprise
  • Analyse du site actuel
  • Etablissement des nouveaux enjeux

2. Refonte graphique

1,5 semaines

AprÚs cette premiÚre "phase de découverte", alliant à la fois un benchmark du marché et une rencontre client, nous avions les éléments nécessaires pour proposer une nouvelle charte graphique. A la demande du client nous avons préservé le logo de STCF Equipements, mais avons proposé une palette de couleur plus vives autour du bleu. L'idée était de garder l'esprit du secteur médical tout en se détachant de couleur ternes présentes sur l'ancien dite.

page de maquette du site STCF Equipements sur Figma
Modernisation STCF Equipements

Une fois la charte graphique repensĂ©e et validĂ©e par le client, nous sommes passĂ© au maquettage dans Figma. Ce projet devait ĂȘtre rĂ©alisĂ© avec des budget restreints, et pour ne pas impacter l'expĂ©rience utilisateur, par exemple en rĂ©duisant le nombre de pages, nous avons fait le choix de nous inspirer d'un template Webflow et de le personnaliser pour STCF Equipements. Pour rĂ©pondre au besoin d'amĂ©lioration du parcours utilisateur, nous avons repensĂ© les site en sĂ©parant les services des produits.

  • Pages services : 3 landings pages distinctes pour mettre en avant les 3 principaux services de STCF Equipements. Chaque landing page est divisĂ©e en plusieurs sections qui dĂ©taillent le service. Elles sont Ă©galement composĂ©es de CTA avec un mot de la prĂ©sidente ou encore d'avis clients.
  • Pages produits : 2 landings pages pour dissocier les deux catĂ©gories de services. A la maniĂšre d'un site e-commerce, ces landings page prĂ©sente diffĂ©rents produits avec une image et une courte description. Nous avons ensuite dĂ©veloppĂ© des pages dynamiques pour chaque produits afin de mettre en avant les caractĂ©ristiques techniques, une description plus dĂ©taillĂ©e. ou encore des produits associĂ©s.
Page d'un produit de radioprotection du site STCF Equiepements
Page Produit STCF Equipements

Nous sommes dans un secteur normé, ou l'expérience et le savoir faire sont trÚs prisés. Nous avons mis en avant ces deux aspects via une page "A propos" et une page "Cas clients". L'une aillant pour but d'humaniser l'entreprise de mettre en avant son ancienneté et expérience, et l'autre vise à énumérer toutes les références de STCF Equipements.

Au total 11 pages statiques et 1 page dynamiques ont été designées dans Figma pour optimiser l'UX et UI du nouveau site de STCF Equipements.

3. Développement Webflow

1,5 semaines

Nous avons réduis les budgets en nous inspirant d'un template Webflow pour la maquette, mais nous restons strict sur le développement Digicalidad. Nous avons donc développé le site from scratch en respectant les différents enjeux de STCF Equipements :

  • Le premier Ă©tait de correspondre Ă  100% Ă  la nouvelle charte graphique et maquette Figma rĂ©alisĂ©e. Nous reprenons pour cela le style guide exacte en utilisant la mĂ©thode Client First pour limiter les erreurs de dĂ©veloppement.
  • Un second enjeux Ă©tait de crĂ©er un site facilement personnalisable. Nous avons pour cela crĂ©Ă© de nombreuses sections dynamiques pour que les Ă©quipes de STCF Equipements puissent facilement ajouter de nouveaux produits, de nouveaux projets clients, de nouveaux avis clients, etc. Le site est composĂ© de en moyenne d'une section dynamique par page pouvant ĂȘtre facilement personnalisable. Le reste pouvant facilement ĂȘtre gĂ©rĂ© Ă  l'aide du mode Ă©diteur de Webflow.
  • Enfin, le site doit ĂȘtre dĂ©veloppĂ© en deux langues pour les clients et prospects internationaux. Nous avons pour cela intĂ©grĂ© au site l'outil Weglot. EntiĂšrement conçu pour une traduction SEO, cet outil permet si besoin de modifier Ă  la main chaque mots. STCF Equipements a ainsi pu personnaliser la traduction de certains mots techniques du secteur hospitalier sans pour autant avoir Ă  retraduire tout son site web.
ordinateur tablette et téléphone connectés au site de STCF Equipement sur la page d'accueil
Responsive STCF Equipement

4. Formation Webflow

1/2 journée

Nous avons formé durant toute une matinée les équipes de STCF Equipements sur l'outil Webflow. L'objectif était de parcourir l'intégralité du mode éditeur pour apprendre à modifier des textes, des images, insérer des liens, mais aussi ajouter de nouvelles sections dynamiques comme des cas clients. STCF Equipements est a présent autonome dans la gestion quotidienne du site.

RĂ©sultats

  • Site Webflow 100% Autonome
  • Traduction exacte 2 langues Français / Anglais
  • UX optimisĂ©
  • Charte graphique modernisĂ©e

‍

Avant
No items found.
AprĂšs
No items found.

DĂ©couvrez d'autres projets clients

Nous construisons de magnifiques sites Webflow avec toutes les meilleures pratiques, c'est la Digicalidad ©

Header joinmaestro.co services formation PM
Join Maestro
Figma
Hubspot
Webflow
Google Analytics
Start-up
Site Vitrine Webflow
DĂ©lais :
1 mois
Budget
6000 €
Findways Homepage Thumbnail
Findways
Weglot
Webflow
Jotform
TPE
Site Vitrine Webflow
DĂ©lais :
1 mois
Budget
5 000€

DĂ©passer les attentes de nos clients nous tient Ă  ❀.

icon-sortlist
5/
5
"J'ai apprécié pendant notre collaboration la clarté des explications, la qualité et l'efficacité de leurs services"
Voir tous les avis Sortlist
icons-google
5/
5
"L'équipe de Digidop est une valeur sûre. Ils sont ponctuels, professionnels, communicatifs, positifs et incroyablement enthousiastes.
Voir tous les avis Google
icon-trustpilot
5/
5
"J'ai créé mon site internet avec les services de Digidop et je suis trÚs satisfait du résultat. Mes visites se sont envolées et j'ai gagné en crédibilité auprÚs de mes clients.
Voir tous les avis Trustpilot

Une gestion autonome de votre site web

Bénéficiez du mode editor pour facilement changer images, textes, contenus sur votre futur site internet Webflow !
Webflow démonstration du mode édition

Ils nous ont fait confiance