Sliceinn
Slice Inn est une start-up du secteur de l'hôtellerie qui redéfinit le concept de vie communautaire en milieu urbain, offrant un mélange harmonieux de confort domestique et de connexion communautaire.
Conçu par des experts en hôtellerie et en architecture, ce projet unique répond à l'évolution de la tendance en matière de vacances et de travail, en intégrant des espaces de vie luxueux dans des quartiers résidentiels quotidiens.
Le SliceInn est conçu pour offrir une tranche de vie, qu'il s'agisse de chambres design personnalisées qui servent également d'espaces de travail efficaces ou de salles à manger communes où les histoires et les repas sont partagés.
Augmentation de la conversion de prospects
Propriétés en Inde
Occupation
Défi
SliceInn ne nous a contactés que pour quelques modifications de conception sur son site Web Wix existant. Cependant, au fur et à mesure des modifications, nous nous sommes rendu compte que Wix n'offrait pas les fonctionnalités nécessaires pour implémenter de tels éléments de conception. De plus, Wix n'autorisait pas le code personnalisé lourd pour les fonctionnalités avancées. Nous avons donc proposé de migrer vers Webflow et l'équipe de SliceInn a accepté.
SliceInn n'était pas seulement confronté à un design de qualité inférieure, mais également à une mauvaise expérience utilisateur. Ils n'ont pas non plus été en mesure de concurrencer leurs concurrents du secteur de l'hôtellerie car ils ne disposaient pas de filtres de réservation et de fonctionnalités importants.
Leur site Web existant était mal optimisé et était confronté à de faibles performances et à des temps de chargement lents. Wix ne proposait pas non plus de fonctionnalités CMS puissantes. Ainsi, le site Web ne comportait même pas de curseur de propriétés lié au CMS.
Dans l'ensemble, une fois la migration vers Webflow terminée, nous avons dû repartir de zéro en termes de conception et de développement pour créer une interface utilisateur et une expérience utilisateur convaincantes.
Solution
Notre inspiration pour la conception et le développement est venue des leaders de l'industrie tels que Airbnb, Coliving et Stanza Living.
Nous avions déjà mis en place les directives de marque, donc la refonte du design visait à refléter l'offre de la marque et à ajouter une esthétique haut de gamme et luxueuse.
En plus de remédier à l'absence de filtres de propriétés complets, il nous a également été demandé d'intégrer une carte sur site avec une fonctionnalité de calcul de distance. C'était une fonctionnalité complexe à exécuter et nous n'avions aucune référence, mais nous avons quand même réussi à la réaliser grâce à des recherches approfondies.
Voici un aperçu de la transformation du SliceInn :
Design de qualité inférieure, permettant à SliceInn de rester derrière ses concurrents
Un design minimaliste à l'esthétique haut de gamme, axé sur une expérience utilisateur plus fluide.
Temps de chargement lents en raison d'une mauvaise optimisation de la plateforme.
Passez de WIX à Webflow pour bénéficier de fonctionnalités avancées. Développement propre garantissant des performances élevées et des temps de chargement rapides.
Options de filtrage limitées, aucune fonction de calcul de distance.
Plusieurs filtres avancés sur le site Fonctionnalité unique qui indique la distance entre l'emplacement de l'utilisateur et les propriétés.
Maladroite et difficile à gérer, la mise à jour de l'état de la propriété et de la chambre était fastidieuse.
Structure CMS rationalisée et bien définie, facile à gérer. Mises à jour automatisées en temps réel de l'état des propriétés à partir du moteur de réservation.
Options de filtrage limitées, aucune fonction de calcul de distance.
Une expérience utilisateur entièrement remaniée et optimisée pour les conversions sans compromettre le classement SEO.
Interface utilisateur intuitive qui connecte et convertit
Le site Web SliceInn repensé met désormais en évidence efficacement les principales caractéristiques et avantages du choix de Slice Inn pour les séjours.
Tout ce dont un utilisateur a besoin pour effectuer une recherche est visible au premier coup d'œil sur le site Web. La section Hero fournit les champs de recherche « Quoi, où et quand » pour aider l'utilisateur à identifier rapidement les termes de recherche.
La barre de recherche permet également de naviguer entre « Séjour en ville » et « Paysages de vacances », afin que les utilisateurs puissent rapidement consulter les propriétés selon qu'ils souhaitent changer de décor dans la ville ou s'évader pour des vacances.
Une visite vidéo haute résolution d'une propriété s'affiche en arrière-plan de la section des héros, qui change en fonction de la sélection de l'utilisateur entre « Séjour en ville » ou « Paysage de vacances ».
Toutes les sections du site Web sont stratégiquement placées afin d'améliorer le flux d'utilisateurs et de garantir que dès que les visiteurs arrivent sur le site, ils sont accueillis avec des raisons convaincantes de choisir Slice Inn.
Carte du site et calculateur de distance
SliceInn voulait que nous intégrions une carte sur le site Web qui non seulement affiche chaque propriété, mais aussi la distance à partir d'un lieu sélectionné par l'utilisateur en temps réel.
Cette fonctionnalité n'est même pas présente sur les sites Web de géants de l'industrie comme Airbnb ou Coliving. Par conséquent, le SliceInn n'était même pas sûr de pouvoir l'implémenter ou non.
Cette fonctionnalité unique a permis à chaque utilisateur de terminer ses recherches immobilières sans quitter le site Web.
Nous avons dû faire de nombreuses recherches pour trouver comment implémenter cette fonctionnalité complexe, mais nous l'avons finalement développée.
Voici une description détaillée du processus à l'origine de cette fonctionnalité : -
Le défi et les exigences
SliceInn avait besoin d'un système dans lequel, dès qu'un utilisateur saisissait un lieu, la carte suggérait les propriétés à proximité et affichait la distance par rapport à chaque propriété lorsqu'il était survolé. De plus, les utilisateurs devraient pouvoir obtenir l'itinéraire pour se rendre à n'importe quelle propriété avec l'itinéraire préchargé sur Google Maps.
Notre solution
- Développement de cartes interactives :
À l'aide de Leaflet, un outil de cartographie open source, nous avons créé une carte interactive qui affiche dynamiquement les propriétés à l'aide des données d'OpenStreetMap pour une expérience visuelle riche.
- Intégration des données immobilières :
La latitude et la longitude de chaque propriété ont été extraites du CMS et représentées sur la carte à l'aide de marqueurs personnalisés. Ces marqueurs comprenaient des éléments interactifs tels que des fenêtres contextuelles qui affichaient les détails des propriétés au survol.
- Fonctionnalité de recherche avec saisie semi-automatique :
Nous avons intégré l'API de saisie semi-automatique Places de Google Maps dans le champ de recherche pour permettre aux utilisateurs de commencer à saisir un lieu et de voir les lieux suggérés de manière dynamique. Cette fonctionnalité a été prise en charge par l'API Google Maps Geocoding pour localiser précisément la zone recherchée.
- Calcul de distance en temps réel :
La distance entre le lieu recherché et chaque propriété a été calculée à l'aide de l'API Google Maps Distance Matrix. Les résultats étaient affichés instantanément lorsque l'utilisateur survolait différentes propriétés, offrant ainsi une expérience utilisateur fluide.
- Visualisation des directions et des itinéraires :
Pour les utilisateurs qui souhaitaient un itinéraire détaillé, nous avons mis en place une fonctionnalité qui leur permet de cliquer sur une propriété pour accéder à Google Maps, avec l'itinéraire depuis leur position jusqu'à la propriété déjà chargé, à l'aide du plug-in de machine de routage.
Cette fonctionnalité de cartographie avancée a non seulement différencié SliceInn de ses concurrents, mais a également amélioré l'engagement des utilisateurs en rendant le processus de sélection des propriétés plus interactif et informatif.
D'un CMS limité à un CMS illimité
Le choix de Webflow pour le CMS a joué un rôle important dans la transformation numérique de SliceInn. L'interface de conception intuitive et le CMS robuste de Webflow permettent même aux membres de l'équipe non technique de Slice Inn de gérer et de mettre à jour facilement le contenu.
Nous avons également intégré le CMS Webflow à l'API du moteur de réservation pour extraire des données en temps réel directement sur le site Web, garantissant ainsi l'exactitude des informations sur les propriétés.
Qu'il s'agisse de la disponibilité des chambres, des modifications de prix ou des nouveaux équipements, les informations sont automatiquement mises à jour dans le CMS, ce qui élimine la nécessité de saisir des données manuellement.
Ainsi, de l'ajout de nouvelles propriétés à la mise à jour de la disponibilité des chambres, le processus est simple.
Cela améliore non seulement l'efficacité opérationnelle, mais garantit également que les clients reçoivent les informations les plus fiables lors de leurs réservations.
Nous donnons la priorité à des expériences utilisateur fluides sur tous les appareils en mettant en œuvre des principes de conception adaptatifs. En veillant à ce que le site Web s'adapte de manière fluide aux différentes tailles et orientations d'écran, y compris les appareils mobiles, les tablettes et les ordinateurs de bureau, nous garantissons l'accessibilité et la facilité d'utilisation pour tous les utilisateurs.
Étude de cas suivante
Boîte de magasin
Créons ensemble quelque chose à partir de ce monde.
Vous avez un projet en tête ? Contactez-nous pour des solutions de conception et de développement spécialisées. Discutons de la manière dont nous pouvons vous aider à développer votre activité.
Bonjour, je suis Divyansh - Fondatrice de Webyansh. Planifiez un appel avec moi pour discuter en détail de votre projet et de la manière dont nous pouvons aider votre entreprise. Vous pouvez également demande de devis personnalisé gratuit si l'étendue des travaux est claire.