Le premier écran dit à qui le site parle
Un titre, le logo, trois promesses courtes et un bouton vers les pratiques. Le ton est celui de l'association, qui tutoie ses danseurs.
Réalisation · site internet
Stras'N Swing, le site d'une association de danse, réécrit sans WordPress.
Une association strasbourgeoise de Rock et West Coast Swing, dont le site vieillissait sous WordPress. Nous l'avons réécrit de zéro, mis en ligne avec une chaîne de livraison automatisée et hébergé sur nos serveurs en France. Client nommé avec son accord.
01/Le contexteD'où nous sommes partis
La vie de l'association se joue sur WhatsApp, pas sur son site
Le site n'avait pas à devenir un outil de gestion : il devait être une porte d'entrée crédible, qui envoie le visiteur là où la communauté vit. Pour chaque point de départ, ce que fait le site.
- 01Un WordPress à tenir à jour, des extensions à surveiller, une charte en décalage avec le logo or et rubis.Un site réécrit en Next.js, sans extension ni espace de gestion exposé, dans une charte tirée du logo.
- 02Les dates, les lieux et les tarifs changent souvent, et vivent déjà sur WhatsApp et HelloAsso.Le site renvoie vers ces canaux au lieu de les dupliquer ; la page « Ateliers » a été retirée et redirigée.
- 03Un formulaire public se fait moissonner par les robots en quelques semaines.Trois barrages invisibles pour le visiteur : champ piège, vérification automatique sans case à cocher, limite de messages par adresse.
- 04Mesurer l'audience sans bandeau de cookies ni régie publicitaire.Mesure sans cookie sur notre propre instance, injectée en production seulement ; les statistiques restent à l'association.
02/Ce que nous avons construitLivré à ce jour
Un site qui tient tout seul et envoie où il faut
Pas de CMS, pas d'espace d'administration : le contenu bouge quelques fois par an, il vit dans le code.
- 01Une page, un parcours. De la découverte à l'adhésion : pratiques, communauté, ateliers, presse, contact.
- 02Charte tirée du logo. Or et rubis sur fond noir, deux polices auto-hébergées, aucune requête vers un service de polices.
- 03Rejoindre en un scan. QR codes WhatsApp et Discord lisibles depuis un écran comme depuis une affiche.
- 04Formulaire de contact. E-mail aux couleurs de l'association, adresse de réponse sur l'expéditeur, trois barrages anti-robots.
- 05Mesure d'audience sans cookie. Sur notre instance, en production seulement ; aucun bandeau de consentement à afficher.
- 06Image Docker. Construite en plusieurs étapes, exécutée sans privilège, avec une sonde de santé qui relance le conteneur s'il cesse de répondre.
- 07Chaîne de livraison. Préproduction et production depuis notre forge, chaque image étiquetée par sa version, retour arrière immédiat, secrets hors du dépôt.
- 08Pages légales. Mentions et confidentialité adaptées à un site sans cookie ni traceur.
03/Quatre écransLe site en ligne, rien n'est flouté
Quatre écrans, à l'échelle
Captures du site tel qu'il est en ligne. Ces pages sont publiques ; rien n'est flouté ni remplacé.
Trois étapes, et chacune renvoie au bon canal
Rejoindre le groupe, venir pratiquer, approfondir en atelier. Les inscriptions aux ateliers se font sur HelloAsso, que le bureau tient à jour ; le site le dit au lieu de le refaire.
La conversion se fait hors du site, et c'est voulu
Le but du site est de transformer un curieux en membre du groupe. Les codes se scannent depuis un écran ou une affiche imprimée.
Un formulaire sans captcha visible
Le visiteur ne coche rien. Un champ piège attrape les robots, une vérification automatique se refait côté serveur, et une limite de messages par adresse borne les abus.
04/TechnologiesCe que nous avons choisi, et pourquoi
Un site statique, industrialisé de bout en bout
Rendu côté serveur, rapide au premier affichage, lisible par les moteurs de recherche.
- InterfaceNext.js et React, composants serveur par défaut ; seules les sections animées basculent côté client.
- Styles et policesThème déclaré une fois (palette, polices, animations) ; polices téléchargées à la compilation et servies depuis le domaine.
- FormulaireRoute serveur, e-mail transactionnel, champ piège, vérification automatique revérifiée côté serveur, limite par adresse.
- AudienceMesure sans cookie sur notre instance, en production seulement.
- LivraisonImage Docker en plusieurs étapes, sonde de santé, chaîne sur notre forge, déploiement par bastion sans clé d'administration dans la chaîne.
- HébergementSur nos serveurs en France, routage et certificat automatiques ; le code appartient à l'association, l'image se reconstruit à l'identique.
05/Pour aller plus loinPrestations voisines
Pour un site qui s'ouvre vite et reste à vous
Et maintenant
Un site associatif ou vitrine à refaire, sans WordPress à surveiller ?
Décrivez-nous votre site et ce qu'il doit faire. Nous vous répondons sur ce qui est faisable, avec un délai et un ordre de prix.
Discuter de votre projet
Réponse sous 24 h ouvrées, par l'un des deux fondateurs. Ou par téléphone : 07 59 96 14 99.