Lavoir Moderne Parisien

novembre 2013

Après près de dix ans sur un des pre­miers CMS, le célè­bre théâ­tre de la Goutte d’Or à Paris avait décidé de refaire son site inter­net.
Nous avons repris l’idée des logos sur les étiquettes de vête­ments (lava­ble en machine... repas­sage, tem­pé­ra­tu­res...) pour cet ancien lavoir, immor­ta­lisé par Émile Zola dans l’Assommoir, qui est resté à la pointe de l’expé­ri­men­ta­tion vidéo et théâ­trale.

Jessica Winter s’est occu­pée de redé­fi­nir l’inter­face visuelle, et moi de la partie tech­ni­que qui com­pre­nait en pre­mier l’inté­gra­tion des archi­ves des anciens évènements, leurs visuels, les dates...
Il y avait près de dix ans de spec­ta­cles, sur les pres­que 30 ans d’acti­vité du théâ­tre.

Pour cette refonte, le ges­tion­naire de conte­nus SPIP a été uti­lisé avec un module de ges­tion d’évènements et d’agenda. En ajou­tant quel­ques champs et des APIs, j’ai pu pro­po­ser un sys­tème qui permet d’annon­cer les spec­ta­cles sur le site grâce aux visuels (affi­ches, photos de repré­sen­ta­tions pré­cé­den­tes) mais aussi des vidéos de Youtube, Vimeo... avec des contrô­les de lec­ture (en Javascript) sty­li­sés pour le site.
Les éléments visuels et vidéos sont direc­te­ment affi­chés dans la fiche annon­çant le spec­ta­cle et — à l’appro­che d’une repré­sen­ta­tion — sur la page d’accueil du site du Lavoir, comme une vidéo inté­grée et "salie" pour le site :

Prochain évènement présenté avec une vidéo

Évidemment, dans les fiches de spec­ta­cles, il est pos­si­ble de réser­ver en ligne, et permet d’inté­grer ainsi ces e-mails dans la news­let­ter (si la per­sonne l’accepte bien-sûr).
Une grosse partie du tra­vail a été de migrer les fiches des anciens évènements (près de 10 ans d’archi­ves) pour les conver­tir dans le nou­veau sys­tème, avec images et com­men­tai­res. Par la même occa­sion, le plan­ning, les notes et remar­ques tech­ni­ques pré­pa­ra­toi­res aux spec­ta­cles ont été migrées elles aussi. Elles étaient pré­cé­dem­ment sto­ckées sur une inter­face web. Désormais, tout est regroupé sur la même inter­face privée, avec des cou­leurs en fonc­tion du type d’élément (arti­cle, note interne, évènements selon leur type et lieu dans l’enceinte du lieu...).

Lorsque l’admi­nis­tra­teur et les régis­seurs ont suf­fi­sam­ment d’infor­ma­tions, ils-elles peu­vent publier l’évènement qui devient alors ouvert à la réser­va­tion.
Voici un exem­ple de fiche d’évènement (pour un spec­ta­cle ou une expo­si­tion tem­po­raire) dans la partie privée du site (sur l’image sui­vant à gauche) et sur le site public (à droite) :

Sur la page d’agenda où tous les spec­ta­cles sont affi­chés avec des codes cou­leurs selon la nature de chaque spec­ta­cle, il est pos­si­ble aux visi­teurs de récu­pé­rer un fichier iCal pour l’ins­tal­ler à son agenda électronique per­son­nel et rester infor­més des pro­chains spec­ta­cles au Lavoir Moderne Parisien sur les appa­reils connec­tés (ordi­na­teur, smart­phone, tablet­tes... si syn­chro­ni­sées entre elles) !

JPEG - 38.7 ko

Dans la même rubrique

Ce travail répond aussi au besoin que chaque page du site web soit conçue pour qu’elle fasse partie d’un ensemble cohérent — le site — avec son contenu essentiel mis en avant, qu’il...
Pour réaliser la plateforme web qui convient à votre activité, plusieurs approches sont possibles, selon vos besoins. Il est possible de créer un site statique (qui ne nécessite...
Voilà un petit magazine de design, architecture et d’urbanisme (design de mobilier urbain, tracé d’ensembles de bâtiments...) qui désirait basculer ses articles sur le web. Sa base...
Une auberge de jeunesse en gestation, à Miélan dans le Gers. La maison propose déjà de nombreuses activités comme un centre de documentation sur la région, l’Afrique... un espace...
Un petit site hébergeant de nombreuses informations d’actualité et d’articles de blog. Pour les besoins d’une campagne électorale, il lui fallait une mise à jour avec de nouveaux...
Un syndicat d’initiative voulait faire redécouvrir sa région, et permettre aux locations saisonnières de logements de s’inscrire dans leur annuaire. Le site ainsi conçu regroupe...
Un petit gîte dans le nord de l’Alsace (dans les environs d’Haguenau-Bouxwiller). Il est niché dans un ancien moulin, dans le pays du grès des Vosges, une pierre rose typique de...
Un atelier de construction pour l’architecture, les objets moulés, coques et matériaux pour effets spéciaux de film. Le design a été réalisé avec Benjamin Vermot et le site intégré...
Un projet de sous-site web pour une "boutique de graines" hébergé dans le site internet de la librairie Lady Long Solo.
Pour une entreprise dédiée aux engins de chantier, quoi de plus simple qu’une petite présentation des machines comme sur une planche d’architecte... Un site réalisé avec le CMS...
Un site militant d’information pour lequel une mise à jour graphique était nécessaire (la précédente interface datait de près de 10 ans). Pour la petite histoire, il a eu son heure...
Un petit site très simple, mais au design "rustique" qui colle bien à la gastronomie du sud-ouest de la France que revendique ce restaurant d’Aubervillers (Seine-Saint-Denis) où...
Une petite maquette pour redonner un style à un outil internet très utile : le forum de discussion. Dans de nombreux cas, il avait perdu de son intérêt car trop souvent, ils...
Un site web réalisé et mis en place en quelques heures avec le CMS SPIP. Le design s’inspire du dossier de présentation (à destination des partenaires publics et sponsors). Il...
Un site web de présentation et de vente en ligne des créations (illustrations, tableaux, bijoux) de l’artiste Nadia Karim. C’est elle qui a réalisé la charte graphique et les...
Un site basé sur la maquette des graphistes Charlotte et Marion, réalisé avec le CMS Drupal 7 en collaboration avec Nico (de la commission "communication-diffusion-presse")....
Pour une la vitrine d’une boutique de lingerie, voilà un petit site web, avec un CMS SPIP tout simple pour présenter le catalogue. Le site web est épuré pour laisser le (la)...
Un site web réalisé avec Marc Antony Denham (conception graphique) pour une radio local anglaise. Le site est basé sur le CMS SPIP, avec la récupération de données externes via...
Une réorganisation et "relooking" au site web pour le petit théâtre de la rue Haxo (près de la porte des Lilas). Le site avait été réalisé avec un logiciel (Frontpage, si ma mémoire...
Un site pour le groupe de musique l’Air Brut. La conception graphique a été réalisée par Arnaud Lapeyre. Pour l’intégration, un CMS rudimentaire a été créé avec Flash...
Un site web pour lister différents chapitres et articles relatives aux étapes de conception d’une petite animation 3D. Le site est consultable (en anglais uniquement) avec...
Un tout petit site web pour présenter les planches d’un projet Photoshop. Le site du projet demeure accessible !
Un site web, tout en HTML simple, qui présente différents effets spéciaux pour un projet de jeu vidéo avec des animatiques 3D. Ce site comprenait de nombreuses explications sur...
Un petit site "book" de comédien-mannequin pour Sylvain Flores. Une ébauche du site est consultable ici (mais désormais impossible d’y apporter des...
Le premier site pour le groupe de musique l’Air Brut. Tout simple en HTML, au visuel inspiré de la pochette du premier album. Une copie de ce site de l’Air Brut est encore...

Archives

février