MSA — Rapports d’activité

Les rapports annuels de la MSA en version web, de 2016 à 2019

Année: 2019
Catégories: Web, Design, Développement, Animation, Institutionnel
Technologies: Intégration HTML/CSS

Client: MSA — La sécurité sociale agricole

Chaque année, la MSA publie son rapport d’activité. Pour les éditions 2016, 2017 et 2019, il a aussi pris la forme d’un site web : une lecture par chapitres, des chiffres clés mis en scène, des interviews vidéo et chaque partie téléchargeable en PDF.

Tuatam a conçu et développé ces trois sites à partir de la charte graphique et des illustrations de chaque rapport imprimé : design de l’interface, intégration, navigation par chapitres et animations. Les illustrations prennent vie en 2016 (« Une entreprise engagée »), chaque chapitre s’ouvre sur ses propres formes géométriques en 2017 (« Au cœur des territoires »), et l’édition 2019 joue sur des fonds topographiques animés et des chiffres qui s’égrènent.

Ces sites ont accompagné chaque édition et ne sont plus en ligne aujourd’hui.

Rapports d’activité web de la MSA sur ordinateur et sur mobile

Rapport d’activité 2016 « Une entreprise engagée » : page d’accueil en mosaïque d’illustrations et sommaire des chapitres — 02 / 10

Rapport 2016 : chapitre « Qualité de vie au travail » avec illustration animée, interview vidéo et chiffres clés — 03 / 10

Rapport 2017 : ouverture du chapitre « Investissement des territoires numériques » — 05 / 10

Rapport d’activité 2017 « Au cœur des territoires » : ouverture du chapitre « Acteur au plan national » et ses formes géométriques — 04 / 10

Rapport 2017 : chiffres clés du chapitre numérique et encart « En actions » — 06 / 10

Rapport d’activité 2019 « Au cœur des territoires » : introduction sur fond topographique et navigation par chapitres — 07 / 10

Rapport 2019 : chapitre « Des réponses aux attentes des territoires locaux » et ses chiffres animés — 09 / 10

Rapport d’activité 2019 sur mobile : introduction « Au cœur des territoires » — 08 / 10

Rapport 2019 : chapitre « Innovations » et carrousel de vidéos — 10 / 10

Dans la même veine