Website für World Pancreas Forum in Bern

Das Design der Website habe ich für die erste Ausgabe des Kongresses im 2015 entwickelt und umgesetzt.

Beim Erstellen des Designs habe ich darauf geachtet, dem Branding (Naming und Logo wurde von der Agentur Adicto entwickelt) gerecht zu werden und dieses weiter zu entwickeln.

Mit jeder Ausgabe des Kongresses soll die Farbgebung des Brandings verändert werden können - diese Vorgabe habe ich beim Erarbeiten des Designs der Website berücksichtig und dementsprechend prominent integriert (Farbe der 2015-er Ausgabe: pink. Farbe der 2017-er Ausgabe: grün).

Die folgenden Screens habe ich direkt von den jeweiligen Online-Versionen der Website (Juli 2017 respektive Juli 2015) generiert.

Startseite

Die Startseite soll die internationalen Gäste und Speakers des Kongresses willkommen heissen.

Das Responsive Design ergänzt die Website von der Mobile- bis zur Desktop-Ansicht um einige Features/Designelemente: Header-Bild, Teaser im Header-Bild, Schriftzug im Hintergrund des Sponsoring-Blocks, Hintergrundbild des Footers.

Navigation

Das Responsive Design der Website wandelt die Navigation in der Mobile- und Tablet-Ansicht zu einer Off-Canvas-Navigation um, die bei Klick auf das Hamburger-Icon vom rechten Bildrand eingeblendet wird.

Made with love and attention to detail: Die Off-Canvas-Navigation wird in der Tablet-Ansicht um ein Hintergrundbild ergänzt.

Inhaltsseiten

Der Header-Bereich jeder Seite soll den Inhalt der jeweiligen Seite zusammenfassend «illustrieren» bzw. ankündigen - ab Tablet-Ansicht in Kombination mit einer Fotografie.

Ab der Desktop-Ansicht kann auf ausgewählten Seiten im Inhaltsbereich ein Werbemittel (Leaderboard) angezeigt werden.

Der Sponsoring-Balken oberhalb des Footers wird auf sämtlichen Seiten - mit Ausnahme der «Sponsoren»-Seite - angezeigt.

Programm-Seiten

Die Programm-Seiten geben sehr detailliert über die einzelnen Sessions Auskunft; Bei Klick/Tap auf einen Session-Abschnitt wird dieser «aufgeklappt» und zeigt ausführlich den Ablauf bzw. weitere Informationen der bzw. zur Session.

Speaker-Seite

Auf der Speaker-Seite findet man Informationen zu sämtlichen Referenten - sowie Hinweis/Verlinkung auf ihre jeweiligen Beteiligungen am Konferenz-Programm.