Site web de la plasticienne Virginie Houdet

Un site web qui allie souplesse éditoriale et graphisme maîtrisé.

www.virginiehoudet.com

Mise à jour du site en 2023

En 2023, soit huit ans après la création de ce site web, du fait d’une non mise à jour régulière du CMS SPIP utilisé, le site a été brutalement cassé à cause d’une faille de sécurité (d’où l’importance de prendre soin du site en faisant régulièrement les mises à jour proposées, ainsi que des sauvegardes des données). Fort heureusement, l’hébergeur o2Switch conserve des versions antérieures des sites qu’il héberge. Il a pu restaurer le site avant l’attaque. J’ai fait la mise à jour de SPIP, et nous avons profité de l’occasion pour mettre à jour le design du site, en repartant de zéro pour être en phase avec les normes actuelles. Voici une liste des points de cette mise à jour :

• SPIP est une base de données structurée de façon rigoureuse, ce qui fait que le contenu (textes, images, structure du site) peut être pleinement réemployée lors de changements de design.
• Le multilinguisme (français/anglais), important pour ce site web, est aussi intégré de façon native dans SPIP, ce qui fait qu’il a été conservé, malgré ses huit ans d’âge.
• J’ai basculé la base de données du site (là où sont stockées les données textuelles et l’arborescence) de MySQL à SQLite, ce qui peut sembler étrange car SQLite est moins réputé que MySQL. Pour un site de cette taille et avec ce type d’audience, SQLite ne pose aucun problème de performance ni de fiabilité (cette base de données est utilisée dans toutes ou presque les applications mobiles, elle est très éprouvée). Mais surtout, la base de données SQLite se trouve dans un fichier, qui est simplement accessible via FTP. Ainsi la sauvegarde de la base de données se fait en même temps que la sauvegarde des médias (photos, vidéos, PDF...), simplifiant l’opération. Dans le cas de MySQL, c’est une autre opération technique à faire. La sauvegarde régulière est un élément crucial à la vie d’un site web, et plus elle est simple à faire pour le/la propriétaire du site, plus on s’assure qu’elle sera faite !
• J’ai appuyé le nouveau webdesign sur la dernière version du Front End Framework Bootstrap, qui a désormais pleinement fait ses preuves. En 2015, il n’avait que 2 ans 1/2 d’existence. En 2023, il est utilisé pour 20% des sites web dans le monde (20 millions de sites web). Ainsi, le site web est pleinement responsive et stable graphiquement pour plusieurs années.
• Nous avons personnalisé la police de caractères, et reproduit quasiment le même webdesign qu’à l’origine, même si le « moteur » est nouveau.
• J’ai rajouté un système de galerie d’images.
• J’ai ajouté un logo Instagram pour l’accès à la page Instagram de l’artiste, car désormais la communication passe par la complémentarité entre le site web, source officielle de l’information, et les réseaux sociaux, lieux de l’interaction avec la communauté.
• Nous avons aussi rajouté un bloc actualité sur la page d’accueil, qui n’existait pas avant.
• À un niveau plus technique, j’ai activé des systèmes de mise en cache modernes, qui font que le site est beaucoup plus rapide et réactif.
• Tout ce travail a fait que la plasticienne Virginie Houdet s’est réappropriée son site web, qui est redevenu un outil du présent et utile. Elle s’est attelée à une grande mise à jour des contenus et l’a recentré sur son identité professionnelle actuelle par une réorganisation de l’arborescence. « À quelque chose malheur est bon », comme dit le dicton !

Création du site en 2015

Enjeux et objectifs

• Ce site devait présenter une exposition des tableaux.
• Il devait être aussi un lieu de promotion du travail de la réalisatrice, qui est aussi monteuse.
• Il devait être pleinement bilingue (tout le contenu est bilingue, avec changement de langue possible à tout moment).
• La peintre avait des intentions graphiques très précises.
• Le budget était limité, financé par le fonds de professionalisation Audiens.
• Il devait permettre une souplesse éditoriale : qu’elle puisse par elle-même modifier, rajouter ou déplacer rubriques et articles, via un back-office.

Moyens mis en œuvre

• La conception graphique a été faite par la peintre elle-même, et construite en relation avec les possibilités techniques, au fur et à mesure, zone du site par zone du site, avec des étapes de validation claires pour que le travail avance de façon concrète. C’est un très bon moyen, je trouve, que de travailler la conception graphique main dans la main avec la personne qui sera la première concernée par le site, car ainsi il ressemble vraiment à ce qu’elle souhaite, ce n’est pas un objet étranger.
• Parallèlement à ce travail, j’ai mis en place un back-office, avec le CMS SPIP, ce qui lui a permis de commencer à mettre du contenu dans le site et de travailler la structure, de façon concrète et réelle, en parallèle de la construction du webdesign. L’intérêt de cela est que, pendant la construction, la personne s’approprie le back-office, et que tous les tests de design reçoivent déjà du contenu, ils ne sont pas faits dans l’abstrait.
• Et, bien-sûr, il y a eu une dimension de formation au bon usage du back-office, au fur et à mesure, ce qui est très important, afin que des bonnes habitudes se prennent. Notamment au niveau du multilinguisme, de la préparation des images et des vidéos.
• Cette méthode de travail au fur et à mesure, inspirée des méthodes agiles, permet que le travail avance « main dans la main », avec des tests au fur et à mesure, les fonctionnalités étant ajoutées une à une, testées et validées (cycle de développement itératif, incrémental et adaptatif).
• Ce site a été construit sur une période de 3 mois. Cela peut sembler long, mais à la fin, la peintre avait son site, pleinement fonctionnel, savait parfaitement l’utiliser et le faire évoluer, et le design était exactement celui qu’elle souhaitait. Pour avoir tous ces paramètres remplis, c’est en fait un délai plutôt court !
• Il a été choisi de ne pas faire de responsive design, mais un design unique qui fonctionne sur toutes les plateformes. Donc, il a été menée un vrai travail graphique pour l’utilisation du site sur téléphone mobile et tablettes, avec le choix final d’un même design, fonctionnel partout.

Le site web

www.virginiehoudet.com