Homepage Updates

Optimierungen für ein perfektes Surferlebnis.

Es ist Samstag, 07:00 Uhr und ich habe gut 12 Stunden Zeit eingeplant, um Optimierungen vorzunehmen. In Bezug auf den Umfang der Anpassungen ist das schon sehr sportlich. Aber mit den richtigen Werkzeugen und Workflows sehr gut umsetzbar. Mit den unten beschriebenen Updates möchte ich das Hör-, Seh- und Surferlebnis für dich auf meiner Homepage weiter verbessern. Drei Dinge die mir besonders wichtig sind: die einfache Bedienbarkeit, die Funktionalität und die Schnelligkeit beim Aufruf aller Inhalte.

Neues Layout, angepasste Farben & eine neue Typografie

Sowohl der Kopf- als auch der Fußbereich werden in voller Breite der Seite dargestellt. So werden die Bereiche optisch noch ein wenig stärker vom Inhalt getrennt. Die Seitenleiste habe ich entfernt. Weiterhin kommen drei Farben zum Einsatz, die ich nur leicht angepasst habe. Anthrazit für Header & Footer, ein helles Grau für den Inhalt und ein freundliches Blau für Hyperlinks. Ich habe mich für eine neue Schriftfamilie entschieden und dafür, die Schriftgröße und den Zeilenabstand in allen Bereichen etwas anzupassen.

Tracking-Software

Meine private Homepage kommt weiterhin ohne Tracking-Software aus. Weitere Informationen kannst du auf der Seite Homepage lesen.

Auch neu: Logo, Favoriten-Icon, Navigation, Kategoriewolke & Fußbereich

Ein klassisches Monogramm, bestehend aus dem Buchstaben M eingefasst von einer modernen Kontur. Einfach und stilistisch. Die Navigation ist jetzt Teil des Kopfbereiches und steht somit in einer Linie mit dem Logo. Die Kategoriewolke hat direkt unter der Navigation ihren neuen festen Platz gefunden. Noch ein wenig aufgeräumter als zuvor erscheint der neu gestaltete Fußbereich. So konnte ich die rechte Seitenleiste entfernen und dem Inhalt von Seiten und Beiträgen mehr Raum geben.

Neue Videos & ein neuer Video-Player

Vor einiger Zeit hatte ich Drittanbieter vimeo durch einen HTML5 Video-Player ersetzt, um Audio- und Videodaten selbst zu hosten. Heute habe ich das HTML5 Konstrukt durch einen eigenen, auf Javascript und CSS basierenden Player ersetzt. Für den sehr viel performanteren Player habe ich nochmals alle Videodaten mit meinem neuen Logo versehen, gerendert und ausgetauscht. Durch ein neues Kompressionsverfahren wurden die Daten, die übertragen werden müssen, trotz hoher Qualität noch einmal kleiner. Die Steuerung habe ich kompakt gehalten. Wiedergabe, Pause, Lautstärke, Bild-im-Bild Modus, Vollbild und erneutes Abspielen.

Don’t Turn Your Back

Update

Da ich die Navigation im Januar 2024 überarbeitet habe, habe ich die Screenshots entsprechend aktualisiert.