WineView Website

UX Design / Headless CMS / Next.js / 2024

Das Projekt

WineView bietet mit ihrer Software eine All-in-one-Lösung für Restaurants, die ihre Weinverkäufe erhöhen wollen. Neben einer interaktiven Weinkarte bietet WineView außerdem eine Plattform für das Training von Kellnern an.

Die Aufgabe

Die alte Website basierte auf WordPress, war schlecht zu verwalten und entsprach nicht dem aktuellen Corporate Design. Zudem war die Website nicht auf Conversions optimiert und hatte eine hohe Absprungrate durch langsame Ladezeiten.

Unsere Aufgabe war es, ein System aufzusetzen, mit dem das Marketing-Team selbst die Inhalte der Website verändern kann, ohne dabei vom Corporate Design abzuweichen. Zudem benötigten wir ein Frontend, das eine optimale User Experience und schnelle Ladezeiten bietet.

Das Ergebnis

Unsere Lösung war ein Headless-System basierend auf dem React-Framework Next.js und dem Headless-CMS Prismic. Durch die Entkopplung des Frontends vom Backend konnten wir die Ladezeiten signifikant verbessern und die Absprungrate reduzieren. Das neue System bietet dem Marketing-Team eine große Auswahl an Inhaltskomponenten im neuen Corporate Design. Dadurch können neue Unterseiten erstellt werden, ohne befürchten zu müssen, die Website kaputt zu machen.

Services

Webdesign

Wir haben ein modernes und benutzerfreundliches Design entwickelt, das zum neuen Corporate Design von WineView passt. Dabei haben wir auf eine klare Struktur und ansprechende visuelle Elemente geachtet, um die Navigation für die Nutzer zu erleichtern.

Unsere Webdesign Leistungen

Next.js

Next.js wurde als Framework für das Frontend gewählt, um eine schnelle und reaktionsfähige Benutzeroberfläche zu gewährleisten. Durch die serverseitige Renderung und die optimierten Ladezeiten konnten wir die Benutzererfahrung erheblich verbessern.

Prismic

Prismic wurde als Headless-CMS gewählt, um dem Marketing-Team die Flexibilität zu geben, Inhalte einfach zu verwalten und zu aktualisieren. Die Integration von Prismic ermöglichte es, ohne technische Kenntnisse neue Seiten und Beiträge zu erstellen, die automatisch im Corporate Design angezeigt werden.

SEO

Um die Sichtbarkeit der Website in Suchmaschinen zu erhöhen, haben wir eine umfassende SEO-Strategie implementiert. Dies umfasst die Optimierung von Meta-Tags, Ladezeiten, und die Erstellung von suchmaschinenfreundlichen Inhalten.