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.

logo

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.

Image

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.

Image

Verwendete Technologien

Image

Storyblok

Image

Next.JS

Image

React JS

Image

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/).

Image

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.

Image

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.

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

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.

Image

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.

Image

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.

Image

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.

Image
Portrait - Niklas Mischi

Du hast noch Fragen?

Schreibe mir eine Mail und wir besprechen alles im Detail!