Projet Développement web

Photowatt : un site industriel sur mesure, du CMS au configurateur photovoltaïque

Jérémy Chomel Dawap
  • Publié le : 19 mai 2021 · mis à jour en septembre 2026
  • Temps de lecture : Étude de cas · 16 min
  1. Le projet en un coup d’œil
  2. Photowatt, pionnier français de l’industrie photovoltaïque
  3. Une trajectoire lisible entre 2017 et 2021
  4. Les difficultés à résoudre
  5. Les objectifs du projet
  6. Le socle Symfony
  7. Le CMS et la charte graphique
  8. Les contenus et le catalogue
  9. Les parcours par public
  10. Le configurateur photovoltaïque
  11. La préparation du devis
  12. Les fondations SEO
  13. La modernisation du site
  14. La qualité et la mise en production
  15. Les bénéfices obtenus
  16. Conclusion : faire du site le prolongement de l’activité industrielle
Cas client

Le projet en un coup d’œil

Système audité
01 / Enjeu
Rendre une offre industrielle lisible pour plusieurs publics

Produits, savoir-faire, actualités, recrutement, professionnels, particuliers et service après-vente devaient former un parcours cohérent.

02 / Réponse
Associer identité de marque, CMS et fonctions métier

Dawap a réuni une charte graphique dédiée, un back-office éditorial, un catalogue photovoltaïque et un configurateur B2B.

03 / Résultat
Un site capable d’évoluer avec l’entreprise

La plateforme a accompagné Photowatt pendant quatre ans, de la refonte du site à sa modernisation, en passant par la préparation de devis professionnels.

Signal / 01 2017–2021 Accompagnement évolutif Refonte, enrichissements fonctionnels et modernisation du socle
Signal / 02 2 Générations Symfony Une plateforme maintenue puis modernisée avec Dawap CMS
Signal / 03 1 Configurateur B2B Qualification, composition de solution et préparation du devis
Signal / 04 3 Parcours principaux Professionnels, particuliers et service après-vente
Structure photovoltaïque suspendue symbolisant le site, le CMS et le configurateur B2B de Photowatt
Le site réunissait dans une même expérience l’identité Photowatt, ses contenus, son catalogue et un parcours de configuration destiné aux professionnels.

Photowatt avait besoin de bien plus qu’un nouveau site vitrine. L’entreprise devait présenter une expertise industrielle complexe, rendre son catalogue photovoltaïque compréhensible, parler à plusieurs publics et donner à ses équipes les moyens de faire vivre les contenus sans dépendre d’un développeur pour chaque modification.

Dawap a conçu une plateforme Symfony sur mesure où l’identité graphique, le CMS, les produits et les parcours commerciaux fonctionnaient ensemble. Le projet a ensuite grandi par étapes : refonte du socle, création de gabarits éditoriaux, structuration des gammes, espace professionnel et configurateur capable de transformer les contraintes d’une installation en composition de solution puis en devis.

Mené entre 2017 et 2021, ce projet montre la différence entre assembler des pages et construire un véritable site internet Symfony sur mesure : chaque choix graphique, éditorial et technique répond à un usage précis, tout en laissant à la plateforme la capacité d’évoluer dans le temps.

1. Photowatt, pionnier français de l’industrie photovoltaïque

Faire comprendre un savoir-faire industriel sans perdre la simplicité du parcours

Créée en 1979 et implantée à Bourgoin-Jallieu, Photowatt a fait partie des entreprises pionnières du solaire en France. Son activité couvrait plusieurs maillons de la fabrication photovoltaïque, des matériaux et cellules jusqu’aux modules destinés aux installations solaires.

Cette profondeur industrielle créait un défi éditorial particulier. Un installateur attend des caractéristiques techniques et un accès rapide aux produits ; un particulier cherche à comprendre la solution ; un candidat veut découvrir l’entreprise ; un client existant doit trouver le bon interlocuteur pour le service après-vente. Le site devait servir chacun de ces besoins sans fragmenter l’identité de la marque.

La mission présentée ici appartient à une période précise de l’histoire de Photowatt, entre 2017 et 2021. Elle illustre les enjeux que rencontrent encore les marques et fabricants lorsqu’ils doivent relier contenus de marque, informations techniques, catalogue et parcours professionnels.

2. Une trajectoire lisible entre 2017 et 2021

Faire évoluer le site par capacités complètes, puis simplifier son périmètre

En 2017, la V2 pose les responsabilités structurantes : pages, médias, actualités, événements, carrières, contacts, utilisateurs, gammes et produits. Cette séparation donne au site une base éditoriale et fonctionnelle avant l’arrivée des parcours commerciaux avancés.

Le 22 mai 2018, le configurateur ouvre une nouvelle étape. Projets, solutions, ventes, modules et structures deviennent des objets métier reliés ; les contraintes du chantier progressent jusqu’au panier et au devis PDF. Le site étend ainsi son rôle sans mélanger le catalogue éditorial et la préparation commerciale.

Entre 2020 et mai 2021, la modernisation vers Dawap CMS enrichit les gabarits, le mobile, les formulaires et les pages produits, tout en retirant le configurateur du nouveau périmètre. Les environnements de préproduction et de production ainsi que leurs images PHP et Nginx séparées donnent un chemin reproductible aux dernières livraisons.

3. Les difficultés à résoudre avant la refonte

Une information riche, plusieurs audiences et une forte dépendance technique

Le premier défi venait du volume et de la diversité des informations. Histoire de l’entreprise, procédés industriels, engagements qualité, gammes, fiches produits, documents, actualités, événements et offres d’emploi devaient rester accessibles sans transformer la navigation en catalogue illisible.

Le deuxième concernait l’autonomie. Si chaque nouvelle page, actualité ou évolution de gamme exigeait une intervention technique, les équipes perdaient du temps et le risque de laisser en ligne une information obsolète augmentait. Le back-office devait donc refléter les vrais objets manipulés par Photowatt, et non proposer un simple éditeur de pages générique.

Enfin, le site devait mieux accompagner la relation commerciale. Un professionnel ayant déjà qualifié son projet ne devait pas terminer sur un formulaire libre obligeant l’équipe à reprendre toutes les informations. Il fallait conserver le contexte technique de la demande et le faire progresser jusqu’à un support de devis exploitable.

4. Trois objectifs pour transformer le site en outil utile

Informer, rendre les équipes autonomes et mieux qualifier les projets B2B

Le premier objectif consistait à donner une architecture claire à la marque. L’histoire, les valeurs, les procédés, la qualité, les équipes et les chiffres clés devaient apporter du contexte aux produits sans ralentir l’accès aux informations techniques.

Le deuxième visait l’autonomie éditoriale. Pages, médias, actualités, événements, recrutements, gammes et produits devaient pouvoir être créés et mis à jour dans des écrans adaptés, avec une présentation cohérente sur l’ensemble du site.

Le troisième objectif était commercial : orienter chaque public vers le bon parcours et, pour les professionnels, recueillir suffisamment d’informations pour composer une solution photovoltaïque et préparer le devis sans ressaisie inutile.

5. Un socle Symfony pensé pour évoluer

Séparer les responsabilités plutôt que construire une vitrine monolithique

La V2 lancée en 2017 reposait sur Symfony et une architecture modulaire. Le CMS, la médiathèque, l’administration, les utilisateurs, les carrières, les contacts et le catalogue disposaient de responsabilités distinctes tout en partageant la même expérience publique.

Cette organisation permettait de faire évoluer une famille fonctionnelle sans fragiliser les autres. Ajouter un type de contenu, enrichir une gamme ou adapter un formulaire ne demandait pas de reconstruire l’ensemble du site.

Le sur-mesure avait donc une fonction très concrète : conserver la maîtrise des données et des parcours dans un contexte où la plateforme devait accueillir, au fil du temps, des besoins éditoriaux et métier plus avancés.

Architecture fonctionnelle Une plateforme commune, des responsabilités bien séparées
Socle évolutif
01 Présenter

Histoire, valeurs, procédés et savoir-faire

02 Publier

Actualités, événements, médias et carrières

03 Structurer

Produits, gammes et informations techniques

04 Orienter

Professionnels, particuliers, SAV et contact

05 Administrer

Contenus, comptes, SEO et validations

Les contenus de marque, le catalogue et les parcours de contact évoluaient dans le même site sans être enfermés dans un modèle unique.

6. Un CMS et une charte graphique conçus ensemble

Préserver l’identité Photowatt jusque dans le travail quotidien des équipes

La création graphique ne s’est pas limitée à habiller des pages standards. Couleurs, compositions, mises en avant des gammes, iconographie et hiérarchie des contenus ont été pensés pour traduire l’univers industriel de Photowatt tout en maintenant une lecture claire sur ordinateur comme sur mobile.

Le CMS prolongeait cette charte dans l’administration. Les équipes travaillaient avec des contenus identifiables — produit, gamme, actualité, événement, média ou offre d’emploi — et chaque type disposait des champs nécessaires à sa présentation publique.

Cette continuité entre design et back-office évitait deux écueils fréquents : une identité forte mais impossible à faire vivre, ou un outil très libre qui finit par produire des pages incohérentes. Les gabarits donnaient de l’autonomie tout en protégeant la qualité du rendu.

Approfondissement / 01

Pourquoi un thème générique n’aurait pas suffi

Un thème impose généralement sa propre logique de page. Ici, les contenus industriels déterminaient au contraire la structure : une gamme devait relier plusieurs produits, une fiche technique devait rester facile à trouver et les pages institutionnelles devaient conserver leur force visuelle.

Le développement spécifique a permis de partir de ces usages réels plutôt que de multiplier les contournements dans un outil standard.

Approfondissement / 02

Une autonomie éditoriale encadrée

Les équipes pouvaient mettre à jour les informations utiles sans manipuler la mise en page ni risquer de casser la cohérence responsive. Les zones éditables restaient souples là où le contenu devait évoluer et cadrées là où l’identité devait rester constante.

Ce compromis réduisait la dépendance quotidienne à l’équipe technique tout en maintenant une expérience homogène pour les visiteurs.

7. Relier le récit de marque au catalogue photovoltaïque

Donner du contexte aux produits sans noyer l’information technique

Le site associait deux niveaux de lecture. Les contenus de marque expliquaient l’histoire, les procédés de fabrication, la qualité, les engagements et les équipes. Le catalogue organisait de son côté les gammes, les produits, leurs caractéristiques, leurs médias et leurs documents.

Cette séparation rendait l’information plus facile à maintenir et à réutiliser. Une donnée produit pouvait évoluer dans son espace dédié tout en restant reliée à la bonne gamme et présentée dans un gabarit constant.

Pour le visiteur, le bénéfice était immédiat : comprendre d’abord l’expertise de Photowatt, puis accéder aux références et informations techniques correspondant à son besoin, sans rupture entre le discours de marque et l’offre.

8. Des parcours distincts pour chaque public

Ne pas demander la même chose à un installateur, un particulier ou un client SAV

Le site orientait les visiteurs selon leur intention plutôt que de les envoyer vers un contact unique. Les professionnels accédaient aux informations produits et aux outils liés à leurs projets ; les particuliers bénéficiaient d’un parcours plus pédagogique ; les demandes de service après-vente rejoignaient un contexte dédié.

Cette segmentation permettait au visiteur de préciser son besoin dans le bon parcours et transmettait à Photowatt des informations structurées selon le contexte professionnel, particulier ou SAV.

Le même principe s’appliquait au recrutement et aux actualités : chaque contenu conservait son rôle, son mode de publication et sa destination, sans encombrer les parcours commerciaux.

9. Un configurateur photovoltaïque B2B intégré au site

Passer des contraintes du chantier à une composition de solution

Ajouté en 2018, le configurateur guidait le professionnel à travers les paramètres utiles à son projet : type d’installation, exposition au vent et à la neige, nature de la toiture, proximité de la mer, structure, panneaux, onduleur, monitoring et conditions commerciales.

À partir de ces choix, l’outil associait les composants compatibles et construisait une solution structurée. La puissance et les dimensions des panneaux, ainsi que la composition des structures en lignes et colonnes, participaient directement au dimensionnement matériel proposé.

Il ne s’agissait pas d’un simulateur de rendement énergétique ou de retour sur investissement. Sa valeur résidait dans un parcours professionnel de configuration capable de qualifier un projet, de composer les équipements puis de transmettre ces choix à l’étape commerciale.

Parcours de configuration Des contraintes du chantier jusqu’au devis
Outil métier B2B
01 Qualifier

Projet, toiture, vent, neige et environnement

02 Composer

Structure, lignes, colonnes et panneaux

03 Compléter

Onduleur, monitoring et options

04 Valoriser

Prix, remise et solution retenue

05 Transmettre

Panier, devis PDF et courriels

Chaque étape conservait les choix précédents afin de faire progresser le professionnel d’un besoin qualifié vers une proposition commerciale structurée.

10. Une continuité entre configuration et préparation du devis

Conserver le contexte technique au lieu de le ressaisir après le site

Une fois la solution configurée, les produits, quantités, options et conditions commerciales restaient associés au projet. Le panier, la génération du devis PDF et les notifications prolongeaient le parcours sans revenir à un échange libre et incomplet.

Cette continuité limitait le risque d’écart entre la combinaison étudiée par le professionnel et celle transmise à l’équipe commerciale. Elle évitait également de disperser les caractéristiques du projet entre plusieurs formulaires, documents et messages.

Photowatt recevait ainsi une demande déjà structurée, avec les informations nécessaires pour reprendre le dossier. Le site ne servait plus seulement à présenter l’offre : il préparait concrètement la prochaine étape de la relation commerciale.

11. Le référencement intégré au travail éditorial

Permettre aux équipes de publier des contenus correctement structurés

Le back-office permettait de gérer l’adresse de la page, son titre, sa meta description et son état de validation. Ces informations étaient ensuite reprises dans le rendu public, au même titre que le contenu visible.

Intégrer ces réglages au CMS évitait de traiter le référencement comme une correction technique séparée. Lorsqu’une gamme, une actualité ou une page institutionnelle évoluait, les éléments essentiels restaient accessibles dans le même flux de publication.

Le socle complétait cette autonomie par le HTTPS et des règles de cache adaptées aux images, feuilles de styles, scripts et documents PDF. Cette approche constitue aujourd’hui encore une base importante de nos projets de migration et refonte SEO : le contenu, la performance et la mise en ligne doivent être pensés ensemble.

12. Faire évoluer la plateforme sans empiler les fonctionnalités

Moderniser le socle et retirer ce qui n’avait plus sa place

Après la V2 de 2017 et l’arrivée du configurateur en 2018, le site a continué d’évoluer. La plateforme a été portée vers Symfony 3.4 et Dawap CMS, avec des gabarits enrichis pour les produits, les publics, le service après-vente, la qualité, l’équipe, les procédés et les chiffres clés.

La modernisation ne consistait pas à conserver chaque fonction indéfiniment. Le configurateur, actif dans la première phase du projet, a ensuite été retiré du périmètre lors de la simplification du site. Cette décision évitait de maintenir un parcours devenu moins pertinent pour la nouvelle trajectoire du produit.

Les derniers lots se sont concentrés sur les pages produits, les contenus de marque, l’expérience mobile, les formulaires et la fiabilité de publication. Le projet a ainsi progressé par arbitrages successifs plutôt que par accumulation.

Approfondissement / 01

Préserver la valeur, pas chaque fonctionnalité

Une fonction avancée peut répondre à un besoin pendant plusieurs années puis sortir du produit lorsque les usages ou l’organisation changent. La maintenir par principe aurait ajouté de la complexité sans garantir de valeur supplémentaire.

Le retrait du configurateur illustre une décision produit saine : conserver une plateforme claire et adaptée au besoin du moment.

Approfondissement / 02

Moderniser sans perdre l’identité du site

Le changement de socle a permis d’enrichir les gabarits et de consolider la maintenance tout en conservant les repères visuels propres à Photowatt.

Les évolutions techniques restaient ainsi au service de l’expérience éditoriale, plutôt que de provoquer une rupture pour les équipes et les visiteurs.

13. Une mise en production préparée et reproductible

Valider les évolutions avant de les exposer aux visiteurs

La plateforme distinguait les environnements de préproduction et de production. Les images PHP et Nginx étaient construites séparément pour chaque contexte, afin de reproduire les mêmes conditions de fonctionnement lors des livraisons.

La recette portait sur les usages visibles et les points sensibles : comportement responsive, affichage des produits, médias et bannières mobiles, formulaires, CAPTCHA, navigation, pied de page et contact. Les correctifs pouvaient être validés avant leur mise en ligne publique.

Le pipeline de livraison industrialisait la construction des composants applicatifs et web. Associé au suivi des lots et aux validations en préproduction, il rendait les mises en ligne plus prévisibles et facilitait la maintenance au fil des années.

14. Ce que Photowatt a gagné après la mise en ligne

Plus d’autonomie éditoriale, des parcours plus clairs et un outil capable d’évoluer

Pour les équipes éditoriales, le principal changement était l’autonomie. Pages, actualités, événements, médias, recrutements, gammes et produits pouvaient évoluer dans des espaces dédiés, sans reconstruire la présentation ni solliciter une intervention technique pour chaque publication.

Pour les visiteurs, l’offre industrielle devenait plus lisible. Les contenus de marque donnaient du contexte, le catalogue structurait les informations techniques et les entrées par public conduisaient plus rapidement vers le produit, le service ou l’interlocuteur recherché.

Pour le parcours professionnel, le configurateur transformait une demande générale en projet qualifié. Les contraintes, composants et conditions commerciales suivaient le dossier jusqu’au devis, ce qui limitait les pertes d’information et préparait un échange commercial plus précis.

Enfin, Photowatt disposait d’un socle capable d’accompagner plusieurs années d’évolution. L’architecture modulaire, la modernisation du CMS, la préproduction et la livraison conteneurisée facilitaient les changements sans remettre systématiquement en cause l’ensemble de la plateforme.

15. Conclusion : faire du site le prolongement de l’activité industrielle

Un projet de marque, de contenu et de métier construit dans la durée

Photowatt montre ce qu’un site industriel peut devenir lorsqu’il est pensé au-delà de la vitrine. L’identité graphique donne envie de découvrir l’entreprise, le CMS rend les équipes autonomes, le catalogue organise l’offre et les parcours orientent chaque visiteur vers l’information qui lui est réellement utile.

Le configurateur apporte une dimension supplémentaire : pendant son cycle de vie, le site pouvait qualifier les contraintes d’une installation, composer une solution photovoltaïque et prolonger le travail jusqu’à la préparation du devis. Cette fonction métier restait pleinement intégrée à l’expérience de marque au lieu de vivre dans un outil isolé.

C’est cette cohérence que nous recherchons dans chaque développement de site internet Symfony sur mesure : une identité propre, une administration adaptée aux équipes, des parcours utiles, des fondations SEO solides et une architecture capable d’évoluer avec les décisions de l’entreprise.

Portrait de Jérémy Chomel
Cadrage projet

Vous avez un sujet proche de ce projet ?

On peut vous aider à qualifier le contexte, prioriser les risques, clarifier les flux ou cadrer une trajectoire réaliste autour de Développement web sur mesure.

Cadrer votre projet Voir Développement web sur mesure
Refonte du site d'entreprise Dawap Développement web Refonte de dawap.fr : une offre complexe enfin lisible Voir le projet
  • 15 juin 2026
  • Lecture ~24 min

De janvier au 15 juin 2026, Dawap a transformé son site en architecture commerciale : six univers d’expertise, huit secteurs, trois produits et 88 projets reliés aux besoins des entreprises. Une refonte sur mesure pensée pour orienter, prouver et continuer à évoluer.

Site multilingue et CMS éditorial de Corim Solutions Développement web & PageSpeed Corim Solutions : site multilingue, CMS éditorial et performance vérifiée Voir le projet
  • 07 avril 2025
  • Lecture ~30 min

Pour faire vivre ses offres GMAO et ses ressources, Corim Solutions réunit site français et anglais, CMS éditorial, métadonnées, redirections et mesures PageSpeed dans un même socle Symfony. En production, 150 URL ont ensuite été vérifiées sur mobile et desktop, avec 300 rapports Lighthouse valides.

Architecture futuriste flottante pour le projet e-commerce du Domaine de Corps de Loup Développement web Domaine de Corps de Loup : e-commerce viticole Voir le projet
  • 18 mars 2026
  • Lecture ~19 min

Création d’un site e-commerce Symfony 7 pour le Domaine de Corps de Loup : boutique de vins, panier, commandes, paiement Monetico, back-office, contenus multilingues, galerie photo, formulaires contact et séminaire, réservations de visites, tests, CI/CD et environnements Docker pour tenir l’exploitation après la mise en ligne.

Cadrage opérationnel

Identifions le premier lot utile, les risques et les dépendances avant de lancer.

Dawap peut relire votre contexte métier, vos outils en place, vos contraintes de production et les points de friction à traiter en priorité pour cadrer un sujet Développement web sur mesure exploitable, testable et maintenable.