CMS de Sierre
Vue d'ensemble
| 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é.
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
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
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.
