Intégration WordPress pixel-perfect et multilingue pour un espace de coworking arlésien
Scores de cette page :
EcoIndex A
SEO 100%
Accessibilité 100%
Performance 99%
Bonnes Pratiques 100%
Intégration en sous-traitance pour une agence de communication du site vitrine de la Villa J, espace de coworking et de location de salles à Arles : thème WordPress sur mesure d'après une maquette épurée, multilingue FR/EN via WPML, responsive.
Contexte
La Villa J est un espace de coworking, de salles de réunion et de location d'espaces événementiels installé dans une villa d'architecte des années 50, au cœur d'Arles. Ce projet m'a été confié en sous-traitance par une agence de communication, qui avait déjà conçu la direction artistique et les maquettes du site. Mon rôle se limitait à l'intégration : transformer ces maquettes en un site WordPress fonctionnel, sans intervenir sur les choix graphiques ni sur le fond éditorial, qui ne m'appartenaient pas.
Une intégration fidèle à la maquette
La maquette fournie par l'agence était épurée mais exigeante : chaque espacement, chaque typographie, chaque comportement d'interface (le menu, les cartes présentant les différents espaces, les bandeaux pleine largeur) était fixé précisément et devait être reproduit à l'identique, sans marge d'interprétation graphique de ma part. Le site compte plusieurs gabarits de page différents (coworking, salles de réunion, location d'espaces, esprit du lieu, évènements, contact), et cette rigueur devait tenir sur l'ensemble d'entre eux, pas seulement sur la page d'accueil.
Les pages présentant les différents espaces (bureaux de coworking, salles de réunion de toutes tailles, jardin arboré, plateau intérieur modulable) suivent chacune le même gabarit : capacité d'accueil, surface, équipements disponibles, et pour les salles de réunion, un tarif.
Chaque espace dispose de sa propre fiche, avec capacité, surface, équipements et tarifs.
Une page de synthèse rassemble tous les espaces sous forme de grille, pour une vue d'ensemble rapide avant d'aller consulter le détail de chacun.
La page « Esprit », autre exemple de gabarit à reproduire au pixel près, avec son alternance de texte et de photographies.
Multilingue avec WPML
Le site devait pouvoir basculer entre français et anglais, la clientèle de la Villa J étant en partie internationale. J'ai mis en place et configuré WPML sur ce thème sur mesure : traduction des contenus, des menus et de tous les textes générés par le thème, et gestion du sélecteur de langue dans l'en-tête.
Responsive
L'ensemble de la maquette, pensée pour grand écran, a été adapté aux formats tablette et mobile, avec un menu burger dédié pour les petits écrans.
Un site riche en images, optimisé malgré tout
Entre les photos des espaces et celles de la page Esprit, ce site est l'un des plus riches visuellement parmi mes réalisations, et comme sur d'autres projets menés en sous-traitance, la maquette, les plugins et l'architecture technique m'étaient imposés, sans marge de décision de mon côté. Malgré cette contrainte, le travail d'optimisation réalisé à la livraison (compression des images, nettoyage du code généré) permet au site d'afficher le plus souvent un EcoIndex B, visible directement dans le pied de page du site en ligne.
