Fabien
Raymondaud

Développeur
+ intégrateur
web
freelance

On travaille
ensemble ?

Tél.

+262 693 81 11 18

Mail.

fabien.raymondaud@gmail.com

Fabien Raymondaud  > projets  > Mémoires électriques

projet

Mémoires
électriques

Site web responsive retraçant l’histoire du rock en Corrèze.

M Mémoires électriques

Projet
Mémoires
électriques

Contexte

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.

Rôle

Développeur front-end
Développeur back-end

Ma réponse

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 ».

Image principale du projet Mémoires électriques

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

On travaille ensemble ?

Tel.

+262 693 81 11 18

Découverte au scroll