CMS de Sierre

Le Centre médico-social de Sierre, toujours à vos côtés.
Date
2022
Type
Site
Voir le site
CMS Sierre

Vue d'ensemble

CMS Sierre confie la refonte de son site à iomedia.
Ce que nous avons fait
Concept Structure de l'information
Webdesign Design system, UI / UX, Figma
Front Vue 2, Nuxt 2, Tailwind
Back AIO V3 Headless

Challenge

Un défi stimulant

Rassembler 5 secteurs d'activités sur une seule plateforme

La densité des contenus et les cibles bien distinctes auxquelles s'adresse le Centre médico-social de Sierre nous ont amenés à repenser la hiérarchie complète des informations du site. Ainsi, cinq sous-sites ont été créés afin de valoriser les différents services offerts par le Centre médico-social de la région de Sierre et de simplifier leur accessibilité. Grâce à une iconographie et un code couleur propre à chaque branche, celles-ci sont facilement identifiables sur le site. Les couleurs ont été pensées en harmonie les unes avec les autres et un élément graphique rassembleur a été imaginé. 

CMS Sierre mockup laptop
CMS Sierre web
CMS Sierre logo

Choix des couleurs

- Distinguer clairement les sous-sites à l’aide de couleurs

- Aider à la navigation avec des éléments de couleurs très visibles

- Donner une identité propre, un caractère, à chaque sous-site

- Utiliser une palette de couleur forte pour donner de la vie au site

- Point de départ: vert du logo puis déclinaison entre le bleu et le jaune

Association #3b865d
Enfance #F2C94C
Social - Emploi #20DEE4
COREM #98C24A
Santé #1167A5

Typographie

Cohérence avec la ligne graphique : caractères arrondis

La police doit être très lisible, pour que la lecture soit aisée pour tous les publics cibles

La police de caractère doit être optimisée pour la lecture sur le web

Doit pouvoir se décliner en plusieurs graisses pour donner du rythme au texte

La police est une Google font gratuite

CMS Sierre typo 1
CMS Sierre typo 2

Concept visuel

Une courbe qui fait le lien entre les branches

Cela représente de manière abstraite l’accompagnement du CMS envers les publics cibles. La bande reprend les couleurs des services en dégradé. Cela représente une continuité dans la vie de la personne aux travers des différents services proposés - une seule entité pour toutes les étapes de la vie. Le CMS est toujours à vos côtés.                                                                        

CMS Sierre graph
Vous aimez ce projet?

Merci de
votre attention!

Découvrez nos autres réalisations

Depuis plus de 23 ans, iomedia a réalisé plus de 350 projets dont nous sommes très fiers.