Seitenpfad:

Marum - Redesign 2024

Relaunch: Anpassung an Universitäts-Design

Design
Software
additor
Ein Garnelenschwarm in 600 Meter Wassertiefe im Golf von Cádiz, aufgenommen mit dem Tauchroboter MARUM-CHEROKEE

Da die Universität Bremen ein neues Corporate Design eingesetzt hat, haben wir die MARUM-Website entsprechend überarbeitet.

Foto © MARUM − Zentrum für Marine Umweltwissenschaften, Universität Bremen (CC-BY 4.0)

2001
  • Konzeption
  • Beratung
  • Web/CMS

 

SMARTPHONE-ANSICHT

Startseite Smartphone

DESKTOP-ANSICHT

Startseite Desktop

Startseite

Die Begrüssungsseite ist klarer aufgebaut als die bisherige Seite: Neben einer Bühne für die wichtigsten aktuellen Themen gibt es verschiedene deutlich getrennte Bereiche, in denen aktuelle News, Termine und wichtige Projekte vorgestellt werden.

Über unser Redaktionssystem additor lassen sich die Inhalte automatisieren, so dass stets die aktuellsten Meldungen angezeigt werden. Wichtige Bereiche lassen sich auch farblich hervorheben. Da bei der Arbeit von Marum immer wieder spannende Videos aufgenommen werden, besteht jetzt auch die Möglichkeit Videos in die Slideshow (Bühne) einzubinden.

https://www.marum.de/

SMARTPHONE-ANSICHT

Newsliste Smartphone

DESKTOP-ANSICHT

Inhaltsseite Desktop

MARUM ist ein Fachbereich der Universität Bremen und sollte daher die Gestaltung seiner Website an das Corporate Design der Uni anpassen. Um trotzdem die Eigenständigkeit von MARUM zu unterstreichen, wurde eine Gestaltung entwickelt, die die Vorgaben einhält und sich gleichzeitig unterscheidet.

Neben einer neuen Schriftart und der sehr genau definierten Verwendung des Uni-Logos, ist das Farbkonzept ein wesentlicher Bestandteil des neuen Erscheinungsbildes. Es besteht aus 7 Farbgruppen die wiederum in je drei Farbabstufungen unterteilt sind. Fünf dieser Farbgruppen wurden benutzt, um die fünf Themenbereiche des MARUM zu kennzeichnen.

Dies wird sehr deutlich in der Hintergrundfarbe des Megamenüs. Auf den Inhaltsseiten ist der Seitentitel farbig hinterlegt und es gibt die Möglichkeit, einzelne Abschnitte der Seite farbig zu hinterlegen. An verschiedenen Stellen kommen auch farbliche Abstufungen zum Einsatz.

SMARTPHONE-ANSICHT

News Smartphone

DESKTOP-ANSICHT

Subsite Desktop