Générations
![Générations](https://cdn.iomedia.ch/media/image/0/normal_16_9/header-generations.jpg?f63f0c2065719352d199f6d63053c59c 1080w,https://cdn.iomedia.ch/media/image/0/large_16_9/header-generations.jpg?f63f0c2065719352d199f6d63053c59c 1456w,https://cdn.iomedia.ch/media/image/0/zoom_16_9/header-generations.jpg?f63f0c2065719352d199f6d63053c59c 1920w)
Vue d'ensemble
Nous accompagnons Générations dans leur stratégie digitale visant à acquérir davantage de visibilité sur le web. La mise en place de notre CMS développé avec et pour les médias permet d'amorcer un changement de paradigme qui tend à créer les contenus rédactionnels sur un seul outil.
Concept | Structure de l'information |
Webdesign | Design system, UI / UX, Figma |
Front | Vue 2, Nuxt 2, Tailwind |
Back | AIO V3 Headless |
Challenge
Les enjeux
Créer un produit simple d'utilisation et intuitif
Moderniser l'identité du site web de Générations en gardant son essence et en respectant l'expérience utilisateur utilisateurs lié à son public mature.
Mettre en place un CMS souple et intuitif et évolutif permettant de gérer les contenus intuitivement
![Générations mockup laptop](https://cdn.iomedia.ch/media/image/0/normal_16_9/mockup.jpg?901cbe97d9283a606eaa41bc1a8f7e5c 1080w,https://cdn.iomedia.ch/media/image/0/large_16_9/mockup.jpg?901cbe97d9283a606eaa41bc1a8f7e5c 1456w,https://cdn.iomedia.ch/media/image/0/zoom_16_9/mockup.jpg?901cbe97d9283a606eaa41bc1a8f7e5c 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_16_9/mockup.jpg?901cbe97d9283a606eaa41bc1a8f7e5c 3840w)
![Générations web](https://cdn.iomedia.ch/media/image/0/base/gene.jpg?f23a2cc8898b87eaf6d705488ced751c 1456w)
Mobile
Mobile
Accessibilité sur tous les supports
L'expérience utilisateur est réfléchie pour s'adapter à tous les supports. Ainsi les abonnés au magazine peuvent consulter aisément leurs contenus peu importe leur appareil. Les performances de chargement et d'affichage permettent une lecture fluide des contenus.
![Générations Mockup Mobile](https://cdn.iomedia.ch/media/image/0/normal_3_2/generations-mobile-mockup-2.jpg?65270502042453450144116086a861ea 1080w,https://cdn.iomedia.ch/media/image/0/large_3_2/generations-mobile-mockup-2.jpg?65270502042453450144116086a861ea 1456w,https://cdn.iomedia.ch/media/image/0/zoom_3_2/generations-mobile-mockup-2.jpg?65270502042453450144116086a861ea 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_3_2/generations-mobile-mockup-2.jpg?65270502042453450144116086a861ea 3840w)
Méthodologie
Comment nous procédons?
Au plus près des besoins clients
Après l'analyse approfondie des enjeux techniques et ceux relatifs à l'expérience utilisateur, les équipes de iomedia et de Générations ont participé à des workshop en étroite collaboration. C'est ainsi que nous pouvons fixer les objectifs de priorité ensemble pour atteindre le résultat souhaité par notre client.
![Générations ambiance](https://cdn.iomedia.ch/media/image/0/normal_3_2/generations-couple.jpg?463361a808262120197c2eb8b2d461e8 1080w,https://cdn.iomedia.ch/media/image/0/large_3_2/generations-couple.jpg?463361a808262120197c2eb8b2d461e8 1456w,https://cdn.iomedia.ch/media/image/0/zoom_3_2/generations-couple.jpg?463361a808262120197c2eb8b2d461e8 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_3_2/generations-couple.jpg?463361a808262120197c2eb8b2d461e8 3840w)
Interactivité
Accessibilité
Couleurs
La couleur jaune complémentaire est utilisée pour tout le contenu réservé aux abonnés. Cette couleur est identifiable rapidement sur tout le site.
Typographie
Les polices utilisées sur le site ont été sélectionnées selon plusieurs critères. La condition principale était sa lisibilité pour s'adapter au public cible. Également, elle doit pouvoir être déclinée en plusieurs graisses différentes pour permettre d'ajouter du rythme au texte.
Chez iomedia, nous privilégions toujours des polices ayant un format adapté pour le web.
![UX](https://cdn.iomedia.ch/media/image/0/normal_1_1/anzere-ux.png?3d53760609ee0835534ebf01538d214a 1080w)
Interface intuitive sur mesure
Collaborons pour élaborer une interface intuitive sur mesure, parfaitement adaptée à vos besoins spécifiques, afin d'assurer une expérience utilisateur optimale.
![Générations design system](https://cdn.iomedia.ch/media/image/0/normal_3_2/generations-design-system.jpg?77b30fc1fff0a743b1db7002bfa55833 1080w,https://cdn.iomedia.ch/media/image/0/large_3_2/generations-design-system.jpg?77b30fc1fff0a743b1db7002bfa55833 1456w,https://cdn.iomedia.ch/media/image/0/zoom_3_2/generations-design-system.jpg?77b30fc1fff0a743b1db7002bfa55833 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_3_2/generations-design-system.jpg?77b30fc1fff0a743b1db7002bfa55833 3840w)