Sliceinn
Sliceinn ist ein Startup aus dem Hospitality-Bereich, das das Konzept des gemeinschaftlichen Wohnens im urbanen Raum neu definiert – mit einer nahtlosen Verbindung aus Zuhause-Komfort und Gemeinschaftsgefühl.
Konzipiert von Experten aus Hospitality und Architektur, bedient dieses einzigartige Projekt den wachsenden Trend zu "Workcations" und "Staycations", indem luxuriöse Wohnräume in ganz normale Wohnviertel integriert werden. SliceInn ist darauf ausgelegt, ein echtes Stück Leben zu bieten – von individuell gestalteten Zimmern, die gleichzeitig als effiziente Arbeitsräume dienen, bis hin zu gemeinschaftlichen Essbereichen, in denen Geschichten und Mahlzeiten geteilt werden.
Steigerung der Lead-Konversion
Immobilien in Indien
Belegung
DIE HERAUSFORDERUNG
SliceInn kam ursprünglich nur wegen kleinerer Design-Anpassungen an ihrer bestehenden Wix-Website auf uns zu. Doch im Laufe der Arbeit an diesen Anpassungen wurde klar, dass Wix nicht die Funktionalitäten bot, die für die Umsetzung dieser Design-Elemente nötig waren. Auch umfangreicher Custom Code für erweiterte Funktionen war auf Wix nicht möglich. Also schlugen wir eine Migration zu Webflow vor – und das SliceInn-Team stimmte zu.
SliceInn hatte nicht nur ein unterdurchschnittliches Design, sondern auch eine schlechte User Experience. Zudem konnte das Unternehmen im Hospitality-Markt nicht mit der Konkurrenz mithalten, da wichtige Buchungsfilter und Funktionen fehlten.
Die bestehende Website war schlecht optimiert und litt unter schwacher Performance und langen Ladezeiten. Wix bot zudem keine leistungsstarken CMS-Funktionen – die Website hatte nicht einmal einen CMS-verknüpften Property-Slider.
Nach der endgültigen Entscheidung für die Migration zu Webflow mussten wir sowohl beim Design als auch bei der Entwicklung bei null anfangen, um ein überzeugendes UI und UX aufzubauen.
DIE LÖSUNG
Unsere Inspiration für Design und Entwicklung kam von Branchenführern wie Airbnb, Coliving und Stanza Living.
Die Markenrichtlinien standen bereits fest, daher ging es beim Design-Relaunch vor allem darum, das Markenversprechen widerzuspiegeln und eine hochwertige, luxuriöse Ästhetik hinzuzufügen.
Neben der fehlenden umfangreichen Property-Filterung wurden wir auch gebeten, eine Karte mit integrierter Distanzberechnung einzubauen. Das war eine komplexe Funktion ohne jegliche Referenzprojekte – aber mit umfangreicher Recherche haben wir es geschafft, sie umzusetzen.
Hier ein Überblick über die Transformation von SliceInn:
Minderwertiges Design, wodurch SliceInn hinter den Mitbewerbern zurückbleibt
Ein minimalistisches Design mit erstklassiger Ästhetik, das auf ein reibungsloseres Benutzererlebnis ausgerichtet ist.
Langsame Ladezeiten aufgrund schlechter Plattformoptimierung.
Wechseln Sie von WIX zu Webflow für erweiterte Funktionen. Saubere Entwicklung, die hohe Leistung und schnelle Ladezeiten gewährleistet.
Eingeschränkte Filteroptionen, keine Funktionen zur Entfernungsberechnung.
Mehrere erweiterte Filter auf der gesamten Website Einzigartige Funktion, die die Entfernung vom Standort des Benutzers zu den Immobilien anzeigt.
Die Aktualisierung des Eigentums- und Zimmerstatus war umständlich und schwierig zu verwalten.
Optimierte und klar definierte CMS-Struktur, die einfach zu verwalten ist. Automatisierte Statusaktualisierungen von Immobilien in Echtzeit über die Buchungsmaschine.
Eingeschränkte Filteroptionen, keine Funktionen zur Entfernungsberechnung.
Komplett überarbeitetes, konversionsoptimiertes Nutzererlebnis, ohne Kompromisse bei den SEO-Rankings einzugehen.
INTUITIVES UI, DAS VERBINDET UND KONVERTIERT
Die neu gestaltete SliceInn-Website hebt die wichtigsten Vorteile eines Aufenthalts bei Slice Inn nun wirkungsvoll hervor.
Alles, was ein Nutzer zur Suche braucht, ist auf den ersten Blick sichtbar. Der Hero-Bereich zeigt die Suchfelder "Was, wo und wann", damit Nutzer ihre Suchkriterien schnell festlegen können.
Die Suchleiste ermöglicht außerdem die Navigation zwischen "City Stay" und "Vacationscapes", damit Nutzer schnell erkennen können, ob sie einen Tapetenwechsel innerhalb der Stadt oder einen echten Urlaub suchen.
Ein hochauflösendes Video einer Unterkunft läuft im Hintergrund des Hero-Bereichs und ändert sich je nachdem, ob "City Stay" oder "Vacation Scape" ausgewählt ist.
Alle Abschnitte der Website sind strategisch platziert, um den Nutzerfluss zu verbessern und sicherzustellen, dass Besucher direkt nach dem Landen mit überzeugenden Gründen für Slice Inn begrüßt werden.
STANDORTKARTE UND DISTANZRECHNER
SliceInn wollte eine Karte auf der Website integriert haben, die nicht nur jede Unterkunft anzeigt, sondern auch die Entfernung von einem vom Nutzer gewählten Standort in Echtzeit.
Diese Funktion findet sich nicht einmal auf den Websites von Branchenriesen wie Airbnb oder Coliving. SliceInn war deshalb selbst unsicher, ob sie überhaupt umsetzbar wäre.
Diese eine Funktion ermöglichte es jedem Nutzer, seine Objektrecherche abzuschließen, ohne die Website zu verlassen.
Wir mussten viel recherchieren, um herauszufinden, wie sich diese komplexe Funktion umsetzen lässt – am Ende haben wir sie gebaut.
Die Herausforderung und Anforderungen SliceInn brauchte ein System, bei dem die Karte, sobald ein Nutzer einen Standort eingibt, nahegelegene Unterkünfte vorschlägt und beim Hover die Entfernung zu jeder Unterkunft anzeigt. Zusätzlich sollten Nutzer zu jeder Unterkunft eine Wegbeschreibung erhalten können, mit vorab geladener Route in Google Maps.
Unsere Lösung
- Entwicklung einer interaktiven Karte: Mit Leaflet, einem Open-Source-Kartentool, haben wir eine interaktive Karte erstellt, die Unterkünfte dynamisch mithilfe von OpenStreetMap-Daten anzeigt – für ein visuell reichhaltiges Erlebnis.
- Integration der Objektdaten: Breiten- und Längengrad jeder Unterkunft wurden aus dem CMS extrahiert und mit individuellen Markern auf der Karte dargestellt, inklusive interaktiver Pop-ups mit Objektdetails beim Hover.
- Suchfunktion mit Autocomplete: Wir haben die Google Maps Places Autocomplete API in das Suchfeld integriert, damit Nutzer bereits während der Eingabe passende Ortsvorschläge sehen – unterstützt durch die Google Maps Geocoding API zur präzisen Lokalisierung.
- Echtzeit-Distanzberechnung: Die Entfernung zwischen dem gesuchten Standort und jeder Unterkunft wird über die Google Maps Distance Matrix API berechnet und beim Hover sofort angezeigt.
- Wegbeschreibung und Routenvisualisierung: Für detaillierte Wegbeschreibungen führt ein Klick auf eine Unterkunft direkt zu Google Maps, mit bereits geladener Route vom Standort des Nutzers, umgesetzt über das Routing-Plugin.
Diese fortschrittliche Kartenfunktion hat SliceInn nicht nur von der Konkurrenz abgehoben, sondern auch das Nutzerengagement verbessert, indem die Objektauswahl interaktiver und informativer wurde.
VON EINEM BEGRENZTEN ZU EINEM GRENZENLOSEN CMS
Die Entscheidung für Webflow als CMS war ein zentraler Baustein der digitalen Transformation von SliceInn. Die intuitive Design-Oberfläche und das leistungsstarke CMS von Webflow ermöglichen es selbst nicht-technischen Teammitgliedern bei Slice Inn, Inhalte einfach zu verwalten und zu aktualisieren.
Wir haben außerdem das Webflow-CMS mit der API der Buchungsmaschine verbunden, um Echtzeitdaten direkt in die Website zu übernehmen und sicherzustellen, dass Objektdetails stets aktuell sind.
Ob Zimmerverfügbarkeit, Preisänderungen oder neue Ausstattungsmerkmale – die Informationen werden automatisch im CMS aktualisiert, sodass keine manuelle Dateneingabe mehr nötig ist.
Vom Hinzufügen neuer Unterkünfte bis zur Aktualisierung der Zimmerverfügbarkeit ist der Prozess dadurch denkbar einfach.
Das verbessert nicht nur die betriebliche Effizienz, sondern garantiert auch, dass Gäste bei der Buchung stets die zuverlässigsten Informationen erhalten.
Wir legen großen Wert auf ein nahtloses Nutzererlebnis auf allen Geräten durch konsequent responsive Design-Prinzipien. Indem sich die Website flüssig an verschiedene Bildschirmgrößen und -ausrichtungen anpasst – von Smartphones über Tablets bis zu Desktops – garantieren wir Zugänglichkeit und Nutzerfreundlichkeit für alle.
Nächste Fallstudie
ShopBox
Lass uns gemeinsam etwas Außergewöhnliches erschaffen.
Du hast ein Projekt im Kopf? Kontaktiere uns für erstklassige Design- und Entwicklungslösungen. Lass uns besprechen, wie wir dein Unternehmen wachsen lassen können.
Hallo, ich bin Divyansh - Gründer von Webyansh. Vereinbaren Sie einen Anruf mit mir um ausführlich über Ihr Projekt zu sprechen und wie wir Ihrem Unternehmen helfen können. Sie können auch fordern Sie ein kostenloses individuelles Angebot an wenn der Arbeitsumfang klar ist.