2015 habe ich meine Webseite zusammen mit Aldo von Skouhus & Bombelli ein erstes Mal, seit sie im Jahr 2005 online ging, von Grund auf überarbeitet, siehe auch Post: Webseite 2.0 vom 24. Juni 2015. Weitere kleinere Anpassungen sind nach dem ersten grossen Update kontinuierlich in die bestehende Seite integriert worden, wie die zweite Spaltenbreite der Desktop-Version, siehe auch Post: Webseite 2.1 vom 18. Mai 2017 – ein kleines grosses Update! Oder die übersichtlichere Referenzen-Seite mit Projekt-Bildern, welche im Jahr 2018 ergänzt wurde.
Mit dem Architekturblog – ArchitekturCumulus – habe ich 2007 begonnen. Anfänglich waren die Posts kurz und knapp. In den letzten Jahren haben sich daraus teilweise magazinähnliche Beiträge entwickelt. Mit Texten, Plänen, Bildern und Links nutze ich die vielfältigen Möglichkeiten, welche das Web bietet, um Ideen und Gedanken präsentieren zu können. In den 15 Jahren «ArchitekturCumulus» ist einiges an Beiträgen zusammengekommen, über 230 insgesamt. Einige davon sind immer wieder Thema bei Architekturinteressierten und werden entsprechend oft aufgerufen.
Mit farbigen Links habe ich beim Post: Kopenhagen Architektur-Selfie 🙂 im Jahr 2017 begonnen, um der Idee des Architektur-Selfies grafisch mehr Ausdruck zu geben! Bis dahin waren alle Links grau – Less is more – sowohl in den Posts als auch in der Webseiten-Navigation. Die Idee der Farbe Grau für die Navigation sowie für die Links einzusetzen, wurde für das Webseitenupdate 2023 fallengelassen. Zugunsten von Form follows function! Neu ist die Webseiten-Navigation in Beige gehalten. Eine zurückhaltende Farbe, die sich trotzdem gut vom übrigen Text in Schwarz unterscheidet. Die «ArchitekturCumulus» Links im Post sind jetzt über alle Posts seit Beginn im Jahr 2007 ebenfalls in einer Farbe, die entweder zu den Bildern, zum Ort im Text oder zur Idee des Textes passen. Die Farben für die Navigation & Links machen das Benutzen der Webseite einfacher. Das Grau der Navigation & Links war auf den verspiegelten oder verschmutzten Touch-Bildschirmen nicht immer gut vom übrigen schwarzen Text zu unterscheiden. Ebenso ist die auf den Mobilgeräten oft schwach eingestellte Helligkeit ein zusätzlicher Grund, der Navigation und den Links eine Farbe zu geben.
Die Webseite ist seit 2015 in drei Device-Gruppen aufgeteilt. Mobile, Tablet und Desktop. Die Seite ist neu fluid. Das heisst, dass sie bis auf eine Breite von 1400 Pixel stufenlos aufgezogen werden kann, inklusive dynamischer Textgrösse. Die Bildbreiten und die Schriften passen sich automatisch an. Das Framework dahinter ist weiterhin Bootstrap. Darüber hinaus wurde Wordpress auf Version 6.2 aktualisiert und sämtliche Inhalte werden auf den neuen Wordpress-Gutenberg-Editor übertragen, der ein einfacheres Bearbeiten der Seiten im Backend ermöglicht. Das Update wirkt sich auch positiv auf die Sicherheit sowie die Performance der Webseite aus.
Alle Pläne und Bilder können in einer Inline-Galerie geöffnet werden. Heisst also, dass sie sich in der Galerie bildschirmfüllend darstellen lassen. Durch Berühren und Anklicken kann nach vorn oder hinten geblättert werden. Damit Bildschirmgrössen von 27 Zoll und mehr bezüglich Darstellungsqualität verlustfrei bespielt werden können, braucht es genügend grosse Pläne und Fotos in der Mediadatenbank der Webseite. Ich hatte mich im Jahr 2015 entschieden alle Pläne und Bilder in der Grösse von 4000 Pixel und 72 dpi neu abzuspeichern. Rückblickend war es eine weitsichtige Entscheidung, da die heutigen Internet-Geschwindigkeiten solche Dateigrössen zulassen und es so das Betrachten speziell von Plänen auf einem grossen Bildschirm in einem neuen Fenster sehr komfortabel macht.
Dem Betrachter der Website 3.0 fällt bis auf die farbigen Links, den Fluiden-Webseitenbreiten und den Bildern und Plänen, welche in einer Galerie geöffnet werden können, nicht viel auf – obwohl es technisch von Grund auf eine neue Webseite ist – welche «Pixelgenau» von Aldo umgesetzt wurde. So sollte es sein, wenn ein Webseiten-Layout mit einer schlüssigen Grundidee weiterentwickelt wird.