KMC-Events, créateur
d'événements depuis 2007.

Un site vitrine conçu pour une agence événementielle professionnelle, alliant élégance, modernité et impact.

Visiter le site

Étude de cas publiée le lundi 16 février 2026

Site KMC Events sur ordinateur
LE CONTEXTE

Parce qu'une refonte, ça s'accompagne d'une nouvelle identité forte.

Acteur du secteur événementiel depuis plus de 19 ans sous le nom de KMC-Animation, l'entreprise souhaitait moderniser son image pour refléter son évolution et son positionnement actuel. Leur site, conçu en 2010, reposait sur des technologies obsolètes et ne correspondait plus à l'identité ni aux ambitions de la marque. Nous les avons accompagnés dans une refonte complète : nouveau nom, nouvelle identité visuelle et nouveau site web, pensés pour traduire fidèlement leur savoir-faire et leur dynamisme après près de deux décennies d'expérience.

LEUR IMAGE

Un nouveau nom, un nouveau logo, un nouveau départ.

Le passage de KMC-Animation à KMC-Events marquait un tournant stratégique. L'ancien logo, vieillissant et peu lisible, ne reflétait plus le professionnalisme de l'équipe. Nous avons conçu une identité visuelle moderne et épurée, avec un logo qui affirme leur positionnement dans l'événementiel haut de gamme, tout en conservant l'héritage de la marque à travers les initiales KMC.

Avec notre prestataire externe @Wizzarco, nous avons travaillé sur plusieurs maquettes afin de trouver la nouvelle image qui correspondait le mieux à notre client.

 avatar

 avatar

 avatar

Puis nous l'avons réalisé en format vectoriel, pour qu'il soit utilisable dans tous les cas possibles.

KMC Events sur iPad Apple Pencil
DESIGN

Une palette nouvelle, avec des couleurs plus vives.

Violet Traditionnel#B11987
Code HEX copié
Primaire
Fruit du Dragon#EC4A8B
Code HEX copié
Secondaire
Paon Bleu Marine#0A1045
Code HEX copié
Tertiaire
Gâteau Blanc#F7F6F2
Code HEX copié
Fond
Noir Technique#0E0E0E
Code HEX copié
Texte
TITRES

AaBbCcDdEeFf

KMC Titre : élégante et affirmée

CORPS DE TEXTE

AaBbCcDdEeFf

KMC Body : moderne et très lisible

LES MAQUETTES

Penser le site composant par composant.

Avant de coder la moindre ligne, nous avons conçu l'intégralité du site sous forme de maquettes détaillées. Chaque composant a été designé individuellement : header, hero, sections de services, galerie, formulaire de contact. Cette approche nous a permis d'établir une architecture de pages cohérente, de valider chaque interaction avec le client et de garantir une expérience utilisateur fluide avant même le développement.

 avatar

 avatar

SOUS LE CAPOT

Les technologies et les choix derrière le projet.

Pour construire le site KMC-Events, nous avons fait le choix de technologies modernes, performantes et maintenables. Astro comme framework principal pour un site rapide et optimisé, React pour les composants interactifs, TypeScript pour la fiabilité du code, Tailwind CSS v4 pour un design system cohérent, et Lucide pour une iconographie claire et élégante.

Interactivité avec Matter.js

Pour rendre l'expérience utilisateur mémorable, nous avons intégré Matter.js, un moteur physique 2D, directement dans le site. La médaille du hero est composée de pièces SVG indépendantes soumises à la gravité, aux collisions et au drag. Au scroll, les pièces s'assemblent automatiquement. L'utilisateur peut aussi les saisir et les lancer — une interaction ludique qui surprend et engage.

Essayez de glisser-déposer les pièces !

Images WebP

Toutes les images compressées au format WebP pour un poids réduit de 80 % en moyenne.

Code minifié

HTML, CSS et JavaScript minifiés et optimisés par Astro pour un chargement ultra-rapide.

Ressources locales

Très peu de liens externes : polices, icônes et assets hébergés localement.

Fonts optimisées

Polices subset et chargées en local, sans appel à des CDN externes.

Éco-conception bas carbone

Chaque décision technique a été prise avec un objectif : réduire l'empreinte carbone du site au maximum, sans compromettre l'expérience utilisateur.

Google Analytics 4

Pour permettre à KMC-Events de suivre la fréquentation de leur site et comprendre le comportement de leurs visiteurs, nous avons intégré Google Analytics 4. Tableau de bord des visites, sources de trafic, pages les plus consultées et taux de rebond : toutes les métriques essentielles sont accessibles pour piloter la stratégie digitale de l'agence.

 avatar

RESPONSIVE

Une expérience mobile pensée au pixel près.

Le site a été conçu en mobile-first : chaque composant, chaque interaction a été pensé pour s'adapter parfaitement aux écrans mobiles. Navigation simplifiée, carrousels tactiles, typographie ajustée et images optimisées garantissent une expérience fluide sur smartphone comme sur tablette.

 avatar

 avatar

 avatar

 avatar

RÉSULTATS

Un site qui performe dès le lancement.

3k+

visiteurs/mois en moyenne

98

score PageSpeed Performance

0,07g

de CO₂ par page vue

Nous sommes très satisfaits de SOLYZON ainsi que d'Armand et Sarah qui se sont montrés disponibles, réactifs et à l'écoute de nos besoins. Nous avons pu mener à bien notre projet de refonte de notre site qui était devenu obsolète . Nous avions comme objectif de le rendre plus dynamique et ergonomique et facile à utiliser. Tous ses critères ont été respectés et correspondent pleinement à nos attentes. Merci à l'équipe SOLYZON pour son professionnalisme et son suivi une fois le site en ligne.

Mr GAMEIRO

Directeur Adjoint — Agence KMC-EVENTS


Ce projet vous plaît ? Contactez-nous pour réaliser le vôtre.