Étude de cas : Association

Alegriart

Une association suisse qui réunit le droit et l'art pour les droits de l'enfant. Un lancement déjà daté, un flyer déjà imprimé, et un site en ligne cinq jours après le brief, dans son univers.

Aperçu du site alegriart.org : le logo expliqué, les plantes corail et la phrase d'accueil

Le Défi : la date est sur le flyer, le site n'existe pas.

Alegriart naît avec tout ce qu'il faut : un logo soleil aux yeux clos, des aquarelles de montagnes, une palette, des textes bilingues écrits à la première personne, un documentaire en préparation. Et une date : le lancement public, un samedi d'octobre à Lausanne, déjà annoncé sur un flyer imprimé.

Sur ce flyer, une adresse : alegriart.org. Et à cette adresse, une page « bientôt » du registrar, en locale thaïe, avec un reCAPTCHA et un bandeau cookies. Il fallait une vraie page avant l'événement, qui dise qui, quoi, quand, où en dix secondes sur un téléphone, et qui ressemble à l'association plutôt qu'à un gabarit d'ONG.

5 jours Du brief à la mise en ligne
2 Langues, FR et EN
0 Bibliothèque JavaScript
100 Lighthouse accessibilité

Son univers, en ligne avant la date

🎨 Ses illustrations, pas un gabarit

Le logo est expliqué à l'écran comme sur son schéma : le droit, l'art, la joie, dans un seul mot. Les aquarelles du flyer, les plantes corail et les insectes au trait font le décor. Pas une image générée, pas une photo de banque.

📅 Le lancement, prêt à mettre à l'agenda

La date en affiche, l'horaire, le lieu, le programme, et un bouton qui ajoute l'événement à l'agenda du téléphone. Le visiteur du flyer a sa réponse sans défiler.

🌍 Bilingue, trouvable, en règle

Français et anglais à structure identique, mentions légales en ligne, HTTPS, sitemap. Aucun traceur, donc aucun bandeau cookies : la page se lit, c'est tout.

✨ Du mouvement, sans peser

Le hero descend du ciel aux montagnes au fil du défilement, les trois idées voyagent à l'horizontale. Tout en CSS natif ; rien ne bouge pour qui préfère un écran immobile.

Vous lancez une association ?

Association, collectif, projet culturel : votre lancement mérite une adresse qui vous ressemble, en ligne avant la date imprimée sur le flyer.

On en parle, on regarde ce que vous avez déjà, on livre.


FR EN ES