AIPE - Association Intercommunale Petite Enfance

4 décembre 2025

Introduction

Il y a déjà cinq mois, j'ai commencé la réalisation du site vitrine de l'AIPE (Association Intercommunale Petite Enfance) de Moirans.

C’est un projet purement bénévole, dans l’optique de créer un site simple, épuré et facile à mettre à jour, mais aussi adapté à leurs besoins : joli, moderne et accessible. Un travail destiné à prolonger leur rebranding.

Rebranding et cohérence visuelle

Ils sont passés par Passerelles & Compétences pour la création de leur logo et de leur charte graphique.

Le site doit donc reprendre ces éléments afin de conserver une cohérence visuelle.

Je me permets toutefois quelques déclinaisons pour répondre à certaines contraintes, notamment en matière de contrastes pour garantir une bonne accessibilité.

Déroulé de la réalisation

  1. Rendez-vous en présentiel pour discuter de leurs besoins, établir le plan du site, déterminer les pages nécessaires et définir les grandes lignes du contenu.
  2. Création de la maquette sur Figma, intégrant les premiers éléments de la charte web.
  3. Présentation et validation de la maquette.
  4. Création d’un document textuel partagé pour récupérer le contenu de chaque page, ainsi qu’un dossier partagé pour les médias.
  5. Configuration du projet sous Eleventy, du dépôt GitHub, du déploiement automatique sur Netlify et mise en place sur le domaine qu’ils ont acheté.
    Note : Il me semble avoir correctement créé le dépôt GitHub sous leur nom, mais je ne comprends pas pourquoi mes commits ne remontent pas dans mon historique personnel, alors qu’ils apparaissent bien dans le dépôt AIPE. Mystère…
  6. Livraison des pages en production de manière cachée (accessibles uniquement via leurs URL, avec les robots configurés en no-index et no-follow) au fur et à mesure de leur réalisation, avec retours et ajustements.

Avancement du projet

Le site avançait bien, mais l’approche des vacances de Noël a ralenti la cadence.

Fun fact Morbid fact : Le graphiste ayant réalisé le logo est décédé, emportant avec lui les sources du fichier.
J’ai donc dû vectoriser le logo à partir d’une image fournie par l’AIPE.

Logo fournis par l'AIPE en .png non transparent
Vectorisation du logo et déclinaisons en format horizontal
Séparation des éléments du logo pour diverses utilisations

Pages

Quelques captures d’écran du site en cours de réalisation :

Page d'accueil, rpe et actibébé sur ordinateur
Page d'accueil, rpe version mobile
Retour en haut