Assistant de devis cuisine pour Arbel Kitchen
Cette étude de cas présente la conception et le développement d’une page d’atterrissage interactive et responsive pour Arbel Kitchen. L’objectif était de créer un assistant pas‑à‑pas minimaliste qui guide l’utilisateur dans le choix du style, de la configuration et des besoins pour la cuisine, puis génère un devis personnalisé.
Objectifs du projet
En collaboration avec le client, nous avons défini cinq étapes clés : sélection du style, fourchette budgétaire, forme de la cuisine, habitudes de vie et coordonnées.
Le défi consistait à transformer un processus complexe en une expérience simple et engageante qui génère des leads qualifiés.
Design UX/UI
J’ai conçu une interface moderne et épurée, parfaitement adaptée au mobile et au desktop.
Une barre de progression en haut de l’écran indique l’étape en cours, tandis que des titres succincts et des icônes sur mesure accompagnent chaque question.
La mise en page utilise des espaces généreux et une typographie claire pour maintenir l’attention sur le contenu, et prend en charge la lecture RTL pour l’hébreu.
Développement Front‑End
L’assistant a été développé en JavaScript modulaire gérant l’état, la navigation et la validation.
La barre de progression se met à jour dynamiquement à chaque étape, et les transitions sont animées pour une expérience fluide. À la dernière étape, les choix de l’utilisateur sont compilés et un devis en temps réel est affiché avant le formulaire de contact.
La librairie SweetAlert2 est utilisée pour les modales, et les ressources sont chargées de manière paresseuse afin d’optimiser les performances.
Résultat
La landing page offre une expérience guidée qui ressemble à une conversation.
Les utilisateurs explorent différents styles, expriment leurs besoins et voient instantanément l’impact de leurs choix sur le devis.
Cette approche interactive a augmenté l’engagement et amélioré la qualité des leads pour Arbel Kitchen.
