Parler de mon projet

Étude de cas

L’installation en France méritait plus qu’une landing page

Pour Solday, installateur de panneaux solaires fabriqués en France, nous avons conçu et développé un site Webflow qui rassure l’acheteur, qualifie les demandes et s’étend département par département.

Parler de mon projet Voir les projets
Client
Solday
Secteur
Installation solaire
Projet
Site vitrine, 2026
Développement
Webflow
Page d’accueil du site Solday sur un MacBook posé sur un canapé en velours orange.

Le contexte

Solday installe des panneaux solaires fabriqués en France, du B2B au B2C. Le site devait inspirer confiance et exister dans chaque département où Solday intervient.

Notre rôle
  • Audit UX
  • Benchmark
  • Arborescence
  • Wireframes
  • Design d’interface
  • Rédaction
  • Développement Webflow
  • Simulateur
  • Formation
Outils
  • Figma
  • Webflow

Enjeux

Les enjeux, nos réponses

  1. L’enjeuUne page unique pour convaincre, dans un secteur où l’acheteur se méfie.

    Notre réponseUn site complet qui met les preuves en avant. Avis clients, certifications, garanties et chantiers réalisés.

  2. L’enjeuUn simulateur hébergé sur un outil externe, sans filtre à l’entrée.

    Notre réponseUn simulateur intégré au site, qui commence par la question qui trie : propriétaire ou locataire.

  3. L’enjeuUne clientèle locale, répartie sur toute une région.

    Notre réponseDes collections CMS pour la région, les départements et les villes, que l’équipe de Solday alimente seule.

Ce que nous avons fait

01Stratégie et UX

Wireframing UX

La structure est posée en wireframes, mobile d’abord. C’est à cette étape que le simulateur change de nature. Il quitte l’outil externe qui l’hébergeait pour s’intégrer au site, avec les avis clients juste à côté du formulaire. Il gagne surtout une première question, propriétaire ou locataire. Un locataire est prévenu tout de suite (inutile de lui faire remplir 4 écrans), un propriétaire continue vers son estimation.

Accueil54 pages

  1. Pourquoi Solday ?4

    • À propos
    • Notre équipe
    • Nos réalisations
    • Réalisation× 18
    • Professionnels

  2. Nos produits4

    • Fiche produit× 4
    • Panneaux solaires
    • Batteries de stockage
    • Bornes de recharge
    • Domotique solaire

  3. Blog6

    • Actualités
    • Article× 5

  4. Parrainage1

    • Parrainage

  5. Présence locale16

    • Présence locale
    • Région× 1
    • Département× 7
    • Ville× 7

  6. Simuler mon projet2

    • Simulateur
    • Contact
  • Entrée du menu
  • Page
  • Gabarit, page template CMS
Le plan du site : 5 entrées dans le menu, et le simulateur toujours à portée.
Fil de fer de la page d’accueil de Solday : titres et textes en place, vidéo, photos et logos remplacés par des blocs gris.
Le fil de fer de l’accueil : la structure, avant le design.

02Branding et direction artistique

Identité de marque

Le site part de la marque Solday, un mot en 2 couleurs, « sol » en vert forêt et « day » en terracotta, et le s du logo, qui tient seul. Chaque déclinaison a son fond.

Le logo Solday en contour, sur sa grille : le o, le d et le a ont la même contreforme, posée sur un même axe.

Le logo en contour et ses repères : le o, le d et le a ont la même contreforme, centrée sur un même axe.
Le logo sur les fonds de la marque.
Le s du logo, seul, sur les fonds du site, plein ou en contour, et le logo entier.
  • Terracotta clair#FAEAE6
  • Orange#ED6E4EPrincipale
  • Terracotta foncé#A03520
  • Forêt pâle#E8EDEC
  • Forêt moyen#4A6660
  • Forêt#283A37Fond sombre
  • Blanc cassé#FDFBF8
  • Sable clair#FBF5E8
  • Beige#F9F3E8Fond
  • Beige accent#EEE5D6
  • Bordure#DAD6D0
  • Gris texte#6C6C6C
  • Sable foncé#7A6030
Les couleurs du site, relevées dans ses variables : terracottas, verts forêt et tons de sable.

03Design d’interface

Design et gabarits

Le logo reste. Autour de lui, presque tout change.

Une palette accordée à son dégradé, une nouvelle typographie, et une mise en page sobre qui laisse de la place aux preuves. Les gabarits couvrent les 4 familles de produits, les réalisations, les pages locales et le blog. Une comparaison « Sans Solday / Avec Solday » résume la promesse en 2 onglets, et sur la page d’accueil un interrupteur fait basculer les chiffres clés entre particuliers et professionnels.

Titres

  • Aktiv Grotesk Regular
  • Aktiv Grotesk Medium
  • Aktiv Grotesk SemiBold
  • Aktiv Grotesk Bold

Votre installateur solaire de confiance.

Textes

  • Aktiv Grotesk Regular
  • Aktiv Grotesk Medium
  • Aktiv Grotesk SemiBold
  • Aktiv Grotesk Bold

Réduisez jusqu’à 70 % votre facture d’électricité.

Aktiv Grotesk, en titres et en texte courant.

Typographie

Aktiv Grotesk

Graisses

  • Regular400
  • Medium500
  • SemiBold600
  • Bold700

Échelle

  • Votre installateur solaire de confianceH1 / 64 px / Bold
  • Investissez dans un projet rentableH2 / 46 px / Bold
  • Comment ça marche ?H3 / 32 px / Bold
  • Recevez votre étude personnalisée et un devis transparent sous 48 h.Corps / 16 px / Regular
  • Orange#ED6E4EAppels à l’action, liens
  • Forêt#283A37Textes, sections sombres
  • Beige#F9F3E8Fond des pages
  • Beige accent#EEE5D6Fond alterné
  • Gris#6C6C6CTextes secondaires
  • Bordure#DAD6D0Filets, contours

Boutons

Obtenir un devis gratuitDécouvrir nos projets
04 26 70 72 13Simuler mon projet

Étiquettes et questions

PROFESSIONNELS ET PARTICULIERSSOUS 48H
  1. Quelles sont les aides disponibles pour une installation solaire ?
  2. Quelle est la rentabilité d’une installation solaire ?
  3. Quelle est la durée de vie d’un panneau solaire ?
Le design system du site : typographie, échelle, couleurs, boutons et composants.

04Design d’interface

Rédaction

Nous avons écrit les textes qui font agir le visiteur. Titres, appels à l’action, questions du simulateur, et jusqu’au message affiché à un locataire, pour lui dire non sans le braquer. Le ton suit les 3 profils du cadrage, précis pour l’investisseur prudent, pédagogique pour le jeune propriétaire, rassurant pour le retraité. Les contenus de fond (pages produits, pages locales, articles) viennent des consultantes SEO de Solday, et les gabarits sont conçus pour les accueillir.

Premier écran de l’accueil Solday : titre, 2 boutons, avis Google et labels, sur une photo de maisons équipées de panneaux, puis les logos des partenaires.
L’accueil, premier écran.
Accueil du site Solday sur un MacBook posé sur une chaise en velours orange.
L’accueil sur un MacBook.
Section de l’accueil « L’installation solaire, réinventée » : un sélecteur Sans Solday / Avec Solday et une grille de cartes et de témoignages.
Pourquoi Solday : avant, après, en cartes.
Section des chiffres clés de l’accueil : -70 %, 35 000 € et 12 %, dans un cadre vert forêt.
Section « Comment ça marche ? » : la première des 4 étapes, l’étude solaire personnalisée.
Les chiffres clés, puis la méthode en 4 étapes.
Page Pose de panneaux solaires du site Solday sur un MacBook posé sur une assise orange.
La page Panneaux solaires.
Section des produits de l’accueil : panneaux solaires, batteries de stockage, bornes de recharge et domotique, en cartes.
Les 4 produits, en cartes.
Section des avis clients de l’accueil : notes, témoignages et photos de clients.
Questions fréquentes, puis le cadre d’appel « Envie de passer au solaire ? ».
Les avis clients, les questions et l’appel final.

05Design d’interface

Version mobile

Chaque page a sa version mobile. Les cartes s’empilent, les chiffres restent lisibles et chaque écran garde un bouton d’appel à portée du pouce.

2 iPhone sur fond beige : l’accueil de Solday et sa section des chiffres clés.
L’accueil sur mobile : premier écran et chiffres clés.
Page Pose de panneaux solaires de Solday sur un iPhone tenu dans une main, fond beige.
Page À propos de Solday sur un iPhone posé contre une roche, sur un fond en dégradé vert forêt.
La page Panneaux solaires en main, la page À propos contre une roche, sur fond vert.
Accueil de Solday sur un iPhone couché sur un fauteuil rond en velours orange, à la lumière naturelle.
L’accueil sur un fauteuil en velours, à la lumière naturelle.

06Développement Webflow

Développement web

Le site est développé dans Webflow par Le Studio. 6 collections CMS structurent le contenu (villes, départements, région, produits, réalisations, blog) et se répondent entre elles. Une réalisation est rattachée à son département, et apparaît d’elle-même sur la page locale correspondante. Le simulateur, lui, est intégré en natif au site.

Un installateur se choisit près de chez soi. Le site a donc une page pour la région, une par département, une par ville, chacune avec ses chantiers, sa FAQ et les étapes d’un projet. Ouvrir un nouveau département revient à remplir une fiche dans le CMS, sans toucher au design. L’équipe de Solday a reçu des vidéos de formation et publie désormais ses pages elle-même.

Page Nos réalisations : le hero, puis la grille des installations en Auvergne-Rhône-Alpes.
Gabarit des réalisations : une installation de 10 kWc à Lyon 3e, avec ses caractéristiques.
Les réalisations, puis leur gabarit.
Page locale de Solday pour Lyon.
Page locale de Solday pour Grenoble.
Page locale de Solday pour Annecy.
Lyon, Grenoble, Annecy : 3 pages locales, un seul gabarit.
Page Actualités du site Solday : le hero, puis la grille des articles.
Le blog : chaque article sur le même gabarit.
Page Parrainage du site Solday.
Page Contact du site Solday.
Page du simulateur d’économies du site Solday.
Page À propos du site Solday.
Page Batterie de stockage du site Solday.
Page Professionnels du site Solday.

Résultats

Un site que Solday fait grandir seul

54
54 pages en ligne, contre 1 au départ.
1
question pour écarter une demande hors cible, propriétaire ou locataire.

Depuis la mise en ligne, à l’été 2026, l’équipe de Solday ajoute elle-même ses réalisations, ses pages locales et ses articles. Chaque chantier publié apparaît sur la page de son département, sans intervention de notre part.

Nos autres projets

Nos expertises : stratégie, UX, CRO, branding, UI, développement web, SEO.