Anforderung
hotel-ami.de ist eine der weltweit größten Unterkunftsdatenbanken und gehört zu den größten Hotelvermittlern. In 16 Sprachen kann man kinderleicht bei über 400.000 Gastgebern weltweit die perfekte Unterkunft finden. Entsprechend hoch sind die Anforderungen an das neue Layout, es soll von nun an responsive sein, um auf allen Endgeräten ein optimales Nutzererlebnis zu gewährleisten. Wir freuen uns auf weitere erfolgreiche Zusammenarbeit.
Lösung
Das neue Layout soll modern sein und den aktuellen Standards entsprechen, denn Suchmaschinen bevorzugen responsive Webseiten gegenüber Webseiten ohne mobile Version/Ansicht und erhalten dadurch ein höheres Ranking und mehr Besucher.
Die technische Grundlage des neuen Layouts liefert hierbei auf Wunsch des Kunden das Foundation-Framework von Zurb. Es ist bereits auf Responsive Webdesign ausgelegt und liefert viele praktische Funktionen, die als eigenständige Module in das Design integriert werden und je nach Bildschirmgröße bei Bedarf auch ausgetauscht werden können. Durch diese Module wird die Pflege auf Seiten des Kunden maßgeblich erleichtert. Wichtig war hierbei, bereits bestehende Inhaltselemente der bisherigen Webseite mit so wenig Veränderung des Frameworks wie möglich zu übernehmen und in einem zeitgemäßen Look und Feel wiederzugeben, ohne dabei das Corporate Design zu vernachlässigen.
Auf der Startseite ist in einem großen Header das Suchfeld prominent platziert. In der oberen Leiste sind die Links zu hotel-ami.de, restaurant-ami.de und zur Kochschule Eppelheim untergebracht, allesamt Tochterseiten von hotel-ami.de. Auch die Sprachauswahl befindet sich gut sichtbar im Header. Als Verzeichnis mit Unterkünften aus aller Welt muss die Webseite zweifelsohne mehrsprachig sein, deshalb gestaltet sich die Umstellung in die gewünschte Seitensprache per Dropdown-Auswahl denkbar einfach.
Bilder sagen mehr als tausend Worte - so wurde insbesondere auf der Startseite großer Wert darauf gelegt, Gastgeber sowie eine Auswahl beliebter Reiseziele prominent im Slider mit großen Bildern auszustatten, die auf der jeweiligen Displaygröße optimal skalieren. Auch neu bei hotel-ami.de verzeichnete Gastgeber sowie populäre Reiseziele wurden im Relaunch mit Bildern versehen, um die Links für Reisende attraktiver zu gestalten.
Hat man sein Reiseziel eingegeben, so erhält man auf der Ergebnisseite eine große Karte mit verfügbaren Hotels in der Umgebung. Ein erstes schnelles Filtern ist über die Hauskategorie möglich; anschließend kann man das Ergebnis nach weiteren Kriterien verfeinern. Dies wurde im neuen Layout mit einem Off-Canvas Menü umgesetzt, um eine übersichtlichere Darstellung zu gewährleisten.
Die Suchergebnisse selbst zeigen bereits in der Listenansicht alle wichtigen Details auf einen Blick und man kann auch – ein besonderes Feature von hotel-ami – kostenlos telefonisch Kontakt zur gewünschten Unterkunft aufnehmen oder direkt eine Buchung vornehmen. Auch dieses bestehende Feature wurde beim Entwurf des neuen Layouts berücksichtigt und optisch auf den neuesten Stand gebracht.
Der Internetauftritt ist mit modernem HTML5 und CSS3 umgesetzt, der Quelltext valide und suchmaschinenfreundlich. Das responsive Layout skaliert auf allen modernen Geräten vom Smartphone bis zum 4K Monitor und aktuellen Browsern optimal.