Scabiosa – Projekt-Website

Hochschule Anhalt

www.graueskabiose.de

Eine attraktive Projektwebsite mit flacher Hierarchie soll das Scabiosa-Projekt begleiten und Informationen für die verschiedenen Zielgruppen bereitstellen.

Wir haben dafür eine responsive Website entwickelt, die auf Typo3 basierend für das Projektteam pflegbar ist. So können die Inhalte im Projektverlauf regelmäßig aktualisiert und erweitert werden. Verschiedene Features wie eine kartenbasierte Darstellung der Maßnahmenflächen und des Akteursnetzwerks, eine übersichtliche Darstellung von Inhalten und Downloads stellen hilfreiches Wissen zur Verfügung. Auch deren Content kann mit dem Projektfortschritt angepasst werden.

Das künstlerische Erscheinungsbild konnten wir auf die Website übertragen, ohne dass ihre Funktionalität auf den unterschiedlichen Devices verloren geht. Wie auch bei anderen Kommunikationsmaßnahmen im Projekt haben wir hier Templates vorbereitet, um die visuelle Durchgängigkeit des Erscheinungsbilds beizubehalten.

Projektzeitraum: 2022 – heute
Screenshot der Startseite der Scabiosa-Projektwebsite auf Macbook und Smartphone, zeigt Titel „Die Graue Skabiose und ihre Lebensräume“ und Untertitel, entwickelt in TYPO3 mit responsive Webdesign (© Papenfuss | Atelier)

Die Startseite der Scabiosa-Projektwebsite bündelt alle relevanten Informationen zum Forschungsprojekt und unterstützt die Einbindung und Vernetzung der Projektpartner. Das Erscheinungsbild des Projekts wurde dabei konsequent auf die Website übertragen.

Vier Smartphone-Ansichten der Scabiosa-Projektwebsite: Startseite, Menü, Karte und Sliderelement, entwickelt in TYPO3 mit responsive Webdesign (© Papenfuss | Atelier)

Smartphone-Ansichten der Scabiosa-Projektwebsite: Startseite, Navigation, interaktive Karte und Slider – alles responsiv umgesetzt für eine nutzerfreundliche Darstellung auf mobilen Geräten.

Übersicht der für die Scabiosa-Website entwickelten Icons für Kartendarstellungen, Navigation und Social-Media-Links (© Papenfuss | Atelier)

Für die Website entwickelte Icons unterstützen die bewusst schlank gehaltene Struktur der Seite. Sie machen Themen schnell erfassbar und führen über Querverweise zu weiterführenden Inhalten.

Wireframes der Scabiosa-Website für Startseite und Unterseiten in Desktop- und Mobile-Version (© Papenfuss | Atelier)

Die Wireframes zeigen die konzeptionelle Struktur der Scabiosa-Projektwebsite für Desktop und Mobile. Ziel war eine schlanke Navigation und klar gegliederte Inhalte, die schnell erfassbar sind und über Querverweise zu weiteren Themen führen.

Zwei Unterseiten der Scabiosa-Projektwebsite zu Lebensräumen und zur Grauen Skabiose, gestaltet im visuellen Erscheinungsbild des Projekts (© Papenfuss | Atelier)

Die Unterseiten greifen das Erscheinungsbild des Projekts mit aquarellierten Flächen, Handskizzen und großzügigem Weißraum auf. Die Inhalte sind klar gegliedert und führen über Querverweise zu weiteren Themenbereichen der Website.

Web- & Softwareentwicklung

Beratung & Umsetzungskonzeption

Analyse des Kundenanliegens und der Problemstellung /

Entwicklung kundenspezifischer Module oder Softwarelösungen

Kartenanwendungen auf Basis von Google Maps / TYPO3 Extension Entwicklung (aktuell Extbase und Fluid) /

Technische Umsetzung & Programmierung von Webanwendungen

TYPO3 Entwicklung / Erstellung von JavaScript-Komponenten /

Support und Wartung

Beratung und redaktionelle Begleitung / Schulungen für Anwender / Pflege der Software-Installation /

Systemische Kommunikation

Kommunikationsdesign

Definition, Struktur und Gliederung der Inhalte / Navigationskonzept / Gestaltungskonzept im Corporate Design / Entwurf von Raster, Layout und Seitentypen / Erstellung von Templates und Musterseiten / Adaption von Unterseiten, Screens und Modulen / Responsive Design und Browserkompatibilität /

Illustration

Auswahl von passenden Informationsgrafiken aus vorhandenen Grafikbestand / Entwicklung und Erstellung neuer Informationsgrafiken / Entwicklung und Erstellung von Icons für Kartendarstellung und Social Media /