<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Développement Web | AlexIn Tech</title><link>https://alexin.tech/fr/tag/developpement-web/</link><atom:link href="https://alexin.tech/fr/tag/developpement-web/index.xml" rel="self" type="application/rss+xml"/><description>Développement Web</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>fr</language><lastBuildDate>Sat, 03 Oct 2026 00:00:00 +0000</lastBuildDate><image><url>https://alexin.tech/media/icon_hu_69c804372a707b16.png</url><title>Développement Web</title><link>https://alexin.tech/fr/tag/developpement-web/</link></image><item><title>FSG Chernex : repenser le site, de Joomla à Astro</title><link>https://alexin.tech/fr/2026/10/03/fsg-chernex-repenser-le-site-de-joomla-a-astro/</link><pubDate>Sat, 03 Oct 2026 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2026/10/03/fsg-chernex-repenser-le-site-de-joomla-a-astro/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> FSG Chernex&lt;/p>
&lt;p>&lt;strong>Projet :&lt;/strong> refonte et migration du site web&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 3 octobre 2026&lt;/p>
&lt;p>J’ai repensé le site public de la FSG Chernex et fait évoluer sa base technique. Voici le chemin parcouru : Joomla, puis WordPress avec Divi, et maintenant une interface Astro plus légère à servir. &lt;a href="https://fsgchernex.ch/" target="_blank" rel="noopener">Le nouveau site est en ligne&lt;/a>.&lt;/p>
&lt;h2 id="2014--un-site-organisé-comme-un-portail">2014 : un site organisé comme un portail&lt;/h2>
&lt;p>La version Joomla répartissait l’accueil en trois colonnes : menu principal à gauche, actualités au centre, agenda à droite. Les informations étaient présentes, mais beaucoup d’éléments avaient le même poids visuel.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./capture-2014-joomla.webp" alt="Capture du site FSG Chernex sous Joomla, en 2014" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;h2 id="2025--divi-donne-plus-de-place-à-lidentité-du-club">2025 : Divi donne plus de place à l’identité du club&lt;/h2>
&lt;p>Avec WordPress et Divi, le site s’appuyait sur une grande photo d’équipe, un logo au centre de l’accueil et un menu horizontal. Les blocs colorés séparaient les accès au calendrier, aux groupes et aux résultats. L’identité du club était plus visible, mais l’accueil restait long à parcourir.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./capture-2025-divi.webp" alt="Capture du site FSG Chernex sous WordPress et Divi, en 2025" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;h2 id="2026--une-hiérarchie-pensée-autour-des-usages">2026 : une hiérarchie pensée autour des usages&lt;/h2>
&lt;p>J’ai gardé les repères importants, puis revu leur ordre. La navigation donne un accès direct aux news, à l’agenda, aux groupes et aux documents. En haut de page, l’actualité principale et les prochains événements sont visibles côte à côte. Les cartes rendent ensuite les news et les horaires de groupes plus faciles à parcourir.&lt;/p>
&lt;p>La palette crème, bleu marine et jaune reprend les couleurs du club sans alourdir la page. J’ai aussi ajusté la mise en page pour qu’elle reste lisible sur téléphone comme sur ordinateur.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="Aperçu du nouveau site FSG Chernex construit avec Astro" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;h2 id="wordpress-pour-publier-astro-pour-servir">WordPress pour publier, Astro pour servir&lt;/h2>
&lt;p>L’équipe du club conserve WordPress pour modifier le contenu. Lors d’une publication, Astro génère les pages statiques du site public. Le navigateur reçoit donc des fichiers prêts à afficher, plutôt qu’une page assemblée à chaque visite depuis le CMS. Les images sont également converties en formats plus légers pour le web.&lt;/p>
&lt;h2 id="un-site-plus-léger-avec-un-impact-carbone-réduit">Un site plus léger, avec un impact carbone réduit&lt;/h2>
&lt;p>Le badge Website Carbon visible sur le site indique que la page évaluée consomme moins de carbone que &lt;strong>98 % des sites testés&lt;/strong>. La capture du badge a été prise le 3 octobre 2026.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./site-screenshot.png" alt="Capture du badge Website Carbon affiché dans le pied de page du site" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;p>Le rendu statique et les images optimisées rendent le site plus léger à chaque visite : le navigateur télécharge moins de données et le serveur a moins de travail à fournir. Résultat : un site plus rapide et une navigation plus sobre en carbone. Le badge le confirme : la page se situe parmi les 2 % les plus sobres des sites évalués.&lt;/p>
&lt;p>Source de la mesure : &lt;a href="https://websitecarbon.com/website/fsgchernex-ch/" target="_blank" rel="noopener">Website Carbon&lt;/a>.&lt;/p>
&lt;/div></description></item></channel></rss>