VZC System v3.0 - Der vollständige PHP-Rollout und unser neues "Quantum"-Design

Hallo zusammen!

Erinnert ihr euch noch an unseren Artikel:

Den Artikel dazu, haben wir euch natürlich auch in den Quellen verlinkt.

Damals haben wir PHP in erster Linie eingeführt, um unsere Infrastruktur abzusichern und dynamische Checks (wie unseren Wartungsmodus) zu etablieren. Aber ehrlicherweise war der Rest der Plattform – von der Navigation bis zum Footer auf den Unterseiten – immer noch starres HTML. Das hat uns bei jedem kleinen Menü-Update enormen manuellen Aufwand beschert. Deshalb haben wir in den letzten Stunden die Architektur radikal umgebaut.

Willkommen bei VZC System v3.0 – vollmodular und im komplett neuen "Quantum"-Design

100 % PHP-Modularität

Der größte Pain-Point der letzten Wochen war die redundante Code-Pflege. Sobald ein neuer Link ins Menü sollte oder unser "cookie-banner.js" ein Update brauchte, mussten wir jede einzelne .html - Datei auf dem Server händisch anpassen.

Um dieses Problem endgültig zu lösen, haben wir das Frontend nun restlos aufgebrochen und auf eine zentrale Steuerung umgestellt.

Wir hätten dies natürlich auch von Anfang an so machen können, sind aber leider erst viel später drauf gekommen.

Ab sofort zieht sich jede Unterseite dynamisch eine zentrale header.php & footer.php - wie es sich auch gehört. Dadurch sind nun auch die Codes der einzelnen Seiten um einiges geschrumpft. Diese konsequente Reduzierung bedeutet für uns noch weniger Code und somit auch weniger Fehlerquellen.

Erfreulicherweise geht dieser Umbau mit absolut keinem Performance-Verlust einher. Da das Zusammenbauen der Module rein serverseitig passiert, wird der Browser nicht zusätzlich belastet und die Ladezeiten bleiben auf dem gewohnt extrem niedrigen Niveau.

Deep Purple, Orbitron & Listen-Ansicht

Wenn man schon die gesamte Architektur anfasst, bietet es sich an, auch gleich die Optik aufzupolieren. Wir haben unser klassisches Blau etwas zurückgefahren und setzen nun auf tiefe, dunkle Lila-Töne, die wir mit starken Glasmorphismus-Effekten kombinieren.

Passend zum neuen Look haben wir auch die Typografie angepasst und nutzen für die Hauptüberschriften ab sofort den Font Orbitron. Diese weite, kantige Schriftart liefert exakt den technischen Space-Vibe, den wir für die Plattform gesucht haben. Zu guter Letzt gab es ein Update für das Startseiten-Layout. Das alte Bento-Grid für die neuesten Beiträge auf der Homepage ist einer cleanen Listen-Ansicht mit Zeitungssymbol gewichen.

Das große, markante Bento-Design bleibt von nun an exklusiv dem News-Archiv vorbehalten, wodurch die visuelle Hierarchie der Website spürbar verbessert wird.

CSS Hotfix: Der Kampf gegen den Mobile-Overflow

Ein ganz praktisches Problem, das wir im Zuge des Redesigns direkt mitgelöst haben, betraf das Verhalten von Texten auf kleinen Bildschirmen. Überlange deutsche Wörter wie beispielsweise "Datenschutzerklärung" haben auf schmalen Smartphone-Displays teilweise gnadenlos das Layout zerschossen.

Der Grund dafür war, dass die Mindestgrößen in unserer Skalierungs-Logik für mobile Endgeräte schlichtweg zu groß berechnet waren. Wir haben diese Werte nun gezielt reduziert und zusätzlich harte Umbrüche für extrem kleine Bildschirme erzwungen, damit das Design auf jedem Device zu 100 % stabil bleibt.

-- NEWS_INTERNES_UPDATE_ENDE -- Bis zum nächsten Mal :)