Website für die HfK Bremen
Klimaschutz und Nachhaltigkeit an der HfK Bremen
28. Januar 2023
HfK Bremen • Klimaschutzmanagement
•
Bildung / Hochschule / Nachhaltigkeit / Öffentliche Institution
11/2021 – 12/2022
Nachhaltig. Klar. Nutzbar.
Das Klimaschutzmanagement der Hochschule für Künste Bremen brauchte eine digitale Heimat – klar strukturiert, redaktionell pflegbar, und gestalterisch stark genug, um ein ernstes Thema zugänglich zu machen. Entstanden ist eine WordPress-Website mit eigenem Designsystem, Kategorie-Blog und custom Illustrationen. Die Seite wurde von mir konzipiert, gestaltet und entwickelt – als Einzelprojekt, ohne Agentur im Rücken. Von der PHP-Konfiguration über den Styleguide bis zur Übergabedokumentation: vollständig und übergabebereit.
Projektdetails
Kund:in
HfK Bremen • Klimaschutzmanagement
Branche
Bildung / Hochschule / Nachhaltigkeit / Öffentliche Institution
Kanäle
Web
Zielgruppe
Hochschulangehörige, Verwaltung, Studierende, Öffentliche Institutionen, Bildungseinrichtungen
Rolle
Alleinverantwortlich für Konzept, Design und Entwicklung
Leistung
Webdesign, Illustration, SEO-Basic
Tools
Illustrator, WordPress, Elementor, Yoast SEO
Umfang
Styleguide • Webdesign mit CMS · 5 Unterseiten · Blog-System mit Kategorie-Filterung · Illustrationen · SEO-Basics (Yoast) · Rechtliches (Impressum, Datenschutz, Cookie)
Case Study
1. Challenge
Das Klimaschutzmanagement der HfK Bremen betrieb keine eigene digitale Präsenz – trotz aktiver Arbeit zu Nachhaltigkeit, Mobilität und Energieverbrauch an der Hochschule. Eine Subdomain existierte, war aber ungenutzt. Der Auftrag: aus dieser leeren Hülle eine nutzbare, redaktionell pflegbare und gestalterisch eigenständige Website entwickeln – auf einem institutionellen Server mit eingeschränkten PHP-Einstellungen, ohne eigenes IT-Team im Projekt, und mit einem Auftraggeber, der WordPress-Neuling war. Das Corporate Design der HfK galt zunächst als Referenz, wurde dann aber freigegeben – was mehr gestalterischen Spielraum schuf, aber auch mehr Verantwortung.
2. Strategie & Konzept
Statt auf ein fertiges Theme zu setzen, wurde ein eigenständiges Designsystem entwickelt: flächige Geometrie, eine erdige Basisfarbe (Creme/Off-White) kombiniert mit kräftigen Grün-, Rot- und Lila-Tönen, sowie custom Illustrationen als visuelles Rückgrat. Das ergibt keine klassische Institutionswebsite – sondern eine, die Klimaschutz als Thema ernst nimmt und trotzdem zugänglich bleibt. Strukturell stand das Blog-System im Mittelpunkt: Beiträge werden kategorisiert (Klimaschutz in der HfK / Zuhause / Mobilität / Nützliche Links / Über Uns), auf der Startseite chronologisch gelistet und auf den Kategorie-Unterseiten gefiltert dargestellt. Die Redaktion sollte nach Übergabe eigenständig arbeiten können – daher war ein Handout/Guideline Teil des Leistungsumfangs.
3. Umsetzung
Entwickelt wurde auf WordPress mit Elementor als Page-Builder. Da der HfK-Server initial Upload-Limits von unter 3 MB hatte, musste die PHP-Konfiguration (post_max_size, upload_max_filesize, memory_limit 256M) über die HfK-IT angepasst werden – koordiniert über den Auftraggeber. Der Plesk-Zugang wurde für direkten Zugriff eingerichtet. Custom Webfonts wurden beschafft und eingebunden (HfK-Schriften, teils aus bestehendem Windows-Fontordner exportiert). Das Blog-Template wurde so gebaut, dass Beitragsbilder, Datum, Autor und Kategorie automatisch aus WordPress gezogen werden. Die Kategorie-Seiten zeigen automatisch die zugeordneten Beiträge – ohne manuelle Pflege durch die Redaktion. SEO wurde mit Yoast Standard eingerichtet. Zwei Feedbackschleifen mit dem Auftraggeber führten zu gezielten Anpassungen (u.a. Metadaten-Position, Foto-Flexibilität in Beiträgen, Kategoriezuordnung).
4. Resultat & Learnings
Die Website wurde in 2022 fertiggestellt und abgenommen. Laut Wayback Machine war sie von Oktober 2023 bis Juli 2024 öffentlich zugänglich. Mit dem Ausscheiden des Klimaschutzmanagers Jasper Rubers aus der HfK wurde die Seite vermutlich nicht weiter betrieben. Messbare KPIs (Traffic, Reichweite) liegen nicht vor – die Website war intern ausgerichtet und kein Conversion-Ziel.
Learnings:
• Institutionelle IT-Koordination braucht Puffer: PHP-Limits, Serverrechte und Zugangsfreigaben können Wochen kosten – einplanen.
• Gestaltungsfreiheit bei Institutionen ist eine Chance und ein Risiko: Mehr Spielraum bedeutet auch mehr Begründungsbedarf bei Entscheidungen.
• Ein Handout ist kein Nice-to-have: Für Redakteure ohne Web-Erfahrung ist eine klare Schritt-für-Schritt-Dokumentation essenziell für die Nachhaltigkeit des Projekts.
• Personalabhängige Projekte enden mit dem Personal: Ohne institutionelle Verankerung stirbt ein Redaktionsprojekt mit dem Personalwechsel.
• Iterationsschleifen sind wertvoller als perfekte Erstlieferung: Das Feedback zu Beitragslayout und Kategoriestruktur hat das Ergebnis wesentlich verbessert.
Learnings:
• Institutionelle IT-Koordination braucht Puffer: PHP-Limits, Serverrechte und Zugangsfreigaben können Wochen kosten – einplanen.
• Gestaltungsfreiheit bei Institutionen ist eine Chance und ein Risiko: Mehr Spielraum bedeutet auch mehr Begründungsbedarf bei Entscheidungen.
• Ein Handout ist kein Nice-to-have: Für Redakteure ohne Web-Erfahrung ist eine klare Schritt-für-Schritt-Dokumentation essenziell für die Nachhaltigkeit des Projekts.
• Personalabhängige Projekte enden mit dem Personal: Ohne institutionelle Verankerung stirbt ein Redaktionsprojekt mit dem Personalwechsel.
• Iterationsschleifen sind wertvoller als perfekte Erstlieferung: Das Feedback zu Beitragslayout und Kategoriestruktur hat das Ergebnis wesentlich verbessert.
Credits
Konzept, Design, Entwicklung: Fabian Wolfram – Design & Musik
Auftraggeber / Redaktion: Jasper Rubers, Klimaschutzmanagement, HfK Bremen
Server & IT: Hochschule für Künste Bremen – Dezernat 5 (IT)
Gemeinnützige Projekte und öffentliche Institutionen bringen eigene Anforderungen mit: knappe Budgets, interne Freigabeprozesse, redaktionelle Selbständigkeit nach Übergabe. Klimaschutz braucht Sichtbarkeit – auch digital. Dieses Projekt zeigt, wie ein Thema von gesellschaftlicher Relevanz gestalterisch eigenständig und technisch solide umgesetzt werden kann. Webdesign und -entwicklung für Institutionen, NGOs und Bildungseinrichtungen: immer nach Marke und Inhalt, nie nach Preset.
