Les Produits Laitiers

stratégie web
ux design
direction artistique
design graphique
illustration
motion design

Comment passer d'un site vitrine et encyclopédique à un média en ligne ? Cette transformation en profondeur s'est largement appuyée sur notre expertise médias, avec autant de travail sur le fond que sur la forme.

Nous avons construit un design system sur lequel repose la construction de chaque verticale.

Les avantages de s’appuyer sur les verticales : s’adresser à des publics différents avec du contenu spécifique, avoir un site “souple”, créer une identité forte pour chaque thématique.

RATP Communication projets

Rendre positifs et intéressants les travaux de rénovation auprès du grand public ? Laissez, on s'en charge.

Découvrez ça

Théâtre Dijon Bourgogne 18-19

6^e saison sous la direction artistique de Datagif et toujours autant de love.

Regardez ça

Conseil Constitutionnel

Repenser l’interface du site pour l'ouvrir au public citoyen.

Découvrez ça

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