machwerkhaus köln Relaunch
Das machwerkhaus köln ist ein Zentrum für Design und urbane Produktion. Es verbindet interdisziplinäre Innovation mit traditionellem Handwerk, stärkt die lokale Kreativwirtschaft und macht diese für die Öffentlichkeit erlebbar.
Foto: © Simon Veith
Wo einst im „Technikhof Kalk“ industrielle Geschichte geschrieben wurde, entsteht heute ein Ort der Zukunft: ein lebendiges Netzwerk aus Werkstätten, Studios und kreativen Köpfen. Auch das Büro für Brauchbarkeit hat hier seinen neuen Standort gefunden – und in diesem Zuge die Website des machwerkhauses nicht nur übernommen, sondern komplett neu gedacht. Die Seite wurde von Grund auf überarbeitet – visuell, technisch und konzeptionell.
Community
Ein besonderer Fokus lag auf der Einbindung der Community: ansprechende Profile der machwerker:innen geben Einblick in die Vielfalt der Liegenschaft und machen sichtbar, was das machwerkhaus im Kern ausmacht: eine wachsende Gemeinschaft, die aus vielen verschiedenen Gewerken besteht und gerade in dieser Mischung ihre Stärke findet. Ergänzt wird dies durch die Integration der Community-App coapp. Sie fungiert als internes Soziales Netzwerk, in dem gemeinsam an Projekten gearbeitet werden kann, ein kleiner Marktplatz entsteht und Termine eingestellt werden können. Letztere werden mithilfe eines eigens entwickelten Kirby-Plugins automatisch auf der Website ausgegeben und machen so die Aktivitäten der machwerker:innen auch nach aussen sichtbar.
Nachhaltigkeit
Auch beim Thema Nachhaltigkeit setzt die neue Website ein Zeichen. Der eigens entwickelte eco+ Modus reduziert den Datenverbrauch deutlich: Bilder werden in Graustufen geladen, Videos erst nach Klick – das spart rund zwei Drittel der Bandbreite. Gleichzeitig sorgt ein kontraststarker Darkmode für bessere Lesbarkeit. Optimierte Strukturen für Screenreader, klare semantische Hierarchien, Breadcumbs und ARIA-Label erleichtern Menschen mit assistiven Technologien die Navigation. Ergänzt wird der technologische Ansatz durch eine konsequente Infrastrukturentscheidung: für das Hosting haben wir zu einem regionalen Anbieter gewechselt, der auf Ökostrom und energieeffiziente Server setzt.
Screenrecording: Wechsel zwischen normaler Ansicht und eco+ Modus
Technik und Geschwindigkeit
Technisch basiert die neue Website auf Kirby CMS 5. Das Design wurde auf Basis von TailwindCSS umgesetzt und ermöglicht dank eines flexiblen Spaltensystems und 19 frei kombinierbarer Inhaltsblöcke die individuelle Gestaltung jeder Seite. Für eine optimale Performance kommen Lazy-Loading, automatisch optimierte Bildgrößen und eine konsequent modulare HTML-Struktur zum Einsatz. Ergänzt wird dies durch minifizierte Assets, ein effizientes Caching und sauber strukturierte Komponenten, die sowohl die Wartbarkeit als auch die Erweiterbarkeit des Systems verbessern. Klare Breakpoints und eine fein abgestimmte Typografie sorgen zudem für ein konsistentes Erlebnis auf allen Endgeräten.
