Webdesign
Das neue Design wurde unter Berücksichtigung der Gestaltungsvorlagen des Corporate Design Manuals der UP erstellt. Mediumspezifische Elemente, die nicht im Corporate Design Manual definiert waren, wurden in Anlehnung an das Webprojekt „Studium“ gestaltet oder neu entworfen.
Flat Design
Im „Flat Design“ entworfen, sorgt das neue Webdesign 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.
Webtypografie
Typografisch setzt das Webdesign auf zwei Fonts: die SourceSansPro und die Systemschrift Georgia. Die Georgia ist bereits im Corporate Design Manual der UP vorgesehen und als Serifenschrift auf allen Computern installiert. Die serifenlose, moderne SourceSansPro wird für den Großteil der Textinformationen verwendet und über unseren eigenen Server bereitgestellt. Beide Schriften sind, 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.
Responsive Design
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.
Webstandards
Die technische Umsetzung erfolgt mit moderner HTML5-Technologie, basierend auf dem CSS-Framework Foundation und bietet damit Grundlage für barrierearme und suchmaschinenoptimierte Webseiten. Moderne Browsergenerationen profitieren vom Einsatz aktuellster Webtechnologien (HTML5, CSS3, Javascript), während die Website gleichzeitig eine Abwärtskompatiblität für ältere Browser (bis IE8) gewährleistet. Durch den Einsatz verlustfreier SVG-Grafiken (alle Icons und Logos im Header) wird eine geringe Ladezeit und zugleich eine Unterstützung von Geräten mit hochauflösenden Displays erreicht (z.B. Retina-Displays).
Druckansicht
Die Webseite besitzt eine optimierte Druckansicht (print stylesheet). 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).
Farben
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.
