Actu.fr

stratégie de contenu
ux design
direction artistique
design graphique

Le portail d’info locale fait peau neuve avec une interface plus lisible et plus riche.

Actu.fr rassemble une centaine de médias locaux à travers la France. Notre double challenge : valoriser l’ancrage ultra-local tout en clarifiant l’identité et l’expérience de la plateforme.

Nous avons designé le nouveau site avec une grille plus aérée et une meilleure lisibilité. La navigation a également été revue complètement pour clarifier les différents échelons géographiques.

Des nouveaux formats éditoriaux ont également été conçus pour diversifier la production éditoriale des différentes rédactions.

Opéra Comique

Restaurer et redorer le site d’un Opéra !

Découvrez ça

Labofnac

Repenser l'interface du guide high-tech pour une consultation mobile.

Découvrez ça

M Le Magazine

L'actualité sous le prisme de l'illustration mixée à la donnée.

Découvrez ça

.has-primary-color { color: #30a1ef; } .has-primary-color-hover:hover { color: #30a1ef; } .has-primary-background { background-color: #30a1ef } .error404 .text a, .privacy-policy .text a { color: #30a1ef } @media (prefers-color-scheme: dark) { .has-dm-primary-color { color: #30a1ef; } .has-dm-primary-background { background: #30a1ef; } .has-dm-primary-background-hover:hover { background: #30a1ef; } .has-border-bottom, .has-border-top, .has-border-right, .has-border-left { border-color: #30a1ef } .has-border-bottom::after, .has-border-top::before { border-color: #30a1ef !important } .side-project__description a:not(.button)::after, .text a::after { background: #30a1ef !important } .menu:not(.is-fixed) .menu__item::after { background: #30a1ef !important } .has-dm-primary-background-before::before { background: #30a1ef !important } .has-dm-primary-background-after::after { background: #30a1ef !important } .menu__lang .has-dm-primary-background.is-active, .menu__lang .has-dm-primary-background-hover:hover:not(.is-active) { background: #30a1ef !important } .menu__legals a::after { background: #30a1ef !important } .pastil-height, .contact-links__tel span{ background: #30a1ef !important } .error404 .text a, .privacy-policy .text a { background: #30a1ef } } .theme-light .single-theme-background { background : #222222; } @media all and (min-width: 1000px) { .row-3.theme-light { background: #222222} } @media all and (max-width: 1000px) { .row-3.theme-light .js-autoscroll { border-color: #222222;} }