Moodboard & Direction Créative

ESOM — Green Power
Refonte du Site Web

Un moodboard visuel et stratégique complet pour repositionner ESOM comme la référence de l'ingénierie solaire en Afrique de l'Ouest. Chaque recommandation s'appuie sur l'analyse approfondie du site actuel esombenin.com et des meilleures références du secteur solaire.

ClientESOM – Green Power Technology
SecteurÉnergie Solaire / Infrastructure Publique
MarchéBénin, Afrique de l'Ouest & au-delà
CibleGouvernement, BTP, Acheteurs institutionnels
01 — Audit du site actuel

L'état des lieux

Le site actuel esombenin.com utilise un thème WordPress (Enerzy) avec une page d'accueil à base de sliders, des logos de partenaires, des listes de projets et des pages produits. Voici ce qui fonctionne, ce qui pose problème, et ce que la refonte doit amplifier.

Point fort

Portfolio de projets impressionnant

Plus de 20 projets documentés allant de 24 à 1 242 lampadaires. Comprend des bases militaires, la Rocade de Porto-Novo, la Route des Pêches (1 231 lampadaires), le centre historique de Ouidah (1 043 lampadaires), et des marchés urbains majeurs. C'est un signal de confiance puissant qui mérite bien plus de visibilité.

Point fort

Crédibilité institutionnelle solide

Parmi les clients : l'armée béninoise, le programme gouvernemental PAG, les Nations Unies, le MCA, des entreprises BTP de premier plan (GAMA, J.Berge, etc.) et des municipalités. Récompenses : MEA Markets « Best Solar Design & Installation Company 2025 – Benin » et reconnaissance Global 100.

Point fort

Offre principale claire

Trois catégories de produits bien définies (Lampadaires solaires, Feux tricolores solaires, Centrales solaires) plus de nouvelles initiatives comme ESOM × Sun King pour le solaire domestique et l'Origines Light Tour pour la formation des jeunes — démontrant un impact social au-delà de l'ingénierie commerciale.

Problème

Design générique de template

Le site actuel utilise un thème WordPress standard (Enerzy de PeacefulQode) avec un style par défaut, des mises en page préfabriquées et des images externes. Il ne reflète pas l'envergure et le sérieux d'une entreprise qui installe des milliers de lampadaires dans le cadre de grands programmes d'infrastructure nationale.

Problème

Architecture d'information faible

La navigation comporte plus de 8 éléments au premier niveau avec des sous-menus incohérents. « MONITORING » et « PUBLICATIONS » sont des items séparés mais contiennent peu de contenu. Les pages produits ont des descriptions textuelles sans tableaux de spécifications, sans galeries d'images, et sans outils de comparaison.

Problème

Données d'impact enfouies

Les compteurs « 30+ clients / 50+ projets » sont petits et placés bas sur la page d'accueil. Aucune mention du nombre total de lampadaires installés (facilement plus de 5 000), des villes desservies, ou des mégawatts déployés — autant de données qui construiraient instantanément la crédibilité.

Problème

Pas de support bilingue

Le contenu est uniquement en français. Compte tenu de l'expansion d'ESOM au Congo, au Togo, et de ses engagements avec des clients internationaux (ONU, MCA), un basculement FR/EN est essentiel pour la refonte.

Opportunité

Partenariat ESOM × Sun King

Le nouveau partenariat avec Sun King (solaire domestique) étend la portée d'ESOM au-delà de l'infrastructure vers le consommateur/ménage. Ce récit — des lampadaires de rue aux lampes de maison — est une histoire de marque puissante que la refonte doit tisser de bout en bout.

Opportunité

Origines Light Tour

Une initiative nationale unique combinant installation solaire, formation des jeunes et événements culturels. Aucun concurrent n'a quelque chose de comparable. Elle devrait être une pièce maîtresse du récit de marque — montrant ESOM comme une entreprise qui bâtit des communautés, pas seulement de l'infrastructure.

02 — Positionnement de Marque

Ce que le design doit communiquer

ESOM n'est pas un petit revendeur de panneaux solaires. C'est une entreprise d'ingénierie d'envergure nationale qui éclaire des routes majeures, alimente des installations militaires et collabore avec des organismes internationaux. Le nouveau site doit positionner ESOM à l'intersection de ces quatre piliers.

Pilier 1

Autorité en ingénierie

Conception, dimensionnement, installation et maintenance de systèmes d'éclairage solaire complexes. S'adresse aux ingénieurs, responsables des marchés publics et urbanistes. Ton : précis, confiant, technique quand c'est nécessaire.

Pilier 2

Échelle prouvée

Des milliers de lampadaires, des dizaines de carrefours signalisés, des centrales solaires pour bases militaires et marchés. Pas une startup — une entreprise de dix ans avec une capacité de livraison à l'échelle nationale. Les chiffres doivent être en premier plan.

Pilier 3

Identité ouest-africaine

Entreprise béninoise résolvant des défis d'infrastructure africains avec un savoir-faire africain. L'intégration du contexte local (climat, réalités du réseau électrique, marchés publics institutionnels) est un avantage compétitif face aux fournisseurs étrangers.

Pilier 4

Impact social

Origines Light Tour, formation des jeunes aux métiers du solaire, partenariat Sun King pour les ménages. ESOM n'installe pas seulement des lampadaires — elle transforme des communautés, crée de l'emploi et impulse l'entrepreneuriat vert.

03 — Palette de Couleurs

L'autorité solaire rencontre la confiance institutionnelle

Une palette qui équilibre la chaleur et l'énergie du solaire avec la confiance et l'autorité qu'attendent les clients gouvernementaux et institutionnels. Assez chaleureuse pour exprimer l'identité africaine ; suffisamment structurée pour paraître corporate.

Primaires — Cœur de marque
Bleu Profond
#0A1628
Or Solaire
#F5A623
Ambre Solaire
#E8912D
Blanc Chaud
#FDF8F0
Secondaires — Profondeur & Contraste
Minuit
#0D1F3C
Charbon
#1E293B
Nacre
#F4F0E8
Ardoise
#64748B
Accents — Statut & Sémantique
Émeraude
#2D8B5F
Vert Doux
#3DA675
Orange Brûlé
#D4752E
Ardoise Claire
#94A3B8
04 — Typographie

Un système serif + sans-serif

L'association d'une serif raffinée pour les titres (exprimant l'héritage et l'autorité) avec une sans-serif géométrique épurée pour le corps de texte (lisibilité et modernité). Le contraste communique : « entreprise établie, vision moderne. »

Combinaison recommandée
L'éclairage solaire intelligent pour les villes d'Afrique de l'Ouest.

ESOM est une entreprise béninoise d'ingénierie spécialisée dans l'éclairage public solaire et les solutions d'énergie renouvelable. Depuis dix ans, elle conçoit, installe et assure la maintenance de milliers de points lumineux sur les axes routiers et sites stratégiques du pays.

Titres : Instrument SerifCorps : DM SansMono : JetBrains Mono
Échelle typographique
H1 — 56pxIlluminer l'Afrique de l'Ouest
H2 — 40pxNos Solutions Solaires
H3 — 28pxLampadaires & Lampes Solaires
H4 — 20pxCaractéristiques techniques
Corps — 16pxLe lampadaire solaire est alimenté par l'énergie solaire, équipé de panneaux qui captent la lumière.
Légende — 13pxInstallation de 796 lampadaires — Rocade de Porto-Novo
Étiquette — 11pxPROJET PHARE
05 — Ambiance Visuelle

L'atmosphère recherchée

L'autorité d'une entreprise d'ingénierie corporate rencontre l'énergie chaleureuse de l'Afrique. Photographies nocturnes de routes éclairées. Panneaux solaires au coucher du soleil. Infrastructure propre sur fond de paysages béninois. Ni froid ni stérile — chaleureux, ancré et fièrement local.

Visuel signature
Routes nocturnes éclairées par des lampadaires solaires dorés — l'image iconique d'ESOM. Photographie de la section héro.
Durabilité
Infrastructure d'énergie verte. Propre. Précise. Tournée vers l'avenir.
Chaleur solaire
Photographies en heure dorée des panneaux et installations sous le soleil du Bénin.
Confiance corporate
Sections bleu profond pour les données, logos partenaires et messages institutionnels.
Lumière & ouverture
Espaces blancs généreux pour les pages produits, études de cas et blog.
06 — Direction Photographique

Authenticité, Échelle & Détail

Éviter les photos de stock génériques "hommes d'affaires en casque qui pointent du doigt". Privilégier la photogénie de l'infrastructure elle-même et des techniciens en action.

Vues de drone (Échelle)
Détail technique (Qualité)
L'équipe en action (Expertise)
Impact communautaire
Avant / Après
Route de nuit (Résultat)
07 — Éléments d'interface (UI)

Composants clés

Des boutons aux cartes, tout doit refléter la précision technique et l'accessibilité.

Boutons & Actions

Carte Projet (Aperçu)

Rocade de Porto-Novo

Fourniture et installation de 796 lampadaires solaires — programme PAG

Style d'icônes — Contour, trait 1,5px

Utiliser Lucide Icons ou Phosphor Icons. Trait uniforme de 1,5px. Remplissage doré au survol.

08 — Modèles de Mise en Page

Direction structurelle des pages

Modèles de mise en page clés tirés des meilleurs sites du secteur solaire, adaptés au positionnement corporate d'ESOM et aux besoins bilingues.

Héro — Pleine largeur avec image

Fond sombre, titre à gauche, image/vidéo héro à droite ou en fond plein avec overlay. Un seul CTA « Planifier mon projet » en Or Solaire. Bande de statistiques immédiatement en dessous.

Solutions — Cartes en 3 colonnes

Trois tuiles produits (Lampadaires, Feux Tricolores, Centrales Solaires) avec photo, titre, courte description et lien « En savoir plus ». Option d'une 4e carte pour les produits Sun King.

Étude de cas — Mise en page partagée

Image à gauche, récit du projet à droite. Métriques clés mis en avant (nombre de lampadaires, lieu, client, année). Basculement « Avant / Après » optionnel. Basé sur le modèle SunPeak.

5 000+
Lampadaires
50+
Projets
10
Villes
30+
Clients

Bande de chiffres clés

Bande sombre pleine largeur avec compteurs animés. Placée sur la page d'accueil (sous le héro) et répétée sur la page À propos. Les chiffres déclenchent un comptage au défilement.

09 — Ton Rédactionnel

Comment ESOM doit s'exprimer

La rédaction doit évoluer du texte de template générique vers un langage d'ingénierie confiant et porté par des histoires. Voici la direction — avec des exemples concrets.

✓ À faire — Titres ancrés dans l'histoire
« Illuminer la Rocade de Porto-Novo : 796 lampadaires solaires sur 27 km. »
Spécifique, impactant, ancré dans un vrai projet. Démontre l'échelle instantanément.
✗ À éviter — Slogans génériques
« Misez sur l'énergie gagnante, passez au solaire. »
Vague et applicable à n'importe quelle entreprise solaire. Ne met pas en valeur les réalisations spécifiques d'ESOM.
✓ À faire — Autorité confiante
« 10 ans. 5 000 lampadaires. Un standard d'excellence pour l'Afrique de l'Ouest. »
Laisse les chiffres parler. Positionne ESOM comme la référence, pas simplement un acteur parmi d'autres.
✗ À éviter — Langage générique d'entreprise énergétique
« Nous proposons des solutions solaires permettant à nos clients de se déconnecter du réseau. »
Passif, descriptif. Ne différencie pas ESOM de n'importe quel autre installateur solaire.
✓ À faire — Impact humain
« Quand ESOM éclaire une route, les enfants rentrent en sécurité, les marchés restent ouverts plus tard, et les communautés grandissent. »
Relie l'infrastructure aux résultats humains. Parfait pour les récits ESOM × Sun King et Origines Light Tour.
✗ À éviter — Déversement de caractéristiques techniques
« Nous disposons d'une large gamme de lampadaires solaires (de 1 à 12 m de haut pour les mâts, de 05 à 120 W…) »
Les spécifications techniques appartiennent aux pages de détail produits, pas à la présentation introductive. Commencer par les bénéfices, détailler ensuite.
10 — Références Concurrentielles

Ce qu'on peut apprendre des meilleurs

Modèles clés extraits des meilleurs sites solaires identifiés dans l'étude de marché, et comment chacun s'applique à la refonte d'ESOM.

SolarAfrica

solarafrica.com

Héro épuré avec proposition de valeur simple, tuiles de sélection de parcours immédiates, et métriques de projets proéminentes. Meilleur modèle pour le flux de la page d'accueil d'ESOM.

→ Héro + Tuiles de services

Solarcentury Africa

solarcenturyafrica.com

Forte bande de « chiffres clés » et explication du modèle intégré (conception → construction → exploitation → maintenance). Bon plan pour la section processus d'ESOM.

→ Bande stats + processus

HeiSolar

heisolar.com

Catalogue produits structuré avec catégories claires, section de différenciation technologique, et galerie de projets avec filtres. Meilleur modèle pour les pages produits d'ESOM.

→ Catalogue produits

Fonroche Lighting

fonrochesolarlighting.com

Pages solutions par secteur (municipalités, gouvernement, entreprises) avec section « pourquoi nous choisir ». Modèle pour des pages dédiées ciblant les différents types de clients d'ESOM.

→ Pages par secteur

Solar Vision

solar-vision.ca

Approche centrée sur les applications (parcs, parkings, sécurité). Langage clair. Section « Avantages clés ». Modèle parfait pour le storytelling par cas d'usage d'ESOM.

→ Section applications

SunPeak Solar

via servlinkmarketing.com

Design épuré et minimal avec des études de cas détaillées montrant des résultats mesurables. La référence pour les pages projets / études de cas d'ESOM.

→ Études de cas
11 — Arborescence Recommandée

Une navigation simplifiée et intentionnelle

De plus de 8 éléments de premier niveau actuellement à une navigation épurée de 6 items avec un regroupement logique. Chaque page a un objectif clair et un public défini.

Accueil

  • Héro + CTA
  • Bande de statistiques
  • 3 tuiles solutions
  • Projets phares
  • Bandeau partenaires
  • Témoignages

Solutions

  • Page vue d'ensemble
  • Lampadaires solaires
  • Feux tricolores
  • Centrales solaires
  • ESOM × Sun King
  • Smart Tracker

Projets

  • Grille de projets (filtrable)
  • Études de cas individuelles
  • Carte interactive
  • Chiffres clés

L'entreprise

  • Histoire & chronologie
  • Origines Light Tour
  • Récompenses & certifications
  • Équipe dirigeante
  • Partenaires

Ressources

  • Blog / articles
  • Publications & presse
  • FAQ
  • Éducation solaire

Contact

  • Formulaire de devis
  • Contact général
  • Espace recrutement
  • WhatsApp / téléphone
12 — Mouvement & Interaction

Des animations subtiles et intentionnelles

L'animation doit renforcer le professionnalisme de la marque — pas distraire. Voici la philosophie de mouvement pour la refonte.

Chargement de page — apparition progressive

Les sections apparaissent en fondu et glissent légèrement vers le haut (translateY : 20px → 0) à mesure qu'elles entrent dans la zone visible. Décalage de 200ms entre les éléments. Crée une sensation de contenu qui « arrive » sans être tape-à-l'œil.

Animation des compteurs

Les statistiques (5 000+ lampadaires, 50+ projets) comptent de 0 à leur valeur quand elles défilent dans la vue. Utiliser l'intersection observer. Durée : 2 secondes avec courbe easeOutExpo.

Survol des cartes

Légère élévation (translateY : -4px) avec augmentation de l'ombre. Zoom image sur les cartes projets (scale 1.03 sur 400ms). Soulignement doré en glissement sur les liens.

Vidéo / image du héro

Envisager une vidéo drone en boucle de 10 secondes d'une route éclairée la nuit en fond du héro (avec overlay sombre). Alternative : image statique haute qualité du projet Route des Pêches de nuit.

Transitions de pages

Si utilisation d'un framework comme Next.js ou Webflow, implémenter des transitions de page fluides (fondu + glissement). Si WordPress traditionnel, assurer un chargement rapide avec images en lazy loading et JS minimal au-dessus de la ligne de flottaison.

Carte interactive des projets

Une carte du Bénin (et des pays voisins) avec des épingles montrant les installations ESOM. Survol pour voir le nom du projet et le décompte. Clic pour ouvrir l'étude de cas. Construit la confiance immédiatement.