Swamp City Stompers
Swamp City StompersLe défi
Les Swamp City Stompers jouent du southern rock, du blues, de la soul et du outlaw country un peu partout dans la vallée de l'Outaouais. Le premier site qu'on leur a bâti était une expérience multi-pages avec défilement fluide, transitions animées et une chaîne de compilation derrière. Il était beau.
Ce n'était pas la bonne forme pour le travail. Un site de groupe reçoit deux visiteurs : quelqu'un qui décide s'il sort vendredi, et un agent qui décide s'il les engage. Les deux veulent les mêmes quelques informations, vite, sur un téléphone, souvent dans un stationnement avec une barre de signal. Ni l'un ni l'autre n'a demandé une expérience cinématique.
L'approche
On l'a refait en une seule page. Héros, qui ils sont, le groupe, les dates de tournée, la vidéo, le dossier de presse, le contact. Tout ce dont un fan ou un agent a besoin est à un défilement, et à aucun chargement de page.
Il n'y a pas d'étape de compilation ni de bibliothèque d'animation. Les apparitions de sections utilisent IntersectionObserver, c'est-à-dire le navigateur qui fait nativement ce qu'une bibliothèque faisait avant. La palette est devenue sang de bœuf, or et parchemin, avec une pile typographique auto-hébergée de Patua One, IM Fell English SC, Libre Caslon et Special Elite, pour obtenir l'effet d'une affiche de spectacle déchirée sans charger la photo d'une affiche.
Les dates de tournée vivent dans un seul fichier de données : ajouter un spectacle, c'est modifier une entrée plutôt que quatre endroits en espérant qu'ils concordent.
Le résultat
En ligne sur swampcitystompers.ca. La version précédente est archivée plutôt que supprimée, parce que c'était du bon travail qui répondait à une question que personne n'avait posée.
La leçon se transporte dans le travail client. La première version était plus impressionnante et la deuxième est meilleure. Ajuster la taille de la solution à la taille du problème, c'est l'essentiel du métier, et c'est la partie la plus facile à sauter quand la chose amusante à construire est juste là.