1 janvier 2024

💡 Aperçu

Développement d'une webapp basée sur un système de design flexible et hautement personnalisable, en utilisant Figma pour faciliter la collaboration en design. L'objectif de cette webapp est de permettre le contrôle du Lightpad (panneau d'affichage immobilier innovant) via un tableau de bord administrateur sophistiqué, tout en offrant une marketplace pour l'achat personnalisé du Lightpad.

🚀 Fonctionnalités principales

• Collaboration en équipe : Invitez votre équipe à collaborer sur QRee et donnez leur des permissions au sein de l'app.
• Thématisation et personnalisation : L'agent immobilier qui créé son annonce sur QRee peut entiérement la personnaliser.
• Intégration avec Figma : Collaboration étroite avec les designers via la mise en place d’une bibliothèque de design partagée dans Figma.
• Élaboration d'un OnBoarding : Un onboarding pour les nouveaux utilisateurs afin de les guider dans l'utilisation de l'app.
• Création d'une marketplace : Une plateforme sécurisée permettant aux utilisateurs de vendre et d'acheter tout en personnalisant leurs produits pour les rendre uniques et attractifs.
• Statistiques avancées : Accédez à des tableaux de bord détaillés pour suivre les performances de vos annonces et identifier les opportunités d'amélioration.
• Génération de leads : Capturez facilement des leads grâce à des formulaires personnalisés, et permettez à vos prospects de prendre directement rendez-vous dans leur agenda.
• Développement d'un CRM : Gérez vos leads et clients efficacement avec un CRM intégré, centralisez les informations et suivez l'évolution de chaque prospect tout au long de leur parcours.

⚡️ Technologies utilisées

• Next.js : Pour des applications React rapides et rendues côté serveur.
• Figma : Pour créer et gérer les actifs de conception et les prototypes.
• NestJS : Pour créer des applications serveur avec une architecture modulaire et scalable.
• MongoDB : Pour une base de données NoSQL flexible et évolutive.
• Material UI : Pour un design moderne et personnalisable.
• Git : Pour la gestion de version et la collaboration entre les équipes de design et de développement.
• Google Cloud Run : Pour le déploiement continu et la gestion des environnements de production et de développement.
• Stripe : Pour les paiements sécurisés et la gestion des abonnements.

🎯 Défis et enseignements

Le principal défi a été de créer une marketplace sécurisée permettant l'achat et la vente de Lightpads, tout en garantissant une personnalisation poussée des produits. La gestion des options de personnalisation et des transactions a exigé une attention particulière à la sécurité et à l'expérience utilisateur. Un autre défi majeur a été de maintenir la cohérence entre les équipes de développement et de design, ce qui a été facilité grâce à l'intégration de Figma pour la gestion des actifs et des versions.

✨ Résultat

La webapp offre une marketplace fluide pour acheter des Lightpads personnalisés, avec une interface moderne et intuitive. Les utilisateurs peuvent facilement personnaliser leurs produits, et le système de paiement sécurisé via Stripe assure des transactions fiables. Le projet offre une expérience utilisateur optimisée.