CKW : un client Européen nous fait confiance pour son nouveau site web et son configurateur 3D

Avant de rentrer dans les détails techniques notamment du configurateur 3D de ce projet que nous allons vous présenter en deux parties, quelques mots sur notre client : CKW Solar Group.
Cette entreprise est un expert reconnu sur le marché de l’énergie solaire, basée aux Pays-Bas et présente en Italie, en Allemagne, en Belgique et en France. Sa branche française a été créée en 2018 et, grâce à son réseau de partenaires distributeurs sur tout le territoire, elle offre à ses clients une gamme complète de produits de qualité ainsi que des études de projets et la réalisation d’installations “clé en main”.

La demande du client se déroule en deux temps : la création d’un site internet sous WordPress pour présenter les activités du groupe, le catalogue, leur réseau commercial ainsi que les références. Et dans un second temps un configurateur 3D de pose de panneaux solaires qui doit être intégré dans le site internet.

Création d’un site internet multilingue par l’agence Younicom servant de support commercial aux équipes de CKW Solar France

projet-configurateur-3d-refonte-site-wordpress-ckw-solar-group
Bienvenue sur le site de CKW Solar Group

Le premier enjeu du site est de présenter l’activité photovoltaïque de l’entreprise. Toutefois, une problématique se pose : CKW n’est pas un installateur grand public de panneaux solaires, mais plutôt un fournisseur avec un catalogue de plus de 150 références. De plus, elle dispose d’un réseau de distributeurs et d’installateurs agréés qui sont chargés de définir les besoins des clients et de leur proposer la meilleure solution technique.

Pour cela nous avons repris 6 pages piliers pour l’architecture du site web :

  • La page d’accueil présente les activités de la société, et différents arguments et informations techniques et légales
  • Un catalogue classant en plusieurs catégories 180 fiches produits détaillées
  • La présentation du réseau commercial sous forme d’une carte de France interactive
  • La mise en avant de plusieurs chantiers sous la rubrique références
  • Un formulaire bilan énergie
  • Un espace contact

Voyons maintenant en détails quelques une de ces fonctions.

Une page d’accueil fonctionnelle au design épuré pour une meilleure expérience utilisateur

Comme présenté ci-dessus la page d’accueil a pour but d’informer les visiteurs sur les deux grands domaines d’activité du groupe : l’énergie solaire et la mobilité électrique. Pour cela nous avons choisi d’implanter en homepage plusieurs espaces distincts ayant pour fonction de présenter l’activité du groupe, mais aussi plusieurs chiffres clés et logos de clients sans oublier 3 raisons de choisir CKW.

Cette configuration classique permet d’avoir une vision claire des missions et des valeurs de l’entreprise. Elle est complétée par d’autres fonctions que l’on retrouve fréquemment sur la première page d’un site internet à vocation commerciale, comme une sélection de produits ou de chantiers réalisés, les derniers articles du blog, ainsi qu’un espace contact. Le footer est également travaillé, reprenant l’ensemble des informations pertinentes dans cet espace, telles que les coordonnées ou encore des liens vers des rubriques du site, comme les CGV ou la politique de confidentialité.

homepage-wordpress-seo-ckw

L’espace “références” présente aux visiteurs les dernières réalisations de l’entreprise

Afin de présenter les derniers chantiers du groupe, nous avons mis en place un espace dédié, mettant en avant certaines des dernières installations de CKW et de ses installateurs agréés. Pour rendre cette partie plus dynamique, nous avons opté pour une mise en page qui joue sur la taille et l’orientation des photos de présentation, un style “MASONRY”. Les visiteurs peuvent se promener sur ces photos, ce qui permet de faire apparaître en hover le titre et, en un clic, de découvrir l’ensemble du chantier.

Chaque chantier présenté dispose de plusieurs photos, d’un texte résumant la prestation, d’informations géographiques, ainsi que d’un ou plusieurs projets similaires. Cette partie du site permet donc de mettre en avant le savoir-faire de CKW, ainsi que la diversité des projets qu’elle peut réaliser.

presentation-references-ckw
Exemples de différents projets réalisés par l’entreprise et mis en valeur en masonry

Le catalogue produit regroupe l’ensemble des produits et services proposés par notre client

Comme pour la plupart des entreprises, l’objectif de ce site est de mettre en avant les produits de CKW afin de générer du lead et des ventes. Pour atteindre cet objectif, nous avons intégré un catalogue produits sous Woocommerce. Cette extension permet une présentation des produits avec une ou plusieurs photos, la possibilité de rédiger une description et les spécifications des biens proposés, ainsi que la possibilité de télécharger une fiche technique détaillée.

Ici le catalogue n’a pas un rôle de vente directe donc nous avons mis en place des réglages spécifiques à la demande de CKW, tels que la possibilité de masquer les prix et de rendre visibles certains d’entre eux en fonction des rôles attribués aux visiteurs lors de leur inscription. Ces règles permettent de mieux gérer les commandes des produits, en fonction du statut des visiteurs. En plus de cela, nous avons pour projet de travailler sur l’optimisation du catalogue, pour permettre une navigation fluide et intuitive pour les visiteurs.

catalogue-woocommerce-ckw-fiche-produit
Exemple d’une fiche produit sur le catalogue en ligne woocommerce

Le bilan énergie : un formulaire sur mesure qui permet de récupérer des contacts et prospects qualifiés

La mise en place d’un formulaire à logique conditionnelle en 3 étapes est un véritable outil pour récupérer de futurs projets et des contacts de qualité.

Cet outil que nous avons développé pour répondre aux caractéristiques des cibles de CKW est donc un atout important pour le service commercial du groupe. Afin d’être le plus précis possible dans la définition des projets clientèles nous avons mis en place en s’appuyant sur la cahier des charges existant une série de champs personnalisés. Sans oublier bien sûr le consentement pour la collecte de données personnelles.

ckw-formulaire-bilan-energie
Formulaire bilan énergie avec champs personnalisés et logique conditionnelle

Le réseau commercial se présente sous la forme d’une carte de France interactive vectorielle

Pour présenter de manière claire les différentes agences partenaires de notre installateur de panneaux solaires et de bornes de recharge électrique, nous avons opté pour une carte de notre pays découpée en plusieurs grandes régions, au format svg, chacune ayant son propre installateur désigné et sa couleur.

Grâce à cette présentation, le client peut rapidement trouver les coordonnées du revendeur situé dans sa région par le biais d’une animation au survol avec la carte d’identité du prestataire.

carte-interactive-vectorielle-ajax-reseau-commercial-ckw
Les différentes régions et leurs installateurs agréés

Fin de mission pour la création du site web de CKW et place au configurateur 3D

La première partie de notre prestation pour CKW est désormais terminée. Nous avons livré un site internet sous WordPress qui répond en tous points au cahier des charges de notre client. Le site dispose d’un espace de présentation agréable reprenant les différentes missions de la société, ainsi qu’un catalogue des produits avec des règles spécifiques et la mise en avant de plusieurs chantiers conduits par l’entreprise.

Pour réaliser ce projet, nous avons utilisé une méthode de travail agile, en collaboration étroite avec les équipes de CKW. Cette méthode se base sur des échanges fréquents, permettant à chacun d’exprimer ses idées et de proposer les meilleures solutions possibles.

Mais notre aventure avec CKW ne s’arrête pas là ! Au sein de l’agence Younicom, nous continuons à travailler avec CKW, pour des services plus classiques que tout site internet nécessite comme par exemple la maintenance de site.

Vous êtes intéressé pour concrétiser le même type de projet ? Contactez-nous, nous avons surement la solution qui vous correspond !