Responsives webdesign

Responsive Webdesign

Responsive Webdesign für die International School Hannover Region

Die Internetseite der International School Hannover Region präsentiert sich seit Anfang 2013 in responsivem Design. Die Institution bietet der internationalen Gemeinschaft in der Region Hannover eine Bildungsstätte für ihren Nachwuch im Herzen der niedersächsischen Hauptstadt. In Anbetracht der steigenden Zugriffszahlen der Website von mobilen Endgeräten entschied sich die Schulleitung dafür, den bestehenden Internetauftritt auch für mobile Geräte zu optimieren.

 

ISHR Desktop AnsichtResponsive Umsetzung ohne Anpassung von Design und Inhalten

Für den Relaunch im responsiven Webdesign sollte keine Neugestaltung der Website erfolgen und auch die Inhalte sollten weitestgehend beibehalten werden, lediglich die Ausgabe sollte für mobile Geräte ausgelegt werden.

 

 

 

ISHR Ansicht auf dem iPhoneBreakpoints entscheiden über Anordnung von Inhalten und Navigation

Bei der responsiven Umsetzung der Website werden Bilder automatisch je nach Größe des Ausgabegeräts skaliert bzw. ausgeblendet. Außerdem wurden verschiedene so genannte Break Points eingerichtet, die erkennen, wenn eine bestimmte Bildschirmauflösung unterschritten wird, um davon abhängig die Anordnung der Inhalte und Navigationselemente verändern. So konnte die bekannte Optik und Funktionalität der Seite beibehalten und auf mobile Geräte übertragen werden, ohne dass dabei Einbußen bei der Usability oder dem Wiedererkennungswert gemacht werden mussten.

 

responsive Tablet Ansicht von ISHRÜber die ISHR

Die International School Hannover Region besteht seit 1996 und hat sich seitdem als Bildungseinrichtung für die internationale Gemeinschaft in der Region Hannover etabliert. Vom Kindergarten bis zur 12. Klasse besuchen über 520 Kinder und Jugendliche aus aller Welt die Schule. Betreut werden sie von über 70 Lehrkräften aus Nordamerika, Großbritannien und Australien sowie weiteren Ländern.

 

Website: www.is-hr.de

pxc-logo