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.
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.
)
Verwendete Technologien
)
Storyblok
){kind=logo}
Next.JS
){kind=icon}
React JS
){kind=logo}
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.
)
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!
)
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.
Webentwicklung
Umsetzung der Website mittels Next JS
Systemarchitektur
Aufsetzen der Infrastuktur
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.
)
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.
)
)
