Refondre un site, ce n’est pas refaire une interface.
ANDICAT, Association nationale des équipes de direction en ESAT, souhaitait moderniser son site internet pour mieux accompagner ses adhérents, valoriser son expertise et simplifier l’accès à plusieurs centaines de ressources.
Au-delà d’une nouvelle identité visuelle, cette refonte a été l’occasion de repenser l’expérience utilisateur, l’organisation des contenus et les outils mis à disposition des équipes.
Moderniser l’image d’ANDICAT et faciliter l’accès à ses ressources grâce à une expérience utilisateur repensée.
Le défi
Moderniser l’image d’ANDICAT sans perdre son identité
Le site historique d’ANDICAT remplissait son rôle depuis plusieurs années, mais ne répondait plus aux attentes actuelles des utilisateurs.
L’association souhaitait :
rendre l’information plus accessible ;
mieux valoriser son expertise nationale ;
mettre en avant son offre de formation ;
simplifier la navigation ;
proposer un outil simple à administrer.
Cette refonte devait également permettre d’accompagner les évolutions futures de l’association grâce à une architecture évolutive.
Ancien site ANDICAT avant la refonte
Comprendre avant d’agir
Une refonte commence toujours par une stratégie
Avant toute réflexion graphique, nous avons consacré une phase importante à l’analyse les besoins.
Notre objectif : concevoir un site pensé pour ses utilisateurs avant d’être pensé pour son apparence.
Cette étape nous a permis de définir une architecture claire, d’identifier les parcours prioritaires et de hiérarchiser plusieurs centaines de contenus.
Notre démarche
Audit de l’existant : analyser pour mieux comprendre
Benchmark : comparer pour mieux décider
Ateliers collaboratifs : impliquer les équipes
Arborescence : organiser plusieurs centaines de contenus
Parcours utilisateurs : concevoir des expériences utiles pour chacun
Travail sur la nouvelle arborescence du site
Concevoir une expérience plus claire et engageante
Une direction artistique au service de la mission d’ANDICAT
L’identité graphique a été entièrement repensée afin de traduire les valeurs de l’association.
Nous avons imaginé un univers visuel capable de concilier :
L’expertise Une mise en page épurée, des contenus hiérarchisés, une forte lisibilité et une utilisation des chiffres clés pour valoriser les actions d’ANDICAT.
L’engagement Des visuels mettant en avant les échanges, le collectif et la vie du réseau afin d’incarner la dimension humaine de l’association.
La modernité Une palette de couleurs revisitée, des dégradés subtils, des interfaces aérées et des micro-interactions qui rendent la navigation plus agréable.
L’accessibilité Une attention particulière a été portée aux contrastes, à la lisibilité des contenus et à la simplicité des parcours afin de proposer une expérience accessible au plus grand nombre.
UX / UI Design, des interfaces simples et intuitives
Le travail ne s’est pas limité au graphisme.
Chaque choix de conception répond à un objectif précis : faciliter la lecture, valoriser les contenus et améliorer l’expérience utilisateur.
Wireframes préparatoires avant maquettage
Responsive Design
Une expérience fluide sur tous les écrans
Développer un outil métier
Un développement sur-mesure pensé pour durer
Le projet ne s’arrête pas à la partie visible.
Nous avons développé un environnement WordPress entièrement adapté au fonctionnement d’ANDICAT afin de faciliter la gestion quotidienne des contenus.
L’objectif : offrir un outil simple à administrer, évolutif et capable d’accompagner durablement les équipes.
Développements réalisés
Blocs Gutenberg personnalisés Des contenus modulaires et réutilisables
Gestion des accès Contenus publics / privés, espace personnel sécurisé
Back-office intuitif Une prise en main facile et autonome
Évolutif & sécurisé Un site performant, maintenable et évolutif
Blocs Gutenberg dans le Back-office
Des fonctionnalités pensées pour les utilisateurs
Le nouveau site rassemble l’ensemble des services proposés par ANDICAT dans une interface claire et cohérente.
Gestion des actualités
Une publication simplifiée des informations de l’association et du secteur.
Ressources métiers
Veilles juridiques, fiches pratiques et productions accessibles rapidement grâce à une organisation claire.
Catalogue de formations
Une offre de formation mieux valorisée et un parcours d’inscription simplifié.
Gestion des événements
Valorisation des rencontres nationales et journées professionnelles.
Contenus réservés aux adhérents
Certaines ressources sont accessibles selon le profil utilisateur afin de valoriser les bénéfices de l’adhésion.
Espace personnel sécurisé
Chaque utilisateur retrouve facilement les contenus auxquels il est autorisé à accéder.
Anticiper les évolutions réglementaires
Un site connecté aux outils métiers
La refonte du site a également permis d’anticiper la réforme de la facturation électronique.
Le site intègre désormais un processus automatisé reliant :
1. Paiement en ligne Achat d’une formation, adhésion…
2. Plateforme de facturation agrée Transmission automatique des données de commande
3. Facturation électronique conforme Génération automatique selon les normes en vigueur
4. Envoi du document au client Notification et envoi immédiats
Cette automatisation réduit les tâches administratives, sécurise les échanges et prépare ANDICAT aux futures obligations réglementaires.
Ce que cette refonte change concrètement
➜ Une information mieux structurée L’ensemble des contenus bénéficie désormais d’une organisation claire permettant de réduire le temps d’accès à l’information.
➜ Une expérience plus fluide Une navigation simplifiée et une interface responsive offrent une expérience optimale sur tous les supports.
➜ Un développement sur-mesure Des fonctionnalités spécifiques ont été développées pour répondre aux besoins métier d’ANDICAT et accompagner durablement son activité.
➜ Une plateforme évolutive Pensée pour durer, l’architecture du site facilite l’ajout de nouvelles fonctionnalités et l’évolution des services.
Le résultat
Bien plus qu’un site internet
Parce qu’un site internet n’est plus seulement une vitrine. Il devient un véritable outil de communication, de gestion et de valorisation.
Le nouveau site d’ANDICAT est aujourd’hui une véritable plateforme de services.
Il permet de valoriser les actions de l’association, de diffuser efficacement ses ressources, de simplifier la gestion quotidienne des équipes et d’accompagner durablement ses adhérents.
Cette refonte illustre parfaitement notre manière d’aborder un projet digital :
Penser avant de produire
Structurer avant de concevoir
Développer des outils utiles, évolutifs et adaptés aux enjeux métier
💡 Vous aussi, repensez votre présence digitale. Votre site internet accompagne-t-il réellement vos utilisateurs ?
Ou est-il simplement présent en ligne ? Parlons de votre projet.
