Sliceinn
Slice Inn is een startup in de horeca die het concept van gemeenschappelijk wonen in stedelijke omgevingen opnieuw definieert en een naadloze combinatie biedt van thuiscomfort en gemeenschapsgevoel.
Sliceinn combineert luxe verblijf en werken in één, met stijlvolle kamers en gedeelde leefruimtes midden in woonwijken.
Toename in leadconversie
Huizen in de wereld
Bezetting
De uitdaging
SliceInn nam contact met ons op voor enkele ontwerpaanpassingen aan hun bestaande Wix-website. Tijdens de aanpassingen kwamen we er echter achter dat Wix niet de functionaliteit bood die nodig was om dergelijke ontwerpelementen te implementeren.
Bovendien stond Wix geen uitgebreide, aangepaste code toe voor geavanceerde functionaliteiten. Daarom stelden we voor om te migreren naar custom code website en het SliceInn-team ging hiermee akkoord.
SliceInn kampte niet alleen met een ondermaats ontwerp, maar ook met een slechte gebruikerservaring.
Ze konden bovendien niet concurreren met hun concurrenten in de horeca, omdat ze belangrijke boekingsfilters en -functionaliteiten misten.
Hun bestaande website was slecht geoptimaliseerd en kampte met slechte
prestaties en trage laadtijden. Wix bood bovendien geen krachtige CMS-functies. De website had zelfs geen aan het CMS gekoppelde property slider.
Na de migratie naar een custom code website moesten we dus
helemaal opnieuw beginnen, zowel qua ontwerp als ontwikkeling, om een aantrekkelijke gebruikersinterface en gebruikerservaring te creëren.
De oplossing
Onze inspiratie voor zowel het ontwerp als de ontwikkeling kwam van marktleiders zoals Airbnb, Coliving en Stanza Living.
We hadden de huisstijlrichtlijnen al opgesteld, dus de vernieuwing van het ontwerp draaide volledig om het weerspiegelen van
het aanbod van het merk en het toevoegen van een premium en luxueuze esthetiek.
Naast het oplossen van het gebrek aan uitgebreide filters voor accommodaties, werd ons ook gevraagd om een plattegrond op locatie te integreren met een afstandscalculator.
Het was een complexe functie om uit te voeren en we hadden geen referenties, maar we zijn er toch in geslaagd om het voor elkaar te krijgen met uitgebreid onderzoek.
Hier is een overzicht van de transformatie van SliceInn
Ondermaats ontwerp, waardoor SliceInn achterblijft bij de concurrentie
Een minimaal ontwerp met hoogwaardige esthetiek, gericht op een soepelere gebruikerservaring.
Trage laadtijden door slechte platformoptimalisatie.
Stap over van WIX naar custom code voor geavanceerde functionaliteiten. onze coderings aanpak garandeert hoge prestaties en snelle laadtijden.
Beperkte filteropties, geen functies voor afstandsberekening.
Meerdere geavanceerde filters op de site. Unieke functie die de afstand van de locatie van de gebruiker tot de eigendommen weergeeft.
Verouderde SEO met zoekwoorden die niet meer relevant zijn waardoor de SEO-ranking erg laag was.
Volledig vernieuwde SEO om zo hoger in de SEO-ranking te komen en daardoor dus meer bezoekers naar de website te kunnen krijgen.
Intuïtieve gebruikersinterface die verbindt en converteert
De vernieuwde SliceInn-website benadrukt nu op effectieve wijze de belangrijkste functies en voordelen van het kiezen van Slice Inn voor verblijven.
Alles wat een gebruiker nodig heeft om te zoeken, is in een oogopslag zichtbaar op de website. De Hero-sectie geeft
de zoekvelden 'Wat, waar en wanneer' weer, zodat de gebruiker snel de zoektermen kan vinden.
De zoekbalk biedt ook navigatie tussen 'Stadsverblijf' en 'Vakantielandschappen', zodat gebruikers snel accommodaties kunnen bekijken
op basis van of ze een verandering van omgeving binnen de stad willen of er even tussenuit willen voor een vakantie.
Op de achtergrond van de Hero-sectie wordt een video met hoge resolutie van een accommodatie afgespeeld, die verandert afhankelijk van de
keuze van de gebruiker voor 'Stadsverblijf' of 'Vakantielandschap'.
Alle secties op de website zijn strategisch geplaatst om de gebruikersstroom te verbeteren en ervoor te zorgen dat bezoekers zodra ze op de site terechtkomen, worden begroet
met overtuigende redenen om voor Slice Inn te kiezen.
Plattegrond en afstandscalculator
SliceInn wilde dat we een kaart op de website integreerden waarop niet alleen elke accommodatie werd weergegeven, maar ook de afstand vanaf een door de gebruiker geselecteerde locatie in realtime.
Deze functionaliteit vind je zelfs niet op de websites van giganten in de sector zoals Airbnb of Coliving. SliceInn wist daarom niet eens zeker of het geïmplementeerd kon worden.
Deze ene functie stelde elke gebruiker in staat om zijn of haar zoektocht naar een accommodatie te voltooien zonder de website te verlaten.
We moesten veel onderzoek doen en bedenken hoe we deze complexe functionaliteit konden implementeren, maar uiteindelijk hebben we het gebouwd.
Hier is een gedetailleerde beschrijving van het proces achter deze functie:-
De uitdaging en vereisten
SliceInn had een systeem nodig waarbij, zodra een gebruiker een locatie invoerde, de kaart nabijgelegen accommodaties zou voorstellen en de afstand tot elke accommodatie zou weergeven wanneer de muis eroverheen ging. Bovendien moesten gebruikers een routebeschrijving naar elke accommodatie kunnen krijgen, met de route vooraf geladen in Google Maps.
Onze oplossing
- Interactieve kaartontwikkeling:
Met Leaflet, een opensource-kaarttool, hebben we een interactieve kaart gemaakt die dynamisch objecten weergeeft met behulp van gegevens van OpenStreetMap voor een rijke visuele ervaring.
- Integratie van objectgegevens:
De breedtegraad en lengtegraad van elk object werden uit het CMS gehaald en op de kaart weergegeven met aangepaste markeringen. Deze markeringen bevatten interactieve elementen, zoals pop-ups die objectdetails weergeven bij het aanwijzen van de muis.
- Zoekfunctionaliteit met automatisch aanvullen:
We hebben de Autocomplete API van Google Maps Places geïntegreerd in het zoekveld, zodat gebruikers een locatie kunnen typen en dynamisch suggesties voor locaties kunnen zien. Deze functie werd ondersteund door de Google Maps Geocoding API om het gezochte gebied nauwkeurig te lokaliseren.
- Realtime afstandsberekening:
De afstand tussen de gezochte locatie en elke woning werd berekend met behulp van de Google Maps Distance Matrix API. De resultaten werden direct weergegeven zodra de gebruiker met de muis over verschillende woningen zweefde, wat zorgde voor een naadloze gebruikerservaring.
We zorgen voor een soepele gebruikservaring op alle apparaten dankzij een responsief design dat zich moeiteloos aanpast aan elk scherm.
Klaar om jouw bedrijf digitaal te laten knallen?
Neem volledig vrijblijvend contact op en ontdek hoe we jouw bedrijf kunnen laten groeien met strategie, design en slimme marketing. Eén gesprek kan het verschil maken.
Hi, ik Wesley, eigenaar van Beeld Boost.
Met een passie voor strategie, design en slimme marketing help ik ambitieuze bedrijven opvallen in de massa van de digitale wereld.
Plan een call in om samen te kijken hoe we ook voor jouw bedrijf impact kunnen maken. Heb je al een duidelijk idee? Vraag dan direct een vrijblijvende offerte aan.