Im Takt der Natur -
Ein neuer Webauftritt für Die Lecherin
Die Lecherin
Webentwicklung
)
Projektbeschreibung
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.
Umgesetzt wurde das Projekt in engem Kontakt mit Brini Fetz, die sich vor allem um die gestalterischen und inhaltlichen Aspekt kümmerte aber auch den Überblick über das Projekt hatte. Doch auch mit den Kunden Michelle und Michael Huber waren wir im Austausch um die Kommunikationswege so kurz wie möglich zu halten.
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.
Aufgabenstellung
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 NextJS. Auf diese Weise kombinieren wir eine mühelose Handhabung mit einer unschlagbaren Performance.
)
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 NextJS. Auf diese Weise kombinieren wir eine mühelose Handhabung mit einer unschlagbaren Performance.
)
Verwendete Technologien
)
Storyblok
){kind=logo}
Next.JS
){kind=icon}
React JS
){kind=logo}
Figma
Projektvorstellung
Umsetzung
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 auf Brini Fetz‘ Homepage (https://brinifetz.at/dielecherin/).
)
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 isch 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 umgestzt haben, konnte dieser Task nach einer Absprache erledigt werden und der erste Sprint wurde geplant.
)
Services
Unser Service begann bei der Systemarchitektur und der Auswahl der Technologien sowie bei der Aufbereitung der einzelnen Punkte. Wir haben nicht nur die Umsetzung durchgeführt, sondern auch die Einrichtung der E-Mails mit der eigenen Domain des Kunden übernommen. Abschließend haben wir eine Übergabe mit einer Einführung in das CMS durchgeführt.
Webentwicklung
Umsetzung der Website mittels Next JS
Systemarchitektur
Aufsetzen der Infrastuktur
CMS
Anbindung eines CMS, EInschulung in das CMS
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.
)
Erweiterung der Website
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ätzich 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 jedenfall einen Besuch auf der Homepage wert.
)
)
