Association
Roulez Jeunesse !
projet.
Intégration, webdesign & développement
année.
2026
à propos.
Skateur depuis mon plus jeune âge et impliqué dans l’association Roulez Jeunesse depuis des années (co-président depuis 2024), j’ai initié ce projet de site internet pour centraliser les photos & vidéos de la scène skate briochine. Après un premier site en 2017, je propose cette refonte en 2026.
partager.
identité.
Avant 2017, il n’existait encore aucun site pour l’association, il a donc fallu tout créer.
L’idée de départ était d’avoir le site le plus simple possible afin de pouvoir le maintenir à jour sans contrainte.
Basé sur le CMS WordPress, j’ai conçu un site sur-mesure qui répond à ces besoins, un design sobre et seulement 2 pages. Une page de présentation de l’association et ses actions et une page présentant des galeries de photos & vidéos.
Avec le développement de l’association, une refonte graphique s’imposait pour ajouter une page concernant les cours de skate et une autre concernant le lieu couvert mis à disposition par la municipalité. Ce remaniement a permis de retravailler la partie Archives photos & vidéos, qui occupe une place importante dans la vie associative et qui commençait à devenir compliqué à maintenir à jour.
mise en page.
Le site est constitué quasiment exclusivement de photos, il fallait réussir à trouver l’équilibre entre taille des photos, lisibilité et temps de chargement.
Toutes les photos sont présentées sur le même modèle. Le texte de présentation est accessible dans une fenêtre modale depuis une icône « + » en bas à droite et on fait défiler les photos grâce à des icônes gauche-droite qui apparaissent au survol de la photo. Une icône « retour » permet de revenir rapidement à l’ensemble des photos & vidéos. Enfin, un compteur permet de connaître le nombre de photos de chaque série. Plus globalement, la page Archives photos & vidéos propose un design aléatoire, ce qui permet à chaque ajout de série de redistribuer la visibilité des photos en place.
Quant à la version responsive, elle reste très sobre, avec un simple scroll des photos et garde accessible le texte en pop-up.
