Le Quotidien Jurassien
![LQJ-visuel](https://cdn.iomedia.ch/media/image/0/normal_16_9/artiom-vallat-mwmw6gea1xu-unsplash.jpg?cb3e76a4dceb0c1670dcb25004520377 1080w,https://cdn.iomedia.ch/media/image/0/large_16_9/artiom-vallat-mwmw6gea1xu-unsplash.jpg?cb3e76a4dceb0c1670dcb25004520377 1456w,https://cdn.iomedia.ch/media/image/0/zoom_16_9/artiom-vallat-mwmw6gea1xu-unsplash.jpg?cb3e76a4dceb0c1670dcb25004520377 1920w)
Vue d'ensemble
Nous soutenons Le Quotidien jurassien dans leur stratégie digitale pour accroître leur visibilité en ligne. L'intégration de notre CMS, élaboré en collaboration avec l'équipe éditoriale, marque un tournant en simplifiant la création de contenus rédactionnels à travers une seule plateforme.
Concept | Structure de l'information |
Webdesign | Design system, UI / UX, Figma |
Front | Vue 2, Nuxt 2, Tailwind |
Back | AIO V3 Headless |
Challenge
Les enjeux
Repenser la hérarchie de l'information permettant aux utilisateurs d'accéder aux actualités de manière simple et rapide, sur tous les supports a été l'enjeu principal du projet de refonte. L'expérience utilisateur est au centre, elle est enrichie par le fait qu'il a la possibilité de personnaliser ses rubriques préférées et les afficher sur la page d'accueil.
![LQJ mockup laptop](https://cdn.iomedia.ch/media/image/0/normal_16_9/lqj-mockup-laptop.jpeg?2a95c37912127c5e4acf5bdcae2faae9 1080w,https://cdn.iomedia.ch/media/image/0/large_16_9/lqj-mockup-laptop.jpeg?2a95c37912127c5e4acf5bdcae2faae9 1456w,https://cdn.iomedia.ch/media/image/0/zoom_16_9/lqj-mockup-laptop.jpeg?2a95c37912127c5e4acf5bdcae2faae9 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_16_9/lqj-mockup-laptop.jpeg?2a95c37912127c5e4acf5bdcae2faae9 3840w)
![LQJ Web](https://cdn.iomedia.ch/media/image/0/base/lqj-home-desktop-2.jpg?c8746593deb27f86df9549b706d29543 1456w)
Mobile
Mobile
Etre accessible partout et en tout temps
L'utilisation du mobile comme support est une proportion conséquente de la consultation d'un site web. L'expérience utilisateur se doit d'être optimale tant par sa qualité de consultation que la performance de l'affichage.
![LQJ mockup mobile](https://cdn.iomedia.ch/media/image/0/normal_3_2/lqj-mobile-mockup.jpg?fe0d793180c363e9b700080aeb382392 1080w,https://cdn.iomedia.ch/media/image/0/large_3_2/lqj-mobile-mockup.jpg?fe0d793180c363e9b700080aeb382392 1456w,https://cdn.iomedia.ch/media/image/0/zoom_3_2/lqj-mobile-mockup.jpg?fe0d793180c363e9b700080aeb382392 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_3_2/lqj-mobile-mockup.jpg?fe0d793180c363e9b700080aeb382392 3840w)
![LQJ landscape](https://cdn.iomedia.ch/media/image/0/normal_3_2/jo-l-helvete-ugi-rm3laqa-unsplash.jpg?e5bd5741745f503231e608c102491b0d 1080w,https://cdn.iomedia.ch/media/image/0/large_3_2/jo-l-helvete-ugi-rm3laqa-unsplash.jpg?e5bd5741745f503231e608c102491b0d 1456w,https://cdn.iomedia.ch/media/image/0/zoom_3_2/jo-l-helvete-ugi-rm3laqa-unsplash.jpg?e5bd5741745f503231e608c102491b0d 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_3_2/jo-l-helvete-ugi-rm3laqa-unsplash.jpg?e5bd5741745f503231e608c102491b0d 3840w)
Interactivité
Accessibilité
Couleurs
La palette de couleur respecte l'identité du Quotidien Jurassien et enrichit la page d'accueil par des fonds de couleurs destinés à mettre en valeur les informations rédactionnelles régionales.
Typographie
Les polices choisies pour le site ont été méticuleusement été sélectionnées pour une lisibilité optimale. Elles doivent être composées par plusieurs graisses afin de donner du rythme aux différents articles.
![LQJ design system](https://cdn.iomedia.ch/media/image/0/normal_3_2/lqj-design-system.jpg?7549198d7adf471151b7227f57053e4c 1080w,https://cdn.iomedia.ch/media/image/0/large_3_2/lqj-design-system.jpg?7549198d7adf471151b7227f57053e4c 1456w,https://cdn.iomedia.ch/media/image/0/zoom_3_2/lqj-design-system.jpg?7549198d7adf471151b7227f57053e4c 1920w,https://cdn.iomedia.ch/media/image/0/zoom_xl_3_2/lqj-design-system.jpg?7549198d7adf471151b7227f57053e4c 3840w)