Bloom4Earth : Configurateur de PAC et PV

Site ecommerce
Bloom4Earth : Configurateur de PAC et PV
interfaces configurateur photovoltaique Bloom4Earth et Eloken - Agence webConfigurateur de popmpe à chaleur - création de site internet sur mesure - Eloken - Agence web ParisInterface responsive Bloom4Earth - Développement web Eloken - Agence web

Réfléchir à la meilleure expérience utilisateurs

Justine (la fondatrice de Bloom) m'a contacté afin de mettre en place un ecommerce pour vendre des panneaux photovoltaiques et des pompes à chaleur. Ensemble nous avons pris conscience que commander en ligne des produits aussi techniques sans assistance pouvait être problématique pour les utilisateurs : Comment savoir quelle dimension de pompe à chaleur installer ? Combien de panneaux solaires sur mon toit ? Quid des ondulateurs et des installations de ballons thermiques ?

Fort de ce constat, nous avons imaginé un simulateur de pompe à chaleur (PAC) et de panneaux photovoltaïques (PV). En répondant à des question simples, l'utilisateur conçoit son kit pac ou pv : 

  • A quelle température chauffez vous en moyenne ? 
  • De quelle station météo dépendez vous ? 
  • Combien de personnes vivent dans votre logement ?
  • Quelle est la surface de votre toiture ?
  • Quel est le revêtement de votre toiture ?
  • etc.

Les étapes de construction du site Ecommere Bloom4Earth

L'architecture et l'UX

Nous avons donc réalisé une première ébauche de ces configurateurs de PAC et PV au travers de documents architecturaux : User flow, user stories, UML, MCD, Sitemap ....

Elements constitutifs de l'architecture web de Bloom4earth - Eloken - Agence web Paris

Le design de l'interface

Puis une fois ces éléments validés, nous avons créé les interfaces sur Figma. Nous avons validé la charte graphique, les maquettes et les prototypes du nouveau site et des configurateurs. Nous avons pu collaborer en temps réel pour ajuster dans le détail la maquette et l'ensemble des interactions.

Capture d'écran Figma Bloom4Earth - Eloken Agence web

Le développement

Nous avons décidé de développer le site en utilisant le CMS de e-commerce Shopify. Shopify offre de nombreuses fonctionnalités pour créer un site marchand.

L'intégration de Shopify s'est faite en utilisant l'API Storefront Headless de Shopify. L'objectif était d'avoir un maximum de marge de manoeuvre pour développer et designer les configurateurs. 

Le frontEnd du site a été développé sous Next.js et TailwindCSS.

Interface VSCode Bloom4Earth - Eloken - nextjs tailwindcss

Pouvoir être autonome

Grâce au CMS Shopify, Justine et ses équipes peuvent librement ajouter, éditer ou supprimer des produits du site. Toutes les logiques concernant les configurateurs sont directement reliées aux produits de telle sorte qu'aucune intervention technique n'est nécessaire.

Console administration Shopify pour le site bloom 4 earth - réalisé par Eloken - Agence web paris

À propos de Bloom4Earth :

Bloom4Earth est leur un installateur de pompes à chaleur et panneaux photovoltaïques en Suisse Romande. L'entreprise propose un générateur de devis innovant. Cet outil permet de créer un devis réaliste et personnalisé pour l'installation de panneaux solaires ou de pompes à chaleur. En quelques clics, tu peux sélectionner les options qui te conviennent le mieux et obtenir une estimation précise des coûts. Cette fonctionnalité unique offre un avantage concurrentiel significatif en simplifiant le processus de décision et en rendant les solutions d'énergie verte plus accessibles et transparentes.

Découvre le site ici :

👉 https://www.bloom4earth.com

L'avis de Justine à propos de notre collaboration : 

" Nous travaillons avec Eloken sur la mise en place de notre futur site marchand.

Nous ne pouvons que les recommander chaudement tant ils font preuve d'un accompagnement millimétré.

Guillaume et Grégoire vont dans le détail, ont des questions/remarques/suggestions ultra pertinentes malgré les métiers de leurs clients qui leur sont inconnus et peuvent être compliqués à appréhender. Leur force vient de leur curiosité, leur soucis du détail et leur sincérité dans leurs actions. Le rendu est incroyable, je ne pensais pas qu'il collerait autant à l'image que l'on souhaite véhiculer. Tout est travaillé intelligemment pour avoir un site de qualité vraiment premium, digne des sites des plus grandes marques. Après plusieurs expériences avec d'autres agences, nous sommes aujourd'hui pleinement satisfaits. " Justine Saoudi

Rejoins Bloom4Earth sur leur site et participe à la transition vers un avenir plus vert et durable. Ensemble, nous pouvons faire la différence.

13/06/2024 à 13:08