Technische Hochschule Aschaffenburg

Projekt: neue Website in Typo3 // Content Creation // Workshops

‍

Das Projekt

Aus alt mach neu: Aufgrund des schnellen Wachstums der noch jungen TH Aschaffenburg musste die Website der Hochschule in kurzer Zeit viele neue Anforderungen erfüllen. Auch in technischer Hinsicht, etwa im Hinblick auf Barrierefreiheit, Responsivität und die Auffindbarkeit mit Suchmaschinen gab es neue Anforderungen und Optimierungsbedarf. Zudem war es an der Zeit für eine Auffrischung der Bild- und Formsprache des Auftritts. Nachdem sie 2019 bereits ihren Namen von Hochschule Aschaffenburg in Technische Hochschule (TH) Aschaffenburg geändert hatte, sollte 2020 ein neuer Webauftritt entstehen.

‍

Die Zielsetzung

Eine zentrale Rolle in dem Projekt spielte die Vermittlung der Kernkompetenzen und Dachbotschaften der TH Aschaffenburg. Aus ihnen haben wir Handlungsempfehlungen abgeleitet. Für die Hochschule besonders relevant sind die Kernthemen „Fachkompetenz“, „Hohe Lehrqualität“ sowie „Praxisnähe“ und das „familiäre“ Miteinander. Um diese Werte grundlegend im Angebot zu verankern, waren vor allem die Inhalte der Website relevant, in denen sich die Werte widerspiegeln:

‍

• Die Inhalte des Online-Angebots sollten in Bild, Text und Ton qualitativ hochwertig und die abgebildeten Themen durch ein hochschulweites Redaktionsteam kuratiert sein (→ Fachkompetenz).
• Wichtig war es, dass der Schreibstil zudem im gesamten Angebot möglichst einheitlich erscheint.  
• Erforderlich war es, dass die zum Einsatz kommende Sprache offen und gemeinschaftlich klingt („Miteinander“), jedoch auch (Fach-)Kompetenz, z.B. durch Wortwahl und das allgemeine Sprachniveau, ausstrahlt. Ebenso sollte mit etablierten Begrifflichkeiten und Ausdrucksweisen fachnaher Branchen gearbeitet werden („Praxisnah“).  
• Alle Studiengänge an der TH AB sind akkreditiert. Wunsch war es, dies durch das Siegel der Akkreditierungsagentur und zukünftig auch durch das Siegel des Akkreditierungsrates (bereits auf der Startseite) abzubilden.  

• Neben dem Lehrbetrieb nimmt auch die Forschung eine wichtige Rolle an der TH Aschaffenburg, bspw. bei der Drittmittelgewinnung, ein. Um Lehr- und Forschungsbereich künftig sichtbarer zu verknüpfen und das übergeordnete Ziel der Hochschule, den Transfer von Wissen, zu unterstützen, sollte hierfür ein eigener inhaltlicher Seitenbereich geschaffen werden („Praxisnah“ und „Miteinander“).

Ziele der neuen Website war es, die Inhalte multimedial zu präsentieren. Innerhalb einer übersichtlichen Struktur sollten die verschiedenen Bereiche der Hochschule gleichwertig abgebildet werden.  

Zudem sollte die Seite insgesamt interaktiver, persönlicher und moderner werden. Die Vision der TH Aschaffenburg fasst Stephan Powilat so zusammen: „Die Hochschule wünscht sich eine attraktive, zeitgemäße und datenschutzkonforme Website. Sie soll eine klare Informationsarchitektur und einen intuitiven Zugang für ihre Kernzielgruppen bieten.“

‍

Das Vorgehen

Mitte 2020 begannen wir mit der Umsetzung des Projekts. In mehreren Workshops erarbeiteten wir mit den Mitarbeitenden der Hochschule zunächst ein Anforderungsprofil. Indem von Anfang an möglichst viele Hochschulangehörige in den Entwicklungsprozess eingebunden wurden, erhöhten wir bei der Hochschule den Zuspruch für den anstehenden Relaunch und beugten so dem Eindruck eines Eliteprojekts vor. Neben der Hochschulwebsite (www.th-ab.de) gab es bis dato auch die Site „Studieren in AB“ auf der die Hochschule ihre Studiengänge präsentierte. Die neue Website sollte Inhalte und Gestaltungselemente beider bisheriger Webauftritte zusammenführen.

Mithilfe des Design-Thinking-Ansatzes wurde ein Redaktionssystem konzipiert. Zusammen mit einer Partneragentur führten wir Schulungen für alle Mitarbeitenden durch, die die neue Website künftig redaktionell betreuen. In mehreren Workshops erarbeiteten wir mit den künftigen Redakteur*innen die Grundlagen für “Gutes Schreiben im Web”. Auch Das Thema Barrierefreiheit wurde den Mitarbeitenden in der Schulung anhand von einigen Übungen beigebracht.

Bei der parallel dazu laufenden Entwicklung der Typo3-Website standen die Nutzungsgewohnheiten der Hauptzielgruppen im Vordergrund. Deshalb entschieden wir uns für einen „Mobile first“-Ansatz, die die Optimierung der User Experience auf Smartphones und Tablets gegenüber anderen Endgeräten priorisiert. Für zeitgemäßes, authentisches Bildmaterial, das die Werte und Dachbotschaften der TH Aschaffenburg widerspiegelt, haben wir ein Fotoshooting mit Mitarbeitenden und Studierenden durchgeführt.

Durch unser junges Team konnten wir uns problemlos in die Hauptzielgruppe der Studieninteressierten und Studierenden hineinversetzen. Dabei konnten wir durch unsere Erfahrungen und Erkenntnisse mit der TH Bingen als langjährigem Kunden im Hochschulbereich

profitieren. So fiel es uns leicht, von der Konzeption bis zur Umsetzung des Projekts die richtigen Entscheidungen im Sinne des Hochschulmarketings zu treffen.

‍

‍

‍

Ergebnis und Ausblick

Anfang März 2022 war es dann so weit: Nach 1,5 Jahren Entwicklungszeit ging die neue Website der TH Aschaffenburg online. Für uns bedeutet dieser Tag aber längst nicht das Ende der Zusammenarbeit mit der unterfränkischen Hochschule: Auch weiterhin erhält die TH Aschaffenburg durch uns fachkundigen Support für den laufenden Betrieb der Website.

Für uns war das Projekt mit seinen vielen unterschiedlichen Teilaufgaben eine besondere Herausforderung mit Höhen und Tiefen. Letztlich hat das Projektteam den Relaunch souverän gemeistert. So zieht Geschäftsführer Stephan Powilat ein positives Fazit: „Wir freuen uns, dass wir die TH Aschaffenburg mit dem Relaunch der Website und einem neuen Konzept unterstützen und ihrem Studiengangmarketing neuen Schwung geben können.“

Wer jetzt noch nicht auf der TH Aschaffenburg Website vorbeigeschaut hat, sollte dies unbedingt noch tun. Hier kommt ihr direkt zur Seite.

‍

‍

Siemens

Projekte: Listicles zum Thema Siemens Smart Infrastructure

Aufgaben:

• Konzept und Formatentwicklung
• Kreatives Schreiben (Teaser & Artikel)
• Designtemplates auf Basis des Siemens Styleguides    
• Motion Design für die finalen Listicles‍

Herausforderung:

Die Kombination aus Liste und Artikel ist ein…. Listicle. Siemens hat uns beauftragt, Inhalte aus dem Bereich Smart Infrastructure in dieses Format zu übersetzen. Die Herausforderung besteht darin, die klaren Vorgaben der Siemens CI zu beachten und gleichzeitig ein neues, ansprechendes Format zu entwickeln. Ausgespielt werden die Inhalte auf LinkedIn als animierter Teaser und weiterführender Expertenartikel.

Ergebnis:

• 10 Listicle Video Teaser für LinkedIn Ads
• 10 fachliche aufbereitete Artikel

3 Tipps, für eine optimale Energiebilanz

Wie gelingt Ihnen der Sprung in eine optimale #Energiebilanz? 🌱 Neben einem grünen Fußabdruck bieten intelligente #Energielösungen auch strategische Vorteile für Ihr Unternehmen. Roland Schmidt, Head of Energy Performance Services, verrät Ihnen 3️ Tipps, wie Sie Ihre Energiebilanz optimieren können:

‍LinkedIn Post | LinkedIn Artikel‍

6 Beispiele, wie Smart Buildings kommunizieren

Lernen Sie, wie Sie Ihre Gebäudedaten verstehen💡. Auf der #SymposDigital21 am 8. Juni zeigen wir Ihnen, wie komplexe Daten zu #SmartData werden und Ihrem Gebäude zu Intelligenz, Effizienz und Attraktivität verhelfen. #SmartBuildings

LinkedIn Post‍

3 Zahlen, die zeigen, wie viel Optimierungspotential in Gebäuden steckt‍

Up to 50% of the energy consumed by #buildings and infrastructure is used inefficiently. 😳 Here are 3 reasons why buildings should be optimized! 👉

LinkedIn Post‍
‍

‍

Adobe Systems

Projekte: Adobe Young Learners - Google Docs

‍Damit digitaler Unterricht gelingen kann, haben wir für unseren langjährigen Partner Adobe eine Reihe von Distance-Learning-Templates entwickelt. Diese können Lehrer mit Aufgaben befüllen und an ihre Schüler weiterleiten.

Ein farbenfrohes Erscheinungsbild wirkt motivierend und spricht Schüler aller Altersgruppen an. Dank einzigartiger Illustrationen heben sich die Templates von anderen Online-Learning-Tools klar ab.

Mit subtilen Animationen und individuellen Details bekommen die Illustrationen einen einzigartigen Look, der einen hohen Wiedererkennungswert hat. In den Charakteren spiegelt sich zudem die Vielfalt der Schüler, da die Templates Lehrern weltweit genutzt werden sollen.

Jeder Fachbereich hat seine eigene Farbwelt und ist durch ein animiertes Icon wiederzuerkennen. Dieser Iconstil dient außerdem dazu, die einzelnen Kategorien grafisch hervorzuheben und die Aufgabenstellung klarer zu strukturieren.

‍

‍

‍

Adobe Awards Videos