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)
Übersicht
Wir unterstützen Générations bei ihrer digitalen Strategie mit dem Ziel, mehr Sichtbarkeit im Web zu erlangen. Die Implementierung unseres mit und für die Medien entwickelten CMS ermöglicht es, einen Paradigmenwechsel einzuleiten, der dazu tendiert, redaktionelle Inhalte auf einem einzigen Tool zu erstellen.
Konzept | Informationsstruktur |
Webdesign | Design system, UI / UX, Figma |
Front | Vue 2, Nuxt 2, Tailwind |
Back | AIO V3 Headless |
Challenge
Herausforderungen
Erstellen Sie ein benutzerfreundliches und intuitives Produkt
Modernisieren Sie die Identität der Générations-Website unter Beibehaltung ihres Wesens und unter Berücksichtigung des Benutzererlebnisses für ein erwachsenes Publikum.
Implementieren Sie ein flexibles, intuitives und skalierbares CMS, um Inhalte intuitiv zu verwalten
![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
Barrierefreiheit auf allen Medien
Das Benutzererlebnis ist so konzipiert, dass es sich an alle Medien anpasst. So können Abonnenten des Magazins ihre Inhalte unabhängig von ihrem Gerät problemlos abrufen. Die Lade- und Anzeigeleistung ermöglicht ein reibungsloses Lesen von Inhalten.
![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)
Methodik
Wie machen wir es?
Näher an den Kundenbedürfnissen
Nach einer eingehenden Analyse der technischen und benutzerbezogenen Probleme nahmen die Teams von iomedia und Générations in enger Zusammenarbeit an Workshops teil. So können wir gemeinsam die vorrangigen Ziele festlegen, um das von unserem Kunden gewünschte Ergebnis zu erzielen.
![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)
Interaktivität
Zugänglichkeit
Farben
Die Komplementärfarbe Gelb wird für alle nur für Abonnenten zugänglichen Inhalte verwendet. Diese Farbe ist auf der gesamten Website schnell erkennbar.
Typografie
Die auf der Website verwendeten Schriftarten wurden nach mehreren Kriterien ausgewählt. Die Hauptvoraussetzung war die Lesbarkeit, um sich an die Zielgruppe anzupassen. Außerdem muss es in verschiedenen Strichstärken verfügbar sein, um dem Text Rhythmus zu verleihen.
Bei iomedia bevorzugen wir immer Schriftarten mit einem für das Web geeigneten Format.
![UX](https://cdn.iomedia.ch/media/image/0/normal_1_1/anzere-ux.png?3d53760609ee0835534ebf01538d214a 1080w)
Intuitive, maßgeschneiderte Benutzeroberfläche
Lassen Sie uns gemeinsam eine maßgeschneiderte, intuitive Benutzeroberfläche entwickeln, die perfekt auf Ihre spezifischen Bedürfnisse zugeschnitten ist, um ein optimales Benutzererlebnis zu gewährleisten.
![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)