Conception du site internet de l'Ecole des Parents et des Educateurs des Hautes-Pyrénées (EPE65)
L'ancrage de la parentalité
Site Internet
I. Le Projet & Le Défi
Contexte :
L'EPE 65 est une association de soutien et d'accompagnement à la parentalité située dans les Hautes-Pyrénées. Le projet visait à créer une plateforme web institutionnelle permettant de centraliser leurs actions, leurs ateliers et de faciliter le contact avec les familles et les professionnels.
Défi :
L'enjeu majeur consistait à traduire visuellement les valeurs d'écoute, d'accompagnement et de bienveillance et l'association tout en organisation une offre de services diversifiée (ateliers, cafés des parents, analyses de pratiques) de manière claire et accessible.
Objectifs :
Présenter l'association et ses missions de soutien à la parentalité
Offrir une visibilité immédiate aux actions à venir et aux différents pôles d'intervention
Faciliter la prise de contact via des formulaires et des informations pratiques accessibles
Mon rôle :
Architecture de l'information, Design d'interface, Intégration et mise en ligne.
Outils utilisés :
Wix, Figma
II. La Direction Stratégique et Conceptuelle
Concept clef :
"Le trait d'union" : L'utilisation de lignes courbes et d'illustrations filaires (comme l'avion en papier ou le téléphone) pour symboliser le lien indéfectible entre parents, enfants et éducateurs, ainsi que la fluidité de la communication.
III. Conception du Site Internet
L'expérience utilisateur :
Le site s'articule autour d'une navigation intuitive : une page d'accueil immersive avec bannière photo, suivie de sections dédiées aux actions, aux services proposés, et une FAQ ("Questions de parents") pour une réponse immédiate aux besoins.
Justification des détails :
Utilisation d'icônes colorées pour distinguer les quatre pôles de services (individuel, collectif, ateliers, analyse).
Mise en place de sections contrastées pour bien séparer les informations institutionnelles des informations pratiques.
Présence constante de boutons d'appel à l'action (CTA) oranges pour encourager l'engagement.
IV. Le Système Visuel Complet
Palette de couleurs :
La palette chromatique a été choisie pour instaurer un climat de confiance et de dynamisme. Elle mêle des tons profonds et institutionnels à des touches vives évoquant la vitalité de l'enfance.
Bleu Institutionnel : couleur de l'autorité bienveillante et du sérieux de l'association, elle assure la structure visuelle.
Orange Energie : utilisé pour les boutons et les points d'accent, il apporte de la chaleur et incite à l'action.
Gris Perle Doux : utilisé pour les fonds de section, il offre une respiration visuelle et une lecture reposante.
Noir Profond : assure une lisibilité parfaite des textes de labeur et souligne l'aspect professionnel.
Typographie :
Le choix d'une typographie unique permet de renforcer la cohérence visuelle tout en jouant sur les graises pour hiérarchiser l'information.
Archivo : cette police sans-serif a été sélectionnée pour sa grande polyvalence et sa lisibilité exceptionnelle sur écran. Son design robuste et moderne s'adapte aussi bien aux titres imposants qu'aux paragraphes détaillés, reflétant l'aspect solide et accessible de l'EPE 65.
V. Conclusion & Impact
Le nouveau site internet offre à l'EPE 65 une vitrine digitale à la hauteur de son engagement sur le terrain. La clarté de la structure a permis de fluidité les demandes d'accompagnement et de mieux faire connaître la diversité des taliers proposés aux familles des Hautes-Pyrénées.
Leçon apprise :
L'importance de l'empathie visuelle : dans le secteur socal et éducatif, le design doit s'effacer derrière le message pour ne pas intimider l'utilisateur, tout en utilisant la couleur pour guider et rassurer.
