Files
html/case-studies.html

252 lines
20 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png type="image/x-icon">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Études de Cas — WEVAL Consulting | Résultats Clients</title>
<meta name="description" content="Découvrez comment WEVAL Consulting accompagne Abbott, Safran, RATP, OCP et 20+ entreprises dans leur transformation digitale. Cas concrets, résultats mesurables.">
<meta property="og:title" content="Études de Cas — WEVAL Consulting">
<meta property="og:description" content="Cas concrets de transformation digitale : IA souveraine, Cloud, Marketing Digital, SAP.">
<meta property="og:url" content="https://weval-consulting.com/case-studies.html">
<link rel="canonical" href="https://weval-consulting.com/case-studies.html">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"CollectionPage","name":"Études de Cas WEVAL Consulting","description":"Cas concrets de transformation digitale","publisher":{"@type":"Organization","name":"WEVAL Consulting"}}</script>
<style>
:root{--bg:#05080f;--s:#0c1222;--a:#00c9a7;--a15:rgba(0,201,167,.15);--w:#edf2f7;--sv:#7a8ba5;--b:rgba(0,201,167,.08)}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--w)}
nav{position:fixed;top:0;width:100%;padding:1rem 4%;display:flex;justify-content:space-between;align-items:center;z-index:100;backdrop-filter:blur(20px);background:rgba(5,8,15,.85);border-bottom:1px solid var(--b)}
.logo{font-weight:800;font-size:1.5rem}.logo span{color:var(--a)}
.btn-n{background:var(--a);color:var(--bg);padding:.55rem 1.3rem;border-radius:7px;font-weight:700;font-size:.82rem;text-decoration:none}
.hero{padding:8rem 4% 4rem;text-align:center}
.badge{display:inline-flex;background:var(--a15);border:1px solid rgba(0,201,167,.2);border-radius:100px;padding:.35rem 1rem;font-size:.75rem;font-weight:600;color:var(--a);margin-bottom:2rem}
h1{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1rem}h1 em{font-style:normal;background:linear-gradient(135deg,var(--a),#7c5cfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sub{font-size:1.05rem;color:var(--sv);max-width:600px;margin:0 auto 2rem;line-height:1.7}
.stats{display:flex;justify-content:center;gap:3rem;margin:2rem 0 3rem}.stat-v{font-family:'Space Mono';font-size:2rem;font-weight:700;color:var(--a)}.stat-l{font-size:.75rem;color:var(--sv)}
.cases{max-width:1100px;margin:0 auto;padding:0 4% 4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}
.case{background:var(--s);border:1px solid var(--b);border-radius:16px;padding:2rem;transition:all .3s}.case:hover{transform:translateY(-4px);border-color:var(--a)}
.case-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.case-client{font-size:1.2rem;font-weight:700}.case-sector{font-size:.7rem;color:var(--a);background:var(--a15);padding:.2rem .6rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}
.case-desc{font-size:.88rem;color:var(--sv);line-height:1.6;margin-bottom:1.2rem}
.case-results{display:flex;gap:1.5rem;flex-wrap:wrap}.case-kpi{text-align:center}.case-kpi-v{font-family:'Space Mono';font-size:1.3rem;font-weight:700;color:var(--a)}.case-kpi-l{font-size:.65rem;color:var(--sv)}
.case-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.tag{font-size:.65rem;color:var(--sv);background:rgba(255,255,255,.05);padding:.2rem .5rem;border-radius:4px}
.cta{text-align:center;padding:4rem 2rem;margin:2rem 4%;background:var(--s);border:1px solid var(--b);border-radius:20px}
.cta h2{font-size:2rem;margin-bottom:.8rem}.cta p{color:var(--sv);max-width:500px;margin:.5rem auto 1.5rem}
footer{padding:2rem 4%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.04);font-size:.75rem;color:var(--sv)}footer a{color:var(--a);text-decoration:none}
@media(max-width:768px){h1{font-size:2rem}.cases{grid-template-columns:1fr}.stats{flex-direction:column;gap:1rem}}
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
/* Doctrine zero chevauchement - hide common offenders */
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
/* === end WEVIA Gemini Rolling v2 batch === */
</style>
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-143941 -->
<style id="doctrine60-ux-direct">
/* DOCTRINE-60-UX-ENRICH injected-direct */
body::before {
content: '';
position: fixed;
top: 0; left: 0; width: 100vw; height: 100vh;
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
pointer-events: none;
z-index: -1;
}
.card, .kpi, .panel, .btn {
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
}
.card:hover, .kpi:hover, .panel:hover {
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
border-color: rgba(100,180,255,0.5);
}
@keyframes pulseD60 {
0%,100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.7; transform: scale(1.05); }
}
.pulse, .live-indicator, .active, .online {
animation: pulseD60 3s ease-in-out infinite;
}
.modal, .chat, .speech, .overlay {
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.enter-stagger {
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
}
@keyframes enterStagD60 {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
</style>
</head>
<body>
<nav><div class="logo">WEVAL<span>.</span></div><a href="/contact-us" class="btn-n">Nous contacter</a></nav>
<section class="hero">
<div class="badge">ÉTUDES DE CAS</div>
<h1>Des résultats <em>mesurables</em></h1>
<p class="sub">22 clients accompagnés dans leur transformation digitale. IA souveraine, Cloud, Marketing Digital, SAP — des cas concrets avec impact quantifié.</p>
<div class="stats"><div><div class="stat-v">22</div><div class="stat-l">Clients actifs</div></div><div><div class="stat-v">8</div><div class="stat-l">Pays</div></div><div><div class="stat-v">200+</div><div class="stat-l">Projets livrés</div></div></div>
</section>
<div class="cases">
<div class="case"><div class="case-top"><span class="case-client">Abbott</span><span class="case-sector">Pharma</span></div>
<p class="case-desc">Déploiement d'une plateforme de marketing digital multi-canal pour les professionnels de santé. Ciblage HCP, consentement RGPD, analytics temps réel.</p>
<div class="case-results"><div class="case-kpi"><div class="case-kpi-v">+45%</div><div class="case-kpi-l">Engagement HCP</div></div><div class="case-kpi"><div class="case-kpi-v">97%</div><div class="case-kpi-l">Délivrabilité</div></div><div class="case-kpi"><div class="case-kpi-v">14j</div><div class="case-kpi-l">Mise en production</div></div></div>
<div class="case-tags"><span class="tag">Marketing Digital</span><span class="tag">Pharma</span><span class="tag">RGPD</span></div></div>
<div class="case"><div class="case-top"><span class="case-client">Safran</span><span class="case-sector">Aéronautique</span></div>
<p class="case-desc">Migration Cloud et intégration SAP S/4HANA pour la division propulsion. Optimisation des processus achats et supply chain.</p>
<div class="case-results"><div class="case-kpi"><div class="case-kpi-v">-30%</div><div class="case-kpi-l">Coûts infra</div></div><div class="case-kpi"><div class="case-kpi-v">99.9%</div><div class="case-kpi-l">Disponibilité</div></div><div class="case-kpi"><div class="case-kpi-v">x3</div><div class="case-kpi-l">Rapidité reporting</div></div></div>
<div class="case-tags"><span class="tag">SAP S/4HANA</span><span class="tag">Cloud</span><span class="tag">Supply Chain</span></div></div>
<div class="case"><div class="case-top"><span class="case-client">RATP</span><span class="case-sector">Transport</span></div>
<p class="case-desc">Audit cybersécurité et mise en conformité RGPD des systèmes d'information voyageurs. Tests de pénétration et recommandations.</p>
<div class="case-results"><div class="case-kpi"><div class="case-kpi-v">0</div><div class="case-kpi-l">Incidents post-audit</div></div><div class="case-kpi"><div class="case-kpi-v">100%</div><div class="case-kpi-l">Conformité RGPD</div></div></div>
<div class="case-tags"><span class="tag">Cybersécurité</span><span class="tag">RGPD</span><span class="tag">Audit</span></div></div>
<div class="case"><div class="case-top"><span class="case-client">OCP Group</span><span class="case-sector">Industrie</span></div>
<p class="case-desc">Transformation digitale et déploiement d'une plateforme IA pour l'optimisation des processus industriels et la maintenance prédictive.</p>
<div class="case-results"><div class="case-kpi"><div class="case-kpi-v">-25%</div><div class="case-kpi-l">Temps d'arrêt</div></div><div class="case-kpi"><div class="case-kpi-v">+18%</div><div class="case-kpi-l">Productivité</div></div></div>
<div class="case-tags"><span class="tag">IA Industrielle</span><span class="tag">Maintenance prédictive</span></div></div>
<div class="case"><div class="case-top"><span class="case-client">Société Générale</span><span class="case-sector">Banque</span></div>
<p class="case-desc">Intégration Cloud souverain et migration des systèmes de reporting réglementaire. Conformité Bâle III et automatisation.</p>
<div class="case-results"><div class="case-kpi"><div class="case-kpi-v">-40%</div><div class="case-kpi-l">Temps reporting</div></div><div class="case-kpi"><div class="case-kpi-v">100%</div><div class="case-kpi-l">Conformité</div></div></div>
<div class="case-tags"><span class="tag">Cloud Souverain</span><span class="tag">Banque</span><span class="tag">Conformité</span></div></div>
<div class="case"><div class="case-top"><span class="case-client">L'Oréal</span><span class="case-sector">Cosmétique</span></div>
<p class="case-desc">Stratégie marketing digital omnicanal et déploiement de campagnes automatisées pour les marchés Maghreb et Afrique.</p>
<div class="case-results"><div class="case-kpi"><div class="case-kpi-v">+62%</div><div class="case-kpi-l">Taux d'ouverture</div></div><div class="case-kpi"><div class="case-kpi-v">x2.5</div><div class="case-kpi-l">ROI campagnes</div></div></div>
<div class="case-tags"><span class="tag">Marketing Digital</span><span class="tag">Automation</span><span class="tag">Omnicanal</span></div></div>
<div class="case"><div class="case-top"><span class="case-client">Michelin</span><span class="case-sector">Industrie</span></div>
<p class="case-desc">Déploiement ERP SAP et intégration des flux logistiques pour les opérations Afrique du Nord. Formation équipes locales.</p>
<div class="case-results"><div class="case-kpi"><div class="case-kpi-v">-35%</div><div class="case-kpi-l">Délais logistiques</div></div><div class="case-kpi"><div class="case-kpi-v">150</div><div class="case-kpi-l">Utilisateurs formés</div></div></div>
<div class="case-tags"><span class="tag">SAP</span><span class="tag">Logistique</span><span class="tag">Formation</span></div></div>
<div class="case"><div class="case-top"><span class="case-client">Ministère des Armées</span><span class="case-sector">Défense</span></div>
<p class="case-desc">Audit de sécurité des infrastructures IT et recommandations d'architecture Cloud souverain. Classification et chiffrement.</p>
<div class="case-results"><div class="case-kpi"><div class="case-kpi-v">A+</div><div class="case-kpi-l">Score sécurité</div></div><div class="case-kpi"><div class="case-kpi-v">0</div><div class="case-kpi-l">Vulnérabilités critiques</div></div></div>
<div class="case-tags"><span class="tag">Cybersécurité</span><span class="tag">Cloud Souverain</span><span class="tag">Défense</span></div></div>
<div class="case"><div class="case-top"><span class="case-client">Client Confidentiel</span><span class="case-sector">Pharma</span></div>
<p class="case-desc">Plateforme B2B multi-canal pour la communication avec 50 000+ professionnels de santé. Email, SMS, consentement.</p>
<div class="case-results"><div class="case-kpi"><div class="case-kpi-v">50K+</div><div class="case-kpi-l">HCP contactés</div></div><div class="case-kpi"><div class="case-kpi-v">98%</div><div class="case-kpi-l">Conformité consentement</div></div></div>
<div class="case-tags"><span class="tag">Marketing Digital</span><span class="tag">Pharma B2B</span><span class="tag">Multi-canal</span></div></div>
</div>
<section class="cta">
<h2>Un projet similaire ?</h2>
<p>Discutons de vos enjeux. Audit gratuit et proposition sous 48h.</p>
<a href="/contact-us" class="btn-n" style="padding:.85rem 2rem;font-size:1rem">Réserver un audit →</a>
</section>
<footer><div>WEVAL Consulting · <a href="/case-studies.html">Études de Cas</a></div><div>Casablanca · Europe · International</div></footer>
<!-- === OPUS UNIVERSAL DRILL-DOWN v1 19avr — append-only, doctrine #14 === -->
<script>
(function(){
if (window.__opusUniversalDrill) return; window.__opusUniversalDrill = true;
var d = document;
var m = d.createElement('div');
m.id = 'opus-udrill';
m.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.82);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:99995;padding:20px;cursor:pointer';
var inner = d.createElement('div');
inner.id = 'opus-udrill-in';
inner.style.cssText = 'max-width:900px;width:100%;max-height:90vh;overflow:auto;background:#0b0d15;border:1px solid rgba(99,102,241,0.35);border-radius:14px;padding:28px;cursor:default;box-shadow:0 20px 60px rgba(0,0,0,0.6);color:#e2e8f0;font:14px/1.55 Inter,system-ui,sans-serif';
inner.addEventListener('click', function(e){ e.stopPropagation(); });
m.appendChild(inner);
m.addEventListener('click', function(){ m.style.display='none'; });
d.addEventListener('keydown', function(e){ if(e.key==='Escape') m.style.display='none'; });
(d.body || d.documentElement).appendChild(m);
function openCard(card) {
// Clone card content + show close btn + increase font-size
var html = '<div style="display:flex;justify-content:flex-end;margin-bottom:14px"><button id="opus-udrill-close" style="padding:6px 14px;background:#171b2a;border:1px solid rgba(99,102,241,0.25);color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:12px">✕ Fermer (Esc)</button></div>';
html += '<div style="transform-origin:top left;font-size:1.05em">' + card.outerHTML + '</div>';
inner.innerHTML = html;
d.getElementById('opus-udrill-close').onclick = function(){ m.style.display='none'; };
m.style.display = 'flex';
}
function wire(root) {
var sels = '.card,[class*="card"],.kpi,[class*="kpi"],.stat,[class*="stat"],.tile,[class*="tile"],.metric,[class*="metric"],.widget,[class*="widget"]';
var cards = root.querySelectorAll(sels);
for (var i = 0; i < cards.length; i++) {
var c = cards[i];
if (c.__opusWired) continue;
if (c.closest('button, a, input, select, textarea, #opus-udrill')) continue;
var r = c.getBoundingClientRect();
if (r.width < 60 || r.height < 40) continue;
c.__opusWired = true;
c.style.cursor = 'pointer';
c.setAttribute('role','button');
c.setAttribute('tabindex','0');
c.addEventListener('click', function(ev){
// If a more-specific drill is already active (e.g. pp-card custom), let it handle
if (ev.target.closest('[data-pp-id]') && window.__opusDrillInit) return;
if (ev.target.closest('a,button,input,select')) return;
ev.preventDefault(); ev.stopPropagation();
openCard(this);
});
c.addEventListener('keydown', function(ev){ if(ev.key==='Enter'||ev.key===' '){ev.preventDefault();openCard(this);} });
}
}
// Initial + mutation observer
var initRun = function(){ wire(d.body || d.documentElement); };
if (d.readyState === 'loading') d.addEventListener('DOMContentLoaded', initRun);
else initRun();
var mo = new MutationObserver(function(muts){
var newCard = false;
for (var i=0;i<muts.length;i++) if (muts[i].addedNodes.length) { newCard = true; break; }
if (newCard) initRun();
});
mo.observe(d.body || d.documentElement, {childList:true, subtree:true});
})();
</script>
<!-- === OPUS UNIVERSAL DRILL-DOWN END === -->
<script src="/api/a11y-auto-enhancer.js" defer></script>
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
// DOCTRINE-60-UX-JS staggered entrance
(function(){
if (!('IntersectionObserver' in window)) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach((e, i) => {
if (e.isIntersecting) {
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
obs.unobserve(e.target);
}
});
});
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
})();
</script>
</body>
</html>