<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Web Development | AlexIn Tech</title><link>https://alexin.tech/tag/web-development/</link><atom:link href="https://alexin.tech/tag/web-development/index.xml" rel="self" type="application/rss+xml"/><description>Web Development</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>en</language><lastBuildDate>Sat, 03 Oct 2026 00:00:00 +0000</lastBuildDate><image><url>https://alexin.tech/media/icon_hu_69c804372a707b16.png</url><title>Web Development</title><link>https://alexin.tech/tag/web-development/</link></image><item><title>FSG Chernex: redesigning the site from Joomla to Astro</title><link>https://alexin.tech/2026/10/03/fsg-chernex-redesigning-the-site-from-joomla-to-astro/</link><pubDate>Sat, 03 Oct 2026 00:00:00 +0000</pubDate><guid>https://alexin.tech/2026/10/03/fsg-chernex-redesigning-the-site-from-joomla-to-astro/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client:&lt;/strong> FSG Chernex&lt;/p>
&lt;p>&lt;strong>Project:&lt;/strong> website redesign and migration&lt;/p>
&lt;p>&lt;strong>Date:&lt;/strong> October 3, 2026&lt;/p>
&lt;p>I redesigned the public FSG Chernex website and moved it to a lighter technical foundation. Here’s how it changed: Joomla, then WordPress with Divi, and now an Astro interface that is lighter to serve. &lt;a href="https://fsgchernex.ch/" target="_blank" rel="noopener">The new website is live&lt;/a>.&lt;/p>
&lt;h2 id="2014-a-portal-style-homepage">2014: a portal-style homepage&lt;/h2>
&lt;p>The Joomla version split the homepage into three columns: the main menu on the left, news in the middle and the calendar on the right. The information was there, but many elements had the same visual weight.&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="Screenshot of the FSG Chernex Joomla website in 2014" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;h2 id="2025-divi-gave-the-club-identity-more-room">2025: Divi gave the club identity more room&lt;/h2>
&lt;p>With WordPress and Divi, the site used a large team photo, a centered logo and a horizontal navigation bar. Colored blocks separated the links to the calendar, groups and results. The club identity stood out more, though the homepage was still long to browse.&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="Screenshot of the FSG Chernex website running WordPress and Divi in 2025" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;h2 id="2026-a-hierarchy-built-around-what-people-need">2026: a hierarchy built around what people need&lt;/h2>
&lt;p>I kept the important destinations and changed their order. The navigation links directly to news, the agenda, groups and documents. At the top of the page, the main story and upcoming events sit side by side. News cards and group schedules are easier to scan below.&lt;/p>
&lt;p>The cream, navy and yellow palette brings in the club colors without making the page feel heavy. I also adjusted the layout so it stays readable on both phones and computers.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="Preview of the new FSG Chernex website built with Astro" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;h2 id="wordpress-for-publishing-astro-for-serving">WordPress for publishing, Astro for serving&lt;/h2>
&lt;p>The club team keeps WordPress to edit content. When something is published, Astro generates the static pages for the public website. The browser receives files that are ready to display instead of a page assembled by the CMS on every visit. Images are also converted to lighter web formats.&lt;/p>
&lt;h2 id="a-lighter-website-with-a-lower-carbon-impact">A lighter website with a lower carbon impact&lt;/h2>
&lt;p>The Website Carbon badge on the site says the assessed page uses less carbon than &lt;strong>98% of websites tested&lt;/strong>. I took the badge screenshot on October 3, 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="Screenshot of the Website Carbon badge in the website footer" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;p>Static delivery and optimized images make each visit lighter: the browser downloads less data and the server has less work to do. The result is a faster website and lower-carbon browsing. The badge backs it up: the page ranks among the 2% lowest-carbon websites assessed.&lt;/p>
&lt;p>Rating source: &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>