Im Takt der Natur: Ein neuer Webauftritt
Die Lecherin
Design, Performance und Benutzerfreundlichkeit im Fokus
Unsere Mission war es, das Design von Brini Fetz in die digitale Welt zu transportieren. Hierbei legten wir besonderen Wert auf eine hervorragende Performance und einfache Erweiterbarkeit. Darüber hinaus sollte das Content Management System (CMS) intuitiv und benutzerfreundlich gestaltet sein, damit der Kunde Inhalte mühelos selber verwalten und erweitern kann. Da es sich beim Kunden um ein neues Unternehmen mit ihrem ersten Onlineauftritt handelt, war auch die Systemarchitektur in unserem Aufgabenbereich um dem Kunden einen reibungslosen Start zu ermöglichen.
Ein Zuhause mit Stil und Charme
Die Lecherin ist ein Apartmenthaus in Lech welches im Dezember 2022 eröffnete. Genauso wie das Haus soll auch die Homepage einen gemütlichen aber auch hochwertigen Charme vermitteln. Gemeinsam mit der Designerin Brini Fetz stellten wir uns dieser Aufgabe.
Zukunftssichere Web-Lösung
Wie eingangs beschrieben bestand unser Ziel darin, eine zukunftssichere, leistungsstarke und flexible Web-Anwendung zu schaffen, die einfach zu pflegen ist. Um diese Vision Realität werden zu lassen, nutzen wir unseren bewährten Standard-Stack für Projekte dieser Art: das CMS Storyblok in Kombination mit Next.js. Auf diese Weise kombinieren wir eine mühelose Handhabung mit einer unschlagbaren Performance.
Design und Konzeption
Das Design und die Konzeption wurden von Brini Fetz bereits vor unserer Beauftragung erstellt, was den Kommunikationsprozess zu Beginn des Projekts erheblich vereinfachte. Für weitere Informationen zum Designprozess verweisen wir gerne die Referenz von Brini Fetz.
Umsetzung
Durch den kontinuierlichen Austausch mit Brini und den Kunden konnten wir schnell auf Fehler und Verbesserungsvorschläge reagieren. Offene Punkte, die nicht direkt im Design erkennbar waren, wurden von Kunden- und Designerseite parallel zu unserer Arbeit erledigt. Auf diese Weise war eine agile Arbeitsweise möglich, wodurch die Website rasch Fortschritte machte. Nach einigen abschließenden Feedbackschleifen kann sich das Ergebnis sehen lassen.
Unsere erste Aufgabe bestand darin, die geeigneten Technologien festzulegen. Da die Aufgabenstellung klar definiert war und wir bereits sehr ähnliche Projekte umgesetzt haben, konnte dieser Task nach einer Absprache erledigt werden und der erste Sprint wurde geplant.
Diese Technologien haben wir verwendet
Next.js
Next.js ist ein React-basiertes Framework für den Bau von Webanwendungen, das serverseitiges Rendering (SSR) und statische Seiten-Generierung (SSG) unterstützt. Es ermöglicht Entwicklern, sowohl dynamische als auch statische Websites zu erstellen, die schnell geladen und suchmaschinenfreundlich sind. Next.js bietet eine intuitive Ordnerstruktur für Routing, integrierte API-Routen sowie eine hervorragende Performance und Entwicklererfahrung durch automatische Code-Splitting, Hot Reloading und die Integration mit modernen Tools wie TypeScript.
Die Website
Startseite
Die Website wurde in ihrer ersten Version als One-Page-Website konzipiert. Das bedeutet, dass alle Inhalte auf einer Seite zu finden waren und die Informationen durch Scrollen zugänglich waren. Auch das Designkonzept spiegelte diese Struktur wider. Die verschiedenen Abschnitte waren deutlich voneinander abgegrenzt und (zusätzlich zum Scrollen) durch Menüpunkte erreichbar gemacht.
Anfragen über Kontaktformular
In der ersten Version wurde auch auf eine Buchungsmaske von externen Dienstleistern verzichtet und stattdessen ein Kontaktformular eingebunden. Dieses nimmt die wichtigsten Daten auf und übermittelt diese an „Die Lecherin“, das Team kann in weiterer Folge Kontakt mit dem Interessenten aufnehmen.
Screenshot:
Screenshot:
Erweiterung der Webseite
Ein paar Monate nach der Veröffentlichung der ersten Version der Website bastelten wir bereits an der zweiten Version der Website. Die ehemaligen Abschnitte „Apartments“ und „Gastgeber“ wurden auf eigene Seiten ausgelagert und mit weiteren Blöcken und Informationen ausgestattet.
Feratel
Zusätzlich wurde in der zweiten Version auch die Buchungsmaske von Feratel auf der Homepage eingebunden. Diese ermöglicht es den potentiellen Gästen, direkt über die Homepage zu buchen und erleichtert den Buchungsvorgang sowohl für Gast als auch für das „Die Lecherin“-Team immens.
Die Erweiterungen sind seit Februar 2023 online und auf jeden Fall einen Besuch auf der Homepage wert.
