St Barth Immo
Site internet avec dashboard de gestion - Agence immobilière à Saint-Barthélemy
Nouveau site web pour St Barth Immo, en remplacement du template WordPress complexe et peu adapté aux besoins de l'agence. Un site vitrine bilingue avec un dashboard de gestion sur mesure pour créer, modifier, et gérer les annonces immobilières.
Contexte et objectifs
Contexte et objectifs du projet.
St Barth Immo est une agence immobilière de proximité à Saint-Barthélemy.
Son site internet était un template Wordpress très (trop) complet pour son usage, et peu maintenu. Le design était daté et surchargé visuellement par des ajouts d'informations "là ou c'est possible sur le template".
Le backoffice de gestion comportait des fonctionnalités inutiles, alourdissant l'expérience utilisateur des administrateurs du site et les performances.
Objectifs principaux :
Moderniser le design du site web pour correspondre aux standards du luxe immobilier.
Hiérarchiser les informations pour une meilleure visibilité.
Simplifier la gestion du site avec un backoffice optimisé et sur-mesure
Approche et processus
Etapes clés de la réalisation du projet.
Découverte & Analyse
Découverte & Analyse
Analyse du marché et du site internet existant, des points d'améliorations possibles et des besoins réels du client.
- Audit du site internet et backoffice existant
- Identification des points de friction
- Analyse de la concurrence
- Définition des objectifs et des priorités
Wireframes
Wireframes
Proposition d'une nouvelle architecture du site, tourné autour du parcours utilisateur, et respectant les standards actuels.
- Transformation des idées papier en maquettes basse fidélité
- Validation collaborative des wireframes
Design
Design
Transformation des wireframes en maquettes haute fidélité adaptés à la charte graphique de l'agence.
- Choix des typographies, des couleurs, des icônes, etc.
- Création des maquettes haute fidélité
- Validation collaborative des maquettes
Conception du backoffice
Conception du backoffice
Conception d'un backoffice sur mesure pour la gestion du site internet, en partant des besoins réels du client.
- Analyse des faiblesses du backoffice existant
- Création d'un nouveau backoffice sur mesure
- Validation collaborative du backoffice
Développement
Développement
Développement du site internet et du backoffice en respectant les meilleurs pratiques de développement web et les standards de sécurité.
- Développement du site internet en React et NextJS
- Développement du backoffice en React et NextJS
Déploiement & Suivi
Déploiement & Suivi
Migration des données et mise en production.
- Migration des anciennes configurations et données
- Déploiement sur Vercel
- Ajout des nouvelles fonctionnalités et corrections de bugs
Résultats
Résultats du projet.
St Barth Immo à maintenant un site internet beaucoup plus moderne visuellement et techniquement.
Le design est plus élégant, correspondant plus aux standards de l'immobilier haut de gamme . Les informations importantes sont visibles directement, les informations secondaires accessibles en 1 clic.
Le back office de gestion est épuré : il ne reste que les fonctionnalités utiles. Il est plus rapide et plus agréable à utiliser. Ce n'est plus à l'entreprise de s'adapter au dashboard mais l'inverse.
Toutes les données de l'ancien site ont été migrées vers le nouveau site. Le site et son dashboard sont prêts à évoluer avec les besoins de l'agence.
Stack technique
Technologies utilisées pour le projet.
Figma
Design système et prototypes rapides pour la création de l'application.
React
Interface réactive pour la gestion en temps réel des réservations et propriétés.
NextJS
Performance et SEO optimisés, confort et rapidité de développement.
TailwindCSS
Design élégant et responsive adapté aux standards du luxe immobilier.
Supabase
Gestion sécurisée des données clients et synchronisation multi-utilisateurs.
Typescript
Code robuste et maintenable pour une plateforme critique métier.
Vercel
Déploiement de l'application et des serveurs de tests sur Vercel.
Galerie du projet
On ne s'est pas présenté…
Je suis David, développeur passionné par le code, le design, et les nouvelles possibilités offertes par l’intelligence artificielle
👨🏼💻 A travers One Pixel, je conçois des logiciels personnalisés et des sites internet sur-mesure, enrichis d’IA quand ça apporte une vraie valeur.
🤝 Je travaille en direct avec mes clients, sans intermédiaire. Je centralise vos besoins et je vous accompagne sur le long terme.
❤️ Mon plaisir ? Imaginer des solutions face à des problèmes concrets. Je suis là pour vous simplifier la vie durablement, avec des outils qui bossent vraiment pour vous..
Réactivité
Créativité
Sur mesure