Webdesign

Das Web Design der Universität Potsdam wurde unter Berücksichtigung der Gestaltungsvorlagen des Corporate Design Manuals erstellt. Mediumspezifische Elemente, die nicht im Manual definiert sind, werden in Anlehnung daran vom Team der Multimediaproduktion und dem TYPO3-Team (beide ZIM) neu entwickelt. 

Im „Flat Design“ entworfen, sorgt das Webdesign der UP für einen modernen, seriösen und intuitiven Auftritt, der alle Zielgruppen gleichermaßen anspricht. Ein ruhiges Farbschema, klar definierte Navigations- und Inhaltselemente sowie feste Seitenvorlagen und funktionale Module sind flexibler und zugleich robuster Rahmen für die umfangreichen Inhalte der Universität.

Typografisch setzt das Webdesign auf den Font SourceSansPro. Dieser serifenlose, moderne Font wird für alle Textinformationen verwendet und über unseren eigenen Server bereitgestellt. Die Schrift ist, auch in Bezug auf die Mehrsprachigkeit, sehr gut ausgebaut und für die Bildschirmdarstellung optimiert.

Aus lizenzrechtlichen und Kostengründen kann die FF Scala, Hausschrift der UP, nicht im Web verwendet werden.

Das Webdesign ist optimiert für die Darstellung auf mobilen Endgeräten wie Smartphones und Tablets. Je nach Bildschirmgröße (viewport) verändert sich das Layout und bietet eine angepasste Darstellung an die neue Größe (responsive design). Auch bei veränderter Darstellung haben Benutzer mit jedem Endgerät immer Zugang zu allen Inhalten und Funktionen der Website.

Die technische Umsetzung erfolgt mit moderner Technologie und bietet damit Grundlage für barrierearme und suchmaschinenoptimierte Webseiten. Moderne Browser-Generationen profitieren vom Einsatz aktuellster Webtechnologien, während die Website gleichzeitig eine Abwärtskompatibilität für ältere Browser gewährleistet.

Durch den Einsatz verlustfreier SVG-Grafiken wird eine geringe Ladezeit und zugleich eine Unterstützung von Geräten mit hochauflösenden Displays erreicht.

Die Webseite besitzt eine optimierte Druckansicht. Angezeigt werden nur inhaltsrelevante Elemente der aktiven Seite, um einen kompatiblen, übersichtlichen und lesbaren Ausdruck zu erhalten. Ausgeblendet werden alle Menus und Navigationslinks, außer der Breadcrumbs-Navigation. Layout- und Inhaltselemente, die sich durch Hintergrundfarben abgrenzen (z.B. Seiten-Teaser), bekommen einen Rahmen (Hintergrundfarben werden nicht gedruckt).

Die Farben der zentralen Bereiche und der Fakultäten wurden für die Darstellung im Web angepasst. Bitte beachten Sie, dass die obigen Logo-Varianten ausschließlich im Web verwendet werden. Für den Printbereich gelten die bisherigen Farbwerte und Logos.

Für weitere Informationen und Fragen zum Webdesign, wenden Sie sich bitte an das Referat für Presse- und Öffentlichkeitsarbeit.