Fabien
Raymondaud
Développeur
+ intégrateur
web freelance
On travaille
ensemble ?
Tél.
+262 693 81 11 18
+262 693 81 11 18
Fabien Raymondaud > projets > Mémoires électriques
Site web responsive retraçant l’histoire du rock en Corrèze.
Amélie de Charentenay (Kaïlis) et Émeline Dion (Moshi Moshi), graphistes et UX designers installées à Limoges ont fait appel à mes services pour le développement et l’intégration d’un site événementiel pour une exposition dans un premier temps avant de réaliser 18 mois plus tard un site permanent sur l’histoire du rock en Corrèze.
Développeur front-end
Développeur back-end
Le site sous forme de webzine devait permettre de gérer des playlists audio par exemple. Il devait aussi permettre de créer des articles de façon modulaire avec l’utilisation de player vidéo, de diaporama, d’images et de textes de toutes sortes, j’ai donc fabriqué un petit page builder à l’aide du plugin ACF et de son add-on « Flexible Content ».
Les playlists devaient être accessibles facilement, une interface dans le header permet d’accéder à la playlist en cours mais aussi aux autres playlists (voir écrans plus bas). Il était aussi indispensable que l’administrateur du site puisse pousser tel ou tel article dans le header, ceux-ci sont mis en valeurs par de larges visuels.
Page d’accueil, slider avec les articles à la une.
Chaque article est potentiellement composé de types de blocs différents. L’administrateur peut d’abord choisir le type de header dont bénéficiera l’article selon les ressources en sa possession (Image, diaporama, vidéo). La construction du contenu global de l’article permet d’articuler images, textes, citations, vidéos ou diaporamas. Pour une plus grande flexibilité de navigation les articles sont en lecture continue : lorsqu’on arrive à la fin d’un article le suivant se charge immédiatement en-dessous
Page d’un article du webzine. Le header est au choix une image, une vidéo ou un diaporama.
Les articles peuvent être catégorisés par année car le sujet de l’article peut couvrir une certaine période de l’histoire de la musique en Corrèze, ceci permet d’obtenir des pages d’archives par année permettant de retracer l’histoire du rock dans ce département. Un template dédié à ces archives permet de naviguer d’année en année et ainsi d’accéder à chaque article ainsi archivé.
Archive par année. Listings d’articles.
Comme expliqué auparavant les playlists étant un élément essentiel du site elles devaient être accessibles depuis n’importe quelle page du site. Le bouton du header « ouvrir la radio » permet d’ouvrir une popup listant toutes les playlists mises à disposition. La playlist en cours de lecture est signalée par un style différent et il est possible de lancer une autre playlist très simplement.
Listing des playlists.
La page d’une playlist permet de naviguer de titre en titre et d’obtenir des infos sur le titre et/ou l’album en cours de lecture.
Popup d’une playlist
Tel.
+262 693 81 11 18
Découverte au scroll