# TUATAM — Studio web à Annonay, Nord Ardèche

> TUATAM, studio web à Annonay en Nord Ardèche : identité visuelle, UX/UI design, illustration, data visualisation et développement web.

Faits utiles :
- Nom : TUATAM (s’écrit aussi Tuatam). Studio web et de design graphique : des indépendants (pas une société), avec un réseau de partenaires selon les projets.
- Clients : entreprises moyennes et grandes, collectivités et organismes publics (MSA, FEPEM, mairie d’Ornex, communauté de communes des Monts du Pilat…). Également en sous-traitance pour des agences, notamment Westonmills.
- Lieux : Annonay et le Nord Ardèche, l’Auvergne-Rhône-Alpes, et partout en France à distance.
- Métiers : sites internet, identités visuelles, data visualisation web, accessibilité, illustrations ; maintenance et suivi après la mise en ligne.
- Expérience : des sites internet depuis 2001, d’abord en agence, puis en indépendants depuis 2011 ; développeur certifié « développeur de sites accessibles » par Access42.
- Accessibilité : les sites sont conçus en suivant le référentiel RGAA ; pas de garantie de conformité sans audit.
- IA : outils d’IA utilisés (Claude, fonctions d’IA de Figma, Adobe, GitLab…) ; direction artistique et choix de conception humains, tout est relu et testé.
- Vie privée : statistiques sans cookie, aucun traceur tiers sur ce site.
- Contact : contact@tuatam.fr.

## Pages principales

- [Accueil](https://tuatam.fr/): présentation du studio et projets à la une
- [Réalisations](https://tuatam.fr/realisations): tous les projets, filtrables par métier
- [Études de cas](https://tuatam.fr/etudes-de-cas): le besoin, ce qui a été fait et le résultat, pour quelques projets
- [À propos](https://tuatam.fr/a-propos): le studio, sa démarche et ses valeurs
- [Partenaires](https://tuatam.fr/partenaires): agences et indépendants avec qui nous collaborons
- [Contact](https://tuatam.fr/contact): demander un devis ou un échange
- [Accessibilité numérique](https://tuatam.fr/accessibilite-numerique): Un site accessible peut être utilisé par tout le monde : au clavier, avec un lecteur d’écran, avec une vue basse ou en zoomant. Nous l’intégrons dès la conception, et nous mettons aussi en conformité des sites existants.
- [Collectivités et secteur public](https://tuatam.fr/collectivites): Nous travaillons pour des organismes publics et des collectivités : la MSA, la FEPEM, la mairie d’Ornex, la communauté de communes des Monts du Pilat. Voici ce que nous apportons sur ce type de projet.
- [Études de cas](https://tuatam.fr/etudes-de-cas): Quelques projets racontés en détail : le besoin de départ, ce que nous avons fait, et le résultat.
- [Notre usage de l’IA](https://tuatam.fr/intelligence-artificielle): Nous utilisons l’intelligence artificielle dans notre travail. Voici ce qu’elle nous apporte et la place que nous lui laissons.
- [Services](https://tuatam.fr/services): Nous concevons, dessinons, développons et maintenons des sites internet. Nous intervenons sur tout le projet ou sur une partie seulement.

## Études de cas

- [MSA : un site carrières de 53 % à 100 % de conformité RGAA](https://tuatam.fr/etudes-de-cas/msa-site-carrieres-accessibilite): Reprise du site recrutement.msa.fr pour corriger toutes les non-conformités relevées par un audit d’accessibilité.
- [FEPEM : un rapport de branche pensé d’abord pour le web](https://tuatam.fr/etudes-de-cas/fepem-rapport-de-branche): Une nouvelle façon de produire le rapport : les données sont saisies sur le web, qui génère les graphiques en ligne et en SVG pour la version imprimée.
- [Ville d’Ornex : moderniser un site municipal sans tout refaire](https://tuatam.fr/etudes-de-cas/ornex-site-municipal): Développement d’un nouveau thème WordPress, sur la conception et l’accompagnement de l’agence Ylos : une image modernisée sans toucher à la structure du site.

## Réalisations à la une

- [Fonds d’indemnisation des victimes de pesticides](https://tuatam.fr/realisations/fivp-victimes-pesticides): Site du Fonds d’indemnisation des victimes de pesticides : créé en 2022 sur la charte de Studio Bambo, entièrement refondu en 2026 (design et développement) avec les illustrations de Gilles Kergadallan.
- [Rapport de branche FEPEM](https://tuatam.fr/realisations/rapport-de-branche-fepem-dataviz): Le rapport de branche de l’emploi à domicile, du print au web : mise en page de l’édition 2026, graphiques générés automatiquement, data visualisations ECharts et cartes régionales.
- [Quorum Avocats](https://tuatam.fr/realisations/quorum-avocats): Refonte complète de l’identité et du site d’un cabinet d’avocats au cœur de Lyon : logo, charte, papeterie et site WordPress sur mesure.
- [Ville d’Ornex](https://tuatam.fr/realisations/mairie-ornex): Nouveau thème WordPress sur mesure pour le site de la Ville d’Ornex, en conservant la structure existante pour maîtriser le budget.
- [Laurent-Perrier](https://tuatam.fr/realisations/laurent-perrier-site-corporate): Reconstruction du site officiel de la Maison Laurent-Perrier : migration des contenus, harmonisation et modernisation d’une plateforme WordPress.
- [MSA — Mon projet d’agri](https://tuatam.fr/realisations/msa-mon-projet-agri): Module interactif qui guide les porteurs de projet agricole, développé en Vue.js et intégré au portail de la MSA.
- [Atelier LJN](https://tuatam.fr/realisations/atelier-ljn): Site vitrine d’un atelier de paysagistes-concepteurs, à la croisée du vivant, de la poésie et de l’ingéniosité.
- [Statistiques MSA](https://tuatam.fr/realisations/msa-statistiques): Conception, UX/UI et data visualisations interactives ECharts du site Statistiques MSA : chiffres clés, séries labellisées et données ouvertes du régime…

## Toutes les réalisations

- [Aster Formation](https://tuatam.fr/realisations/aster-formation): Site WordPress d’un organisme de formation certifié Qualiopi, spécialisé en langues et compétences essentielles.
- [MSA — Recrutement](https://tuatam.fr/realisations/msa-recrutement-accessibilite): Mise en conformité RGAA du site recrutement.msa.fr : de 53 % à 100 % des critères respectés à la suite d’un audit d’accessibilité.
- [Soverre](https://tuatam.fr/realisations/soverre): Identité visuelle d’un acteur du réemploi du verre : un « e » en boucle, allégorie de la réutilisation, comme fil conducteur.
- [Binaume](https://tuatam.fr/realisations/binaume): Développement du site WordPress de Binaume à partir du design Ylos, avec mise en conformité responsive.
- [France Consigne](https://tuatam.fr/realisations/france-consigne): Site WordPress FSE de France Consigne : templates et patterns sur mesure pour une gestion éditoriale souple.
- [Atelier Isshin](https://tuatam.fr/realisations/atelier-isshin): Réalisation du site WordPress de l’Atelier Isshin à partir du design Ylos.
- [Betremant](https://tuatam.fr/realisations/betremant): Site WordPress animé pour Betremant, maison parisienne de sacs-bijoux sculptés, pièces uniques et éditions d’art.
- [Communauté de communes des Monts du Pilat](https://tuatam.fr/realisations/monts-du-pilat-cartographie-illustree): Carte illustrée du territoire des Monts du Pilat, déclinée en carte A5 et en affiche A3 pour valoriser son patrimoine naturel.
- [Fresque de l’économie régénératrice](https://tuatam.fr/realisations/fresque-economie-regeneratrice): Identité graphique et site WordPress FSE pour une fresque qui explore les leviers d’une économie régénératrice.
- [Graine de bulles](https://tuatam.fr/realisations/graine-de-bulles): Étiquettes illustrées des bières bio d’une brasserie ardéchoise : cinq paysages d’Ardèche pour cinq recettes.
- [Observatoire FEPEM](https://tuatam.fr/realisations/observatoire-fepem): Data visualisations interactives ECharts et illustrations pour rendre lisibles les chiffres clés de l’Observatoire de l’emploi à domicile.
- [Oduet](https://tuatam.fr/realisations/oduet): Intégration fidèle des maquettes Ylos et animations front-end pour valoriser les différents niveaux de situations.
- [Ardèche Grand Air — Annonay](https://tuatam.fr/realisations/ardeche-grand-air-affiches-annonay): Illustration représentant la ville d’Annonay, en vente à l’office de tourisme.
- [Azelar](https://tuatam.fr/realisations/azelar): Annuaire interactif des coopérateurs d’Azelar, coopérative artistique lyonnaise : un site vivant, animé, à l’image du collectif.
- [Centre social Gerland](https://tuatam.fr/realisations/centre-social-gerland): Développement complet du site WordPress du centre social Gerland : thème sur mesure, architecture de contenu et gestion éditoriale simplifiée.
- [Formality](https://tuatam.fr/realisations/formality): Identité graphique et UX/UI d’une application qui centralise les documents juridiques et suit automatiquement leurs données clés.
- [Hopenergie](https://tuatam.fr/realisations/hopenergie): Adaptation de l’identité graphique et UX/UI d’un comparateur d’offres d’électricité et de gaz.
- [Carte Blanche Collection](https://tuatam.fr/realisations/carte-blanche-collection): Front-end WordPress premium pour une collection de chalets à Tignes, connecté à l’API de réservation Reservit.
- [Dixea](https://tuatam.fr/realisations/dixea): Identité graphique et accompagnement UX/UI de Dixea, agence de conseil en plateformes digitales engagée pour la sobriété numérique.
- [MSA — Agissons pour la ruralité](https://tuatam.fr/realisations/msa-agissons-pour-la-ruralite): Site événementiel lancé au Salon de l’agriculture pour porter 10 propositions de la MSA aux candidats à la présidentielle.
- [MSA — Guidéa](https://tuatam.fr/realisations/msa-guidea): Parcours guidés interactifs pour les exploitants et employeurs agricoles, développés en Vue.js et intégrés au portail Liferay de la MSA.
- [Maison Veyret](https://tuatam.fr/realisations/maison-veyret): Refonte du site de Maison Veyret : séduire, rassurer, engager — et faciliter la prise de rendez-vous.
- [AUM](https://tuatam.fr/realisations/aum-architecture): Maquettes UX/UI d’un site flexible et minimaliste pour l’agence d’architectes AUM, où l’art et l’architecture contemporaine se répondent.
- [La Soulière](https://tuatam.fr/realisations/la-souliere): Identité graphique et scénettes illustrées pour des gîtes aveyronnais en pleine nature.
- [MSA — Aidant’ plus](https://tuatam.fr/realisations/msa-aidant-plus): Création d’une identité et d’un module intégré à msa.fr pour guider les adhérents vers l’offre destinée aux aidants.
- [MSA — Coup de pouce prévention](https://tuatam.fr/realisations/msa-coup-de-pouce-prevention): Un univers graphique dynamique et intergénérationnel : scénettes illustrées, pictogrammes et gamme de couleurs pour un programme de prévention.
- [Shift Your Job](https://tuatam.fr/realisations/shift-your-job): Plateforme bénévole référençant les organisations qui contribuent à la transition carbone, construite par une quarantaine de Shifters.
- [Westonmills](https://tuatam.fr/realisations/westonmills): Site headless de l’agence Westonmills : back-office WordPress développé par Tuatam, front Nuxt.js signé Renaud Collet.
- [Terres Oubliées](https://tuatam.fr/realisations/terres-oubliees): Refonte du site de voyages Terres Oubliées : codes e-commerce et graphisme texturé aux multiples aspérités, front-end sur Laravel.

## Optional

- [Version détaillée](https://tuatam.fr/llms-full.txt): pages du site, études de cas et fiches projet en texte intégral
- [Plan du site](https://tuatam.fr/sitemap-index.xml)