Nachhaltiger und zukunftsfähiger Tourismus in der Arlberg Region

Quality Hosts Arlberg

Webentwicklung

Projektbeschreibung

Wir erhielten den Auftrag für die Umsetzung der Online-Präsenz der Gemeinschaft „Quality Hosts Arlberg“ durch unseren Partner Sägenvier, welcher auch das ansprechende Design der Homepage gestaltete. Die Projektleitung des Projektes lag bei Hagen Management. Während der gesamten Umsetzung waren wir in engem Kontakt mit unseren Ansprechpersonen der beiden Unternehmen, was es ermöglichte, die Website in Rekordzeit online zu bringen.

Beim Projekt selbst handelt es sich um den ersten Online-Auftritt der „Quality Host Arlberg“-Gemeinschaft. Daher war es für uns wichtig, die benutzerfreundlichkeit des CMS in den Vordergrund zu stellen. Aber auch die exakte Umsetzung des Designs, zusammen mit einer guten Performance der Website wurde von allen Beteiligten in den Fokus gerückt. Bei der technologischen Umsetzung vertrauten wir daher unserem bewährten Stack mit Next JS und Storyblok als CMS.

logo

Quality Hosts Arlberg ist eine unabhängige Qualitätsgemeinschaft von Unternehmerinnen und Unternehmern, die sich für nachhaltigen zukunftsfähigen Tourismus in der Arlbergregion einsetzt.

Problemstellung

Wie in der Projektbeschreibung standen ein benutzerfreundliches Content Management System, eine gute Performance und die exakte Umsetzung des Designs im Vordergrund. Sägenvier lieferte uns das Design bereits in einem gut strukturierten Figma, was den letzten Punkt schon immens erleichterte. Die beiden anderen Punkte gingen wir mit unserem bewährten Stack für Webprojekte an. Für die Performance soll Next JS mit Static Rendering sorgen, bei einem benutzerfreundlichen CMS setzten wir auf den Visual Editor von Storyblok.

Image

Verwendete Technologien

Image

Storyblok

Image

Next.JS

Image

React JS

Image

Figma

Umsetzung

Bei der Umsetzung war vor allem die Zeit ein wichtiger Faktor. Die Deadline war durch den Saisonstart des Tourismus in Arlberg recht knapp gesteckt. Daher war es umso wichtiger, dass das Design schon vor unserer Beauftragung vorlag. Zu unserer Freude war es nicht nur schon erstellt, sondern kam auch in Form eines gut strukturierten Figma-Files. So war es uns möglich direkt mit der Umsetzung zu starten.

Image

In weiterer Folge standen einige Feedbackschleifen an - die der Zeit geschuldet – schon während der Umsetzung anderer Sections auf der Homepage erfolgten. Auch dieser „Review-Instanz“ wurde von den Designern von Sägenvier übernommen, was enorm Zeit einsparte. So war es möglich die Website innerhalb weniger Wochen online zu bringen – eine echte Teamleistung!

Image

Services

Unsere Hauptaufgabe während des Projektes war die Umsetzung des Designs. Doch auch die Bereitstellung eines Mailservice, die Systemarchitektur und das Hosting des Projektes sind in unserer Kompetenz.

Image
Webentwicklung

Umsetzung der Website mittels Next JS

Image
Systemarchitektur

Aufsetzen der Infrastuktur

Image
CMS

Anbindung eines CMS, EInschulung in das CMS

Die Website

Startseite

In der ersten Version war die Website als Onepage-Website konzipiert. Dabei war sie in verschieden Sections unterteilt, die den gesamten Bildschirm einnehmen. Beim Scrollen der Seite wechselt man direkt von einer Section zur nächsten, was den Auftritt wie eine Präsentation wirken lässt.

Image

Website und Erweiterung

Zum Teil ist es auch möglich, in den einzelnen Sections zwischen verschiedenen Texten oder anderen Inhalten zu navigieren. Das hilft sowohl dem Storytelling als auch der Usabillity der Website. Man kann ganz einfach Themen auf der Website überspringen, wenn man sich nicht näher damit beschäftigen will oder gleich an einen bestimmten Punkt der Website gelangen will.

Mittlerweile wurde die Website um eine Event- und eine News-Seite erweitert. Diese werden von Kundenseite laufend neu befüllt und überarbeitet.

Image
Portrait - Niklas Mischi

Du hast noch Fragen?

Schreibe mir eine Mail und wir besprechen alles im Detail!