Site Web

Black Winner Entreprise : site vitrine d'une agence de création de contenus à Cotonou

Site vitrine d'une page pour une agence béninoise de photographie, d'audiovisuel et de communication : conception graphique conforme à la charte du groupe et développement statique sous Astro.

Client: Black Winner Entreprise
Accompagnement: Depuis 2023
Domaine: Site Web

Voir le projet en ligne

Page d'accueil : promesse de l'agence, quatre métiers et accès direct aux réalisations

métiers présentés : contenus, photo, vidéo, communication

marques du groupe mises en avant

pays couverts : Bénin, Niger, France

Le contexte

Black Winner Entreprise est une agence béninoise installée à Cotonou (Fidjrossè Fiyeyon) qui réunit quatre métiers : création de contenus, photographie, audiovisuel et communication-publicité. Le groupe porte aussi plusieurs marques : WeSee (publicité vidéo sur écrans embarqués), Black Winner Auto École et Black Winner Blanchisserie. Son activité vivait principalement sur les réseaux sociaux, ce qui rendait difficile la présentation d'ensemble de l'offre, la démonstration du niveau de production et la crédibilité auprès des entreprises et institutions. L'agence avait besoin d'un point d'ancrage propre, conforme à sa charte, capable de montrer les images plutôt que de les décrire, et de convertir la visite en conversation directe.

L'historique du projet

2023Conception et développement
Nous concevons la direction artistique du site et le développons, en déclinant la charte du groupe sur l'ensemble des sections.
2026Mise à jour
La version en ligne aujourd'hui est postérieure à la livraison initiale : le pied de page affiche 2026 et la charte référencée date de juillet 2024. Les captures reflètent cet état actuel.

La mission

01Traduire la charte de marque Black Winner en une identité web cohérente sur tous les supports
02Concevoir un parcours d'une seule page menant de la promesse à la prise de contact
03Structurer et hiérarchiser quatre offres de services distinctes sans diluer le discours
04Mettre en valeur les productions photo et vidéo dans des sections réalisations et galerie dédiées
05Présenter les marques du groupe (WeSee, Auto École, Blanchisserie) sans concurrencer l'offre principale
06Rédiger les contenus : accroches, descriptions de services, méthode de travail, légendes
07Développer un site statique rapide à charger, adapté aux connexions mobiles béninoises
08Rendre la prise de contact immédiate via WhatsApp et e-mail, sans formulaire
09Publier les pages légales et poser les bases du référencement local

Ce que nous avons fait

La conception part de la charte de marque Black Winner, appliquée à un site d'une seule page où chaque métier (création de contenus, photographie, audiovisuel, communication) occupe un bloc identifiable, relié à une navigation par ancres. Le parcours suit l'ordre de décision d'un prospect : promesse, services, réalisations, galerie, méthode en quatre étapes, marques du groupe, contact. Les images étant le cœur de l'offre, la mise en page réserve de larges zones visuelles à la galerie et aux réalisations, avec des légendes courtes qui qualifient chaque cliché plutôt que de le décorer. Côté technique, le site est produit avec Astro et livré en pages HTML statiques : aucune couche applicative à maintenir, des feuilles de style compilées et versionnées par empreinte, un rendu immédiat sur connexion mobile. Le contact évite le formulaire au profit de WhatsApp et de l'e-mail, canaux réellement utilisés à Cotonou. Les pages mentions légales et politique de confidentialité complètent l'ensemble, et le balisage structuré (JSON-LD, métadonnées, lien canonique) prépare le référencement local.

Les livrables

Site vitrine d'une page, conçu et développé sur mesure
Déclinaison web de la charte Black Winner (couleurs, typographies, pictogramme, logotypes clair et sombre)
Direction artistique des sections galerie et réalisations, avec légendes rédigées
Rédaction des contenus : offre par métier, méthode en quatre étapes, présentation des marques du groupe
Pages mentions légales et politique de confidentialité
Mise en ligne sur serveur dédié avec nom de domaine, certificat et redirections d'URL normalisées

Les résultats

Une vitrine unique regroupe désormais les quatre métiers de l'agence et les trois marques du groupe, là où l'activité n'était visible que par les réseaux sociaux
Les productions photo et vidéo sont montrées dans deux sections dédiées, avec des légendes qui qualifient chaque référence
La prise de contact se fait en un geste depuis n'importe quelle section, par WhatsApp ou e-mail
Le site tient en pages HTML statiques : pas de couche applicative à maintenir, ni de mises à jour de sécurité récurrentes côté contenu
La charte est appliquée de façon homogène sur l'ensemble des écrans, bureau comme téléphone
Les pages légales et le balisage structuré donnent à l'agence une base propre pour son référencement local

Les technologies utilisées

Ce qui a servi à mettre le projet en place, et pourquoi ces choix plutôt que d'autres.

Développement front

Astro
Générateur de site statique identifié par le répertoire /_astro/ et les attributs data-astro-cid-* : il produit des pages HTML précompilées, sans framework à exécuter dans le navigateur.
HTML statique
Les pages sont livrées telles quelles, ce qui supprime toute dépendance à une base de données ou à un moteur de rendu à la volée.
CSS compilé et versionné
Les feuilles de style sont regroupées et nommées par empreinte (index.DVANr8l-.css), ce qui permet une mise en cache durable et un renouvellement propre à chaque publication.

Hébergement et diffusion

nginx 1.27.5
Serveur web annoncé dans l'en-tête Server, chargé de la livraison des fichiers statiques.
Caddy
Présent en amont selon l'en-tête Via, il assure la terminaison HTTPS et le routage vers nginx.
HTTP/3
Annoncé par l'en-tête Alt-Svc (h3), utile pour réduire la latence sur les réseaux mobiles.
Validation de cache ETag et Last-Modified
Permet au navigateur de revalider une page sans la retélécharger intégralement.

Contenu et référencement

Données structurées JSON-LD
Décrivent l'entité aux moteurs de recherche pour améliorer l'affichage dans les résultats locaux.
Lien canonique et métadonnées
Évitent la duplication d'URL et fixent le titre et la description repris dans les résultats de recherche.
Redirections d'URL normalisées
Les adresses sans barre oblique finale renvoient une 301 vers la forme canonique, ce qui évite les pages dupliquées.

En-têtes de réponse observés sur la page d'accueil

Un échange type, tel qu'un intégrateur le rencontre.

Requête · http

curl -s -D - -o /dev/null https://blackwinnerentreprise.com/

Réponse

HTTP/1.1 200 OK
Server: nginx/1.27.5
Via: 1.1 Caddy
Alt-Svc: h3=":443"; ma=2592000
Cache-Control: public, max-age=0, must-revalidate
Content-Type: text/html
Etag: "6a82d936-8c2b"
Vary: Accept-Encoding