Réaliser le site web d’une structure associative

Une maison de naissance est un lieu où des sages-femmes suivent les grossesses et les suites de couches sans médicalisation, tissant ainsi des rapports plus humains et naturels, non seulement avec leurs patientes, mais plus globalement avec les couples, donc avec les parents et futurs parents. Les maisons de naissance existent en Allemagne, au Canada, en Hollande… mais pas encore en France, où les sages-femmes et les parents se battent pour faire aboutir un décret les autorisant à fonctionner. La maison de naissance des Bluets est donc à la fois un espace feutré, douillet, féminin et enfantin… et le lieu d’une lutte associative acharnée, en lien avec de nombreuses autres structures du même type, dans toute la France. Le site web de l’association devait donc refléter ce double visage : d’une part un univers assez chaud et calme – en un mot maternel ; d’autre part un agenda militant bien chargé.

Un site à la douceur féminine

La lutte du bleu contre le rose

Le précédent site, réalisé à la hâte sous SPIP pour fournir rapidement un outil de communication, avait gardé par défaut un thème de couleur bleue aux formes très carrées et angulaires. Le logo de l’association, de même, était bleu, rappelant celui de la Maternité des Bluets, à laquelle la Maison de naissance est rattachée. Or le bleu évoque une neutralité froide, qui fait que cette couleur est justement choisie par les institutions les plus généralistes et donc impersonnelles : Europe, Nations Unies… mai aussi banques et compagnies d’assurance. Comme le dit Michel Pastoureau, le bleu est la couleur « qui ne fait pas de vagues ». À l’opposé, notre projet s’est résolument tourné vers les tons chauds : rose, orangé, beige, marron… et du bleu turquoise pour les liens, comme couleur de contraste. Les formes aussi sont plus chaleureuses et tout en rondeurs : grâce à une spécification de CSS3 fonctionnant dans les navigateurs Safari et Firefox, même les onglets du menu sont arrondis.

Une mise en valeur de l’iconographie

Le précédent site ne permettait de mettre en ligne des images que toutes ensembles, sous forme d’une rubrique intitulée « galerie ». La nouvelle maquette du site donne, elle, la possibilité d’ajouter pour chaque article une ou plusieurs images, la première d’entre elles étant représentée sous forme de vignette dans le « teaser » en page d’accueil. Les images choisies présentent des couleurs accordées au site, comme cette estampe japonaise représentant une femme allaitant son bébé.

Les contraintes d’un agenda associatif

Le calendrier des activités occupe presque la moitié de la page, et est situé à gauche, donc dès le début du processus de lecture : il est ce sur quoi les yeux se posent en premier. En effet, le site est destiné non seulement à faire connaître la maison de naissance à l’extérieur, mais également à servir d’agenda aux militant(e)s de l’association : activités, soirées, réunions, conseils d’administration, congrès de sages-femmes… Les différents types d’événements sont tagués – fonctionnalité particulièrement facile à utiliser dans Drupal -, de façon à être identifiés lors d’une recherche par mots-clés. Le calendrier est donc la colonne vertébrale du site : il permet de retrouver tout événement annoncé sur le site, y compris… les naissances des bébés.