Nach etlichen verschiedenen iterierten Entwürfen, die teils bis ins finale Stadium durchdekliniert wurden, bestach der letztendliche Sieger durch einige Aspekte, auf die ich hier eingehen möchte. Denn eigentlich macht es für die meisten von uns Sinn, sich mal Gedanken zu einem Logo zu machen.

Von Anfang an priorisierte Faktoren:

• klare Lesbarkeit in verschiedenen Größen und Formaten – es sollte von FavIcon bis Cover Art funktionieren
• repräsentativer Stil – die Identifikation ist gefühlt sogar Priorität für mich, doch wissentlich beuge ich mich dem „Form follows Function“-Ansatz
• Dynamik und Stabilität sowie deren Ausgewogenheit
• eine philosophische Meta-Ebene – Mehrschichtigkeit und Tiefgang muss sein für mich

Begründete Funktionalität:

• Brachiale Lesbarkeit – selbst im kleinsten Format ist die Silhouette klar.
• Der Kontrast zwischen dem flirrenden Schwarz-Weiß und dem ruhigen Negativraum in plakativem Grau, eingebunden von der dynamischen Outline, fängt den Blick und lässt ihn ruhen.
  Anscheinend habe ich da eine wichtige Balance gefunden.
• Die Meta-Ebene wird unter anderem für mich mit der bewusst assoziierten und gewählten Form eines Puzzleteils bedient. Da ich systematisch und synergetisch arbeite, ist das Ineinandergreifen verschiedener Teile zu einem größeren Ganzen essentiell.
• Das Logo funktioniert auch in Anschnitten, sei es im Hochformat oder Querformat.
  Das primäre Augenmerk liegt jedoch auch in der Nutzbarkeit sowohl in quadratischen als auch runden Rahmen, wie sie von verschiedenen Plattformen erzwungen werden.

Making-Of und Designentscheidungen:

• Die Formfindung fand auf Papier statt und hat davon nicht wenige Blätter verbraucht.
• Der gesamte Buchstabe wurde komplett designt und erst später im Passepartout freigestellt.
• Die leicht kursive und verjüngte Ei-Form der Punze verleiht dem Buchstaben Bewegung.
• Der absichtlich leicht verschobene untere Endstrich suggeriert, wenn man es aus Character-Design-Sicht betrachtet und das C als Kopfprofil sieht, einen nach vorne geschobenen Kiefer. Der obere Endstrich wird dabei zu einer aggressiv gesenkten Stirn.
• Die Dynamik der Silhouette wird komplementiert von der Springfeder-Schraffur.
• Serifen wurden absichtlich weggeschnitten. Weniger ist mehr.
• Der Blick strebt durch inszeniert wuchtigere Linienstärke in Leserichtung.
• Auf jede Form von Zentrierungen wurde absichtlich verzichtet zugunsten des Bewegungsvektors im Spannungsfeld des visuellen Raums.

Ich mag mein Aggro-Zebra sehr und werde noch einiges mit ihm anstellen.

Die eskalierende Lernkurve
Ursprünglich war das Projekt nicht als derartiges Monstrum geplant. Doch das Produktions-Momentum und mein eigener Perfektionismus verbündeten sich gnadenlos gegen mich und erzwangen ein massives persönliches Kompetenz-Update. Ich tauchte tief in Weißraum-Konzepte, Typografie und Brand Design ein – absolute Neuland-Territorien für mich. Farbwirkung, Call-to-Actions und komplexe UX-Strategien standen in diesem Ausmaß plötzlich auf der Tagesordnung. Während Animations-Breakdowns und Parallax-Effekte mein gewohntes Terrain waren, wurden Videoschnitt, Sounddesign und interaktive Trigger (Hover, Scrub, Drag) zu hochwillkommenen Sidequests. Die Implementierung von echtem, interaktivem 3D im Web schlug zudem eine Tür auf, die ich zukünftig massiv weiterverfolgen werde. Und ganz nebenbei musste auch das komplette Copywriting – die durchaus umfangreichen Textpassagen – erst einmal auf digitales Papier gebracht werden.

Der technische Abgrund
Hätte ich den schieren Umfang der deterministischen CSS-Programmierung, der serverseitigen Aufarbeitung und des CMS-Managements vorher überblickt, hätte ich vermutlich die Reißleine gezogen und eine sehr viel simplere Variante gewählt. Aber genau diese Sturheit führte am Ende zu echter, intelligenter Responsiveness statt einer halbgaren Basis-Lösung. Anstatt mich auf fehleranfällige Device-Detection zu verlassen, implementierte ich eine maßgeschneiderte Input-Abfrage, die zwischen Touchscreen und Peripheriegerät unterscheidet, danach die Panorama- oder Landscape-Ausrichtung prüft und die Inhaltsspalten dynamisch anpasst. Dass ich am Ende sogar knietief in den FTP-Konfigurationen und der PHP-Memory-Verwaltung meines Hosters wühlte, war so manches Mal ganz schön dünnes Eis – und trotz lückenloser Backups eine emotionale Achterbahnfahrt.

Der Geist aus der Maschine
Der absolut wichtigste Meilenstein war jedoch die ständige Zuarbeit durch und die Auseinandersetzung mit der KI. Dieser ungreifbare Katalysator ermöglichte mir Lernerfolge und Optionen, die mich andernfalls untragbar viel Zeit gekostet hätten. Gleichzeitig war es ein gnadenloses Training für meine Geduld und Resilienz, wenn wir uns in stundenlangen Irrwegen und Halluzinationen verrannten. Jeder Aspekt der Seite durchlief unzählige Iterationen für Design und Performance, oft lange nachdem ich den eigentlichen Meilenstein intern schon längst abgehakt hatte. Der stetige Erkenntnisgewinn im laufenden Prozess zwang mich einfach dazu, immer wieder die noch elegantere Variante auszuprobieren. Es ist unbeschreiblich befriedigend, wenn am Ende jedes Zahnrad greift und alles nahtlos harmoniert.
Es war ein wilder und kräftezehrender Ritt – und er war großartig.

Das Content-Hub-Modell
Die Lösung lag in der Strukturierung: Ein „Content Hub“. Ich baute eine zentrale Landingpage als Übersichts-Dashboard, gestützt von einer strengen Einteilung in didaktisch sinnvolle Kategorien wie Pipeline und Character Design. Für die schnelle Orientierung auf dem Hub sorgten Anchor-Links, flankiert von Filter-Hashtags und Projekt-Thumbnails im analogen Look. Um den pädagogischen Fokus der Plattform nicht zu verwässern, zog ich eine harte Grenze: Sämtliche Experimente und reine Fun-Projekte werden rigoros auf externe Plattformen ausgelagert.

Kill Your Darlings
Dann folgte die eigentliche Schmerzgrenze: Ist das Kunst oder kann das weg? Das Ordnen der über Jahre angesammelten Projekte forderte ein kompromissloses Ausmisten. Etliche Arbeiten, die mir persönlich immer noch am Herzen liegen, flogen raus – einzig und allein, um den übergeordneten didaktischen Faden nicht zu verlieren. Ebenso konsequent verzichtete ich auf eine klassische Portfolio-Galerie. Der absolute Fokus dieser Webseite liegt auf der Lehre und der Vermittlung von Erfahrungswerten, nicht auf quantitativer Selbstbeweihräucherung.

Das Entstauben dieser metaphorischen Rumpelkammer und das Einweben der Fragmente in einen neuen roten Faden fraß irritierend viel meiner Energie. Es fühlte sich an wie die erzwungene Reanimation längst verabschiedeter Etappen, die für die neue Struktur jedoch essenziell waren. Eine Teilerkenntnis: Die Technologie hat sich drastisch gewandelt, der kreative Kernprozess aber nicht wirklich.

Das gezähmte Hexenwerk
Parallel zur inhaltlichen Architektur flüchtete ich mich ins handwerkliche Detail. Ich entwickelte Strukturen, kachelbare Texturen, Muster und Farbkombinationen. Dieser gestalterische Fokus riss mich aus dem fixierten Gedankenkorsett der ersten Layouts und lieferte kontinuierlich neue Impulse. Kaum etwas davon landete später im finalen Design, aber die dadurch entstandene Asset-Bibliothek ist ein wertvolles Fundament und die gelebte freie Kreativität in diesen Phasen war Qualitytime.

Ein echter Meilenstein war dabei das Abhaken einer echten To-Do-Listen-Leiche: die Automatisierung in Photoshop. Um die analoge Ästhetik der Plattform effizient und reproduzierbar zu machen, konstruierte ich mit nicht geringem Aufwand komplexe Aktionen für Sketch-, Ink- und Rasterungseffekte. Nach 25 Jahren in der Produktion kann ich nun behaupten, dieses kleine Hexenwerk endlich bis in den letzten Parameter durchschaut zu haben – und ich freue mich bereits darauf, dieses System noch weiter spielerisch auszureizen.

Ästhetik auf dem Prüfstand
Visuell setzt das Konzept auf eine digital-analoge Konstruktion im Architekten-Blaupausen-Stil: Ein hellgrauer Hintergrund, dunkle Akzente und Weiß für die Highlights. Bei den Strukturen kombinierte ich körnige, dreckige Decals und organische Zen-Pinselstriche mit kühlen Tech-Elementen. Der UX-Fokus lag dabei auf einer massiven Nutzung von Negativ-Space, um jede visuelle Überladung im Keim zu ersticken. Doch der wirkliche methodische Meilenstein war die radikale Unterwerfung unter das Prinzip „Form follows Function“. Statt mich sofort in die visuelle Kosmetik zu stürzen, startete ich mit einem reinen Text-Layout als Proof of Concept. Die Informationsarchitektur musste erst schonungslos validiert werden, bevor auch nur ein Pixel geschubst wurde.

Das Datenmonster
Die wahre technische Bedrohung war jedoch das gigantische Datenvolumen. Wir reden hier von weit über 150 Stunden Videomaterial aus etlichen Projekten – das größte davon verschlang bereits mehr als 200 Videos. Die Gleichung war hart: Keinerlei Kosten durften an die Schüler weitergegeben werden, aber das Projekt durfte auch für mich als Betreiber keine ausufernden, dauerhaften Hosting-Kosten verursachen. Die Suche nach der passenden Software-Infrastruktur glich einem Minenfeld. Sie führte mich in dunkle Ecken voller unseriöser GPL-Angebote mit genullten Plugins, unkalkulierbarer Update-Risiken und schlichtweg hohler Werbeversprechen. Das Vehikel für diese Produktion musste zwingend flexibel, erweiterbar und vor allem korrigierbar bleiben. Diese Webseite wird einige Zeit überdauern müssen.

Scheitern vor dem Start
Ironischerweise gab es den ersten Totalausfall, bevor das Projekt überhaupt richtig begonnen hatte. Mein angestaubtes WordPress hatte etliche Update-Zyklen verpasst. Die Quittung kam prompt bei der Installation der CMS-Erweiterung: „Your PHP installation appears to be missing the MySQL extension…“. Die Datenbank war tot. Mein eigenständiger Versuch, die PHP-Version im Hoster-Panel von experimentell auf konfigurierbar herunterzustufen, endete in einer Katastrophe – HTTP ERROR 500. Der gefürchtete White Screen of Death. Ohne den Hoster-Support, der die Seite wiederbelebte, wäre hier Endstation gewesen.

Ich war quasi schon beim Schuheanziehen auf die Nase gefallen, noch bevor die eigentliche Odyssee losging. Doch ließ mich dieser Fail nur augenrollend grinsen und minderte meine Motivation null. Ich wusste, ich würde auf dieser Reise noch oft gegen Wände rennen – und ich war absolut bereit dazu. Darauf hatten mich meine Jahrzehnte in der 3D-Produktion bestens vorbereitet.

Wer mich aus dem Unterricht kennt, weiß: Hier wird es keine polierten PR-Texte geben.
Dieser Bereich ist der digitale Notizblock. Hier dokumentiere ich künftig Updates, teile Workflows, die im Lehrplan keinen Platz finden, und reflektiere Fehltritte bei neuen und alten Projekten.
Den Anfang macht in den nächsten Tagen eine kleine dreiteilige Serie darüber, wie diese Webseite überhaupt entstanden ist – und warum ich dabei mehr als einmal im vollen Sprint gegen die Wand gerannt bin.

Willkommen auf der neuen Seite. Genug gelesen, ran an die Topologien.