hotel-ami.de ist eine der weltweit größten Unterkunftsdatenbanken und gehört zu den weltweit größten Hotelvermittlern. In 16 Sprachen kann man kinderleicht bei über 401.888 Gastgebern weltweit die perfekte Unterkunft finden. Entsprechend hoch sind die Anforderungen an das Layout, es soll erstmals nach den Prinzipien des Responsive Webdesign gestaltet sein.
Darum benötigt die Webseite ein modernes Layout, das den aktuellen Standards entspricht, darüber hinaus bevorzugen Suchmaschinen responsive Webseiten gegenüber Webseiten ohne mobile Version/Ansicht und erhalten dadurch ein höheres Ranking und mehr Besucher.
Die Grundlage des neuen Layouts liefert hierbei Foundation von Zurb. Das Framework eignet sich bestens für Responsive Webdesign 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. Wichtig war hierbei, bereits bestehende Inhaltselemente der hotel-ami.de 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 nun auf einem großen Header das Suchfeld, das wohl wichtigste Element, prominent platziert. Darüber befinden sich in einer Zeile die Links zu hotel-ami.de, restaurant-ami.de und zur Kochschule Eppelheim, allesamt Tochterseiten von hotel-ami.de. Als Verzeichnis mit Unterkünften aus aller Welt muss die Webseite zweifelsohne mehrsprachig sein, deshalb gestaltet sich die Umstellung der Seitensprache per Dropdown-Auswahl denkbar einfach.
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, die über ein Off-Canvas Menü eingeblendet werden können, verfeinern.
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. Sollte man mehr über die Unterkunft wissen wollen, kann man sich diese auf einer neuen Unterseite anzeigen lassen.
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.