2028 lines
103 KiB
Plaintext
2028 lines
103 KiB
Plaintext
(function(){
|
|
'use strict';
|
|
|
|
function tryInjectHomepage() {
|
|
// Only run on homepage
|
|
if(window.location.pathname !== '/' && window.location.pathname !== '') return;
|
|
// Don't inject twice - flag + DOM check
|
|
if(window.__wevalEnrichDone || document.querySelector('.wv-stats-bar')) return;
|
|
window.__wevalEnrichDone = true;
|
|
|
|
var attempts = 0;
|
|
var init = setInterval(function(){
|
|
attempts++;
|
|
if(attempts > 50) { clearInterval(init); console.warn('[WEVAL-ENRICH] Timeout: selectors not found'); return; }
|
|
var hero = document.querySelector('.hero-slogan-section');
|
|
var services = document.querySelector('.services-container');
|
|
var excellence = document.querySelector('.weval-excellence');
|
|
var slider = document.querySelector('.centered-container');
|
|
if(hero && services) {
|
|
clearInterval(init);
|
|
try {
|
|
injectAll(hero, services, excellence, slider);
|
|
console.log('[WEVAL-ENRICH] OK: 10 sections injected');
|
|
} catch(e) {
|
|
console.error('[WEVAL-ENRICH] CRASH:', e.message, e.stack);
|
|
// Show error visually
|
|
var errDiv = document.createElement('div');
|
|
errDiv.style.cssText = 'position:fixed;top:0;left:0;right:0;padding:10px;background:red;color:white;z-index:99999;font-size:14px;';
|
|
errDiv.textContent = 'ENRICH ERROR: ' + e.message;
|
|
document.body.appendChild(errDiv);
|
|
}
|
|
}
|
|
}, 200);
|
|
}
|
|
|
|
// Run on initial load
|
|
tryInjectHomepage();
|
|
|
|
// Watch for SPA route changes
|
|
var _lastPath = location.pathname;
|
|
setInterval(function(){
|
|
if(location.pathname !== _lastPath) {
|
|
_lastPath = location.pathname;
|
|
if(location.pathname !== '/') {
|
|
window.__wevalEnrichDone = false; // Reset when leaving homepage
|
|
}
|
|
setTimeout(tryInjectHomepage, 500);
|
|
setTimeout(tryInjectHomepage, 1500);
|
|
}
|
|
}, 300);
|
|
|
|
function injectAll(hero, services, excellence, slider) {
|
|
|
|
// ============================================================
|
|
// Wevia FORMAT ALERT ONLY — Ne modifie PAS le DOM, alerte seulement
|
|
// ============================================================
|
|
var weviaCSS = document.createElement('style');
|
|
weviaCSS.textContent = `
|
|
/* Wevia brand style - applied manually only */
|
|
.wevia-brand { font-style:italic!important; text-transform:none!important; letter-spacing:0.3px; }
|
|
`;
|
|
document.head.appendChild(weviaCSS);
|
|
|
|
// ALERT ONLY - log WEVIA occurrences without modifying
|
|
function checkWeviaFormat(root) {
|
|
if(!root || !root.querySelectorAll) return;
|
|
var walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null, false);
|
|
var node;
|
|
while(node = walker.nextNode()) {
|
|
if(node.nodeValue && /WEVIA/.test(node.nodeValue)) {
|
|
var p = node.parentElement;
|
|
if(!p || /SCRIPT|STYLE|TITLE|META|NOSCRIPT/.test(p.tagName)) continue;
|
|
console.warn('[Wevia Format] Found "WEVIA" in:', p.tagName, p.className, '→ Text:', node.nodeValue.trim().substring(0,80));
|
|
}
|
|
}
|
|
}
|
|
setTimeout(function(){ checkWeviaFormat(document.body); }, 1000);
|
|
|
|
// ============================================================
|
|
// CSS
|
|
// ============================================================
|
|
var style = document.createElement('style');
|
|
style.textContent = `
|
|
/* ========== WEVAL ENRICHMENT ========== */
|
|
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Sora:wght@300;400;500;600;700;800&display=swap');
|
|
|
|
/* === STATS COUNTER BAR === */
|
|
.wv-stats-bar {
|
|
background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
|
|
padding: 64px 0;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.wv-stats-bar::before {
|
|
content:'';position:absolute;top:0;left:0;right:0;bottom:0;
|
|
background: radial-gradient(ellipse at 20% 50%, rgba(99,102,241,0.15) 0%, transparent 50%),
|
|
radial-gradient(ellipse at 80% 50%, rgba(16,185,129,0.1) 0%, transparent 50%);
|
|
pointer-events:none;
|
|
}
|
|
.wv-stats-inner {
|
|
max-width:1200px; margin:0 auto; padding:0 32px;
|
|
display:grid; grid-template-columns:repeat(4,1fr); gap:32px;
|
|
position:relative; z-index:1;
|
|
}
|
|
.wv-stat-item {
|
|
text-align:center;
|
|
opacity:0; transform:translateY(30px);
|
|
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-stat-item.visible { opacity:1; transform:translateY(0); }
|
|
.wv-stat-number {
|
|
font-family:'Sora',sans-serif; font-size:3.5rem; font-weight:800;
|
|
background: linear-gradient(135deg, #818cf8, #34d399);
|
|
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
|
|
background-clip:text; line-height:1;
|
|
}
|
|
.wv-stat-label {
|
|
font-family:'Outfit',sans-serif; font-size:0.95rem; color:#94a3b8;
|
|
margin-top:8px; font-weight:400; letter-spacing:0.5px;
|
|
}
|
|
.wv-stat-divider {
|
|
position:absolute; top:50%; transform:translateY(-50%);
|
|
width:1px; height:60px; background:linear-gradient(to bottom, transparent, rgba(99,102,241,0.3), transparent);
|
|
}
|
|
|
|
/* === WHY WEVAL SECTION === */
|
|
.wv-why-section {
|
|
padding: 100px 0;
|
|
background: #fff;
|
|
position: relative;
|
|
}
|
|
.wv-why-inner {
|
|
max-width:1200px; margin:0 auto; padding:0 32px;
|
|
}
|
|
.wv-why-header {
|
|
text-align:center; margin-bottom:64px;
|
|
}
|
|
.wv-why-badge {
|
|
display:inline-block;
|
|
font-family:'Outfit',sans-serif; font-size:0.75rem; font-weight:600;
|
|
text-transform:uppercase; letter-spacing:3px; color:#6366f1;
|
|
background:rgba(99,102,241,0.08); padding:8px 20px; border-radius:100px;
|
|
margin-bottom:20px;
|
|
}
|
|
.wv-why-title {
|
|
font-family:'Sora',sans-serif; font-size:2.8rem; font-weight:700;
|
|
color:#0f172a; line-height:1.2; margin:0;
|
|
}
|
|
.wv-why-title span { color:#6366f1; }
|
|
.wv-why-grid {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:32px;
|
|
}
|
|
.wv-why-card {
|
|
padding:40px 32px; border-radius:20px;
|
|
background:#f8fafc; border:1px solid #e2e8f0;
|
|
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
opacity:0; transform:translateY(40px);
|
|
position:relative; overflow:hidden;
|
|
}
|
|
.wv-why-card.visible { opacity:1; transform:translateY(0); }
|
|
.wv-why-card:hover {
|
|
transform:translateY(-8px)!important;
|
|
box-shadow:0 25px 60px rgba(99,102,241,0.12);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-why-card::before {
|
|
content:'';position:absolute;top:0;left:0;right:0;height:4px;
|
|
background:linear-gradient(90deg, var(--card-accent, #6366f1), var(--card-accent2, #818cf8));
|
|
border-radius:20px 20px 0 0;
|
|
}
|
|
.wv-why-icon {
|
|
width:56px;height:56px;border-radius:16px;
|
|
display:flex;align-items:center;justify-content:center;
|
|
font-size:1.6rem; margin-bottom:20px;
|
|
background:linear-gradient(135deg, var(--card-accent, #6366f1), var(--card-accent2, #818cf8));
|
|
color:#fff; box-shadow:0 8px 20px rgba(99,102,241,0.25);
|
|
}
|
|
.wv-why-card-title {
|
|
font-family:'Sora',sans-serif; font-size:1.25rem; font-weight:700;
|
|
color:#0f172a; margin:0 0 12px;
|
|
}
|
|
.wv-why-card-text {
|
|
font-family:'Outfit',sans-serif; font-size:0.95rem; line-height:1.7;
|
|
color:#64748b; margin:0;
|
|
}
|
|
|
|
/* === TESTIMONIALS === */
|
|
.wv-testimonials {
|
|
padding:100px 0;
|
|
background:linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
|
|
}
|
|
.wv-testimonials-inner {
|
|
max-width:1200px; margin:0 auto; padding:0 32px;
|
|
}
|
|
.wv-testimonials-header { text-align:center; margin-bottom:56px; }
|
|
.wv-testi-grid {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
|
|
}
|
|
.wv-testi-card {
|
|
background:#fff; border-radius:20px; padding:36px;
|
|
box-shadow:0 4px 24px rgba(0,0,0,0.04);
|
|
border:1px solid #e2e8f0;
|
|
opacity:0; transform:translateY(30px);
|
|
transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
|
|
position:relative;
|
|
}
|
|
.wv-testi-card.visible { opacity:1; transform:translateY(0); }
|
|
.wv-testi-card::before {
|
|
content:'"'; position:absolute; top:16px; right:24px;
|
|
font-size:5rem; line-height:1; color:rgba(99,102,241,0.08);
|
|
font-family:Georgia,serif;
|
|
}
|
|
.wv-testi-stars { color:#f59e0b; font-size:0.9rem; margin-bottom:16px; letter-spacing:2px; }
|
|
.wv-testi-text {
|
|
font-family:'Outfit',sans-serif; font-size:0.95rem; line-height:1.7;
|
|
color:#334155; margin:0 0 24px; font-style:italic;
|
|
}
|
|
.wv-testi-author {
|
|
display:flex; align-items:center; gap:14px;
|
|
}
|
|
.wv-testi-avatar {
|
|
width:48px;height:48px;border-radius:50%;
|
|
display:flex;align-items:center;justify-content:center;
|
|
font-weight:700; font-size:1.1rem; color:#fff;
|
|
font-family:'Sora',sans-serif;
|
|
}
|
|
.wv-testi-name {
|
|
font-family:'Sora',sans-serif; font-weight:600; font-size:0.9rem; color:#0f172a;
|
|
}
|
|
.wv-testi-role {
|
|
font-family:'Outfit',sans-serif; font-size:0.8rem; color:#94a3b8;
|
|
}
|
|
|
|
/* === CTA BANNER === */
|
|
.wv-cta-banner {
|
|
padding:80px 0;
|
|
background:linear-gradient(135deg, #312e81 0%, #4338ca 40%, #6366f1 100%);
|
|
position:relative; overflow:hidden;
|
|
}
|
|
.wv-cta-banner::before {
|
|
content:'';position:absolute;top:0;left:0;right:0;bottom:0;
|
|
background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
pointer-events:none;
|
|
}
|
|
.wv-cta-inner {
|
|
max-width:900px; margin:0 auto; padding:0 32px; text-align:center;
|
|
position:relative; z-index:1;
|
|
}
|
|
.wv-cta-title {
|
|
font-family:'Sora',sans-serif; font-size:2.5rem; font-weight:800;
|
|
color:#fff; margin:0 0 16px; line-height:1.2;
|
|
}
|
|
.wv-cta-sub {
|
|
font-family:'Outfit',sans-serif; font-size:1.15rem; color:rgba(255,255,255,0.8);
|
|
margin:0 0 36px; line-height:1.6;
|
|
}
|
|
.wv-cta-buttons { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
|
|
.wv-cta-btn {
|
|
display:inline-flex; align-items:center; gap:8px;
|
|
padding:16px 36px; border-radius:12px; font-family:'Sora',sans-serif;
|
|
font-size:1rem; font-weight:600; text-decoration:none;
|
|
transition: all 0.3s; cursor:pointer; border:none;
|
|
}
|
|
.wv-cta-btn-primary {
|
|
background:#fff; color:#4338ca;
|
|
box-shadow:0 8px 30px rgba(0,0,0,0.2);
|
|
}
|
|
.wv-cta-btn-primary:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(0,0,0,0.3); }
|
|
.wv-cta-btn-secondary {
|
|
background:transparent; color:#fff;
|
|
border:2px solid rgba(255,255,255,0.3)!important;
|
|
}
|
|
.wv-cta-btn-secondary:hover { border-color:#fff!important; background:rgba(255,255,255,0.1); }
|
|
|
|
/* === EXPERTISE BADGES === */
|
|
.wv-expertise {
|
|
padding:80px 0 40px;
|
|
background:#fff;
|
|
}
|
|
.wv-expertise-inner {
|
|
max-width:1200px; margin:0 auto; padding:0 32px;
|
|
}
|
|
.wv-expertise-header { text-align:center; margin-bottom:48px; }
|
|
.wv-expertise-grid {
|
|
display:flex; flex-wrap:wrap; justify-content:center; gap:16px;
|
|
}
|
|
.wv-exp-badge {
|
|
display:inline-flex; align-items:center; gap:10px;
|
|
padding:12px 24px; border-radius:100px;
|
|
background:#f8fafc; border:1px solid #e2e8f0;
|
|
font-family:'Outfit',sans-serif; font-size:0.9rem; font-weight:500;
|
|
color:#334155; transition:all 0.3s;
|
|
opacity:0; transform:scale(0.8);
|
|
transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-exp-badge.visible { opacity:1; transform:scale(1); }
|
|
.wv-exp-badge:hover { background:#eef2ff; border-color:#c7d2fe; transform:scale(1.05)!important; }
|
|
.wv-exp-icon { font-size:1.2rem; }
|
|
|
|
/* === RESPONSIVE === */
|
|
@media(max-width:768px){
|
|
.wv-stats-inner { grid-template-columns:repeat(2,1fr); gap:24px; }
|
|
.wv-stat-number { font-size:2.5rem; }
|
|
.wv-why-grid, .wv-testi-grid { grid-template-columns:1fr; }
|
|
.wv-why-title, .wv-cta-title { font-size:1.8rem; }
|
|
.wv-stats-bar, .wv-why-section, .wv-testimonials, .wv-cta-banner { padding:60px 0; }
|
|
.wv-stat-divider { display:none; }
|
|
}
|
|
@media(max-width:480px){
|
|
.wv-stats-inner { grid-template-columns:1fr 1fr; gap:16px; }
|
|
.wv-stat-number { font-size:2rem; }
|
|
.wv-cta-buttons { flex-direction:column; }
|
|
}
|
|
`;
|
|
document.head.appendChild(style);
|
|
|
|
// ============================================================
|
|
// INTERSECTION OBSERVER
|
|
// ============================================================
|
|
var observer = new IntersectionObserver(function(entries){
|
|
entries.forEach(function(e){
|
|
if(e.isIntersecting) {
|
|
e.target.classList.add('visible');
|
|
// Animate counters
|
|
if(e.target.hasAttribute('data-count')) {
|
|
animateCounter(e.target);
|
|
}
|
|
}
|
|
});
|
|
}, { threshold:0.2 });
|
|
|
|
function animateCounter(el) {
|
|
var target = parseInt(el.getAttribute('data-count'));
|
|
var suffix = el.getAttribute('data-suffix') || '';
|
|
var prefix = el.getAttribute('data-prefix') || '';
|
|
var duration = 2000;
|
|
var start = 0;
|
|
var startTime = null;
|
|
function step(ts) {
|
|
if(!startTime) startTime = ts;
|
|
var progress = Math.min((ts - startTime) / duration, 1);
|
|
var eased = 1 - Math.pow(1 - progress, 4); // easeOutQuart
|
|
var current = Math.round(start + (target - start) * eased);
|
|
el.textContent = prefix + current + suffix;
|
|
if(progress < 1) requestAnimationFrame(step);
|
|
}
|
|
requestAnimationFrame(step);
|
|
}
|
|
|
|
// ============================================================
|
|
// 1. STATS BAR (after Hero)
|
|
// ============================================================
|
|
var statsHTML = `
|
|
<section class="wv-stats-bar">
|
|
<div class="wv-stats-inner">
|
|
<div class="wv-stat-item" data-delay="0">
|
|
<div class="wv-stat-number" data-count="15" data-suffix="+">0+</div>
|
|
<div class="wv-stat-label">Années d'expertise terrain</div>
|
|
</div>
|
|
<div class="wv-stat-item" data-delay="150">
|
|
<div class="wv-stat-number" data-count="200" data-suffix="+">0+</div>
|
|
<div class="wv-stat-label">Projets livrés avec succès</div>
|
|
</div>
|
|
<div class="wv-stat-item" data-delay="300">
|
|
<div class="wv-stat-number" data-count="8" data-suffix="">0</div>
|
|
<div class="wv-stat-label">Pays sur 3 continents</div>
|
|
</div>
|
|
<div class="wv-stat-item" data-delay="450">
|
|
<div class="wv-stat-number" data-count="50" data-suffix="+">0+</div>
|
|
<div class="wv-stat-label">Experts certifiés</div>
|
|
</div>
|
|
</div>
|
|
</section>`;
|
|
|
|
var statsDiv = document.createElement('div');
|
|
statsDiv.innerHTML = statsHTML;
|
|
hero.parentNode.insertBefore(statsDiv.firstElementChild, hero.nextSibling);
|
|
|
|
// Observe stat items
|
|
document.querySelectorAll('.wv-stat-item').forEach(function(el, i){
|
|
el.style.transitionDelay = (i * 150) + 'ms';
|
|
observer.observe(el);
|
|
// Also observe the number for counter animation
|
|
var num = el.querySelector('.wv-stat-number');
|
|
if(num) observer.observe(num);
|
|
});
|
|
|
|
// ============================================================
|
|
// 2. WHY WEVAL SECTION (after services)
|
|
// ============================================================
|
|
var whyHTML = `
|
|
<section class="wv-why-section">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Pourquoi nous choisir</div>
|
|
<h2 class="wv-why-title">6 raisons de choisir WEVAL comme <span>partenaire stratégique</span></h2>
|
|
</div>
|
|
<div class="wv-why-grid">
|
|
<div class="wv-why-card" style="--card-accent:#6366f1;--card-accent2:#818cf8" data-delay="0">
|
|
<div class="wv-why-icon">🔬</div>
|
|
<h3 class="wv-why-card-title">IA Propriétaire</h3>
|
|
<p class="wv-why-card-text"><i class="wevia-brand">Wevia</i>, notre assistant IA développé en interne, intègre 8 modèles d'intelligence artificielle pour automatiser vos processus, analyser vos données et accélérer vos décisions. Une technologie exclusive, déployable dans votre environnement.</p>
|
|
</div>
|
|
<div class="wv-why-card" style="--card-accent:#10b981;--card-accent2:#34d399" data-delay="150">
|
|
<div class="wv-why-icon">🌍</div>
|
|
<h3 class="wv-why-card-title">Présence Internationale</h3>
|
|
<p class="wv-why-card-text">Casablanca · Paris · Sheridan. Des missions délivrées en France, Allemagne, Belgique, Suisse, Suède, Maroc, Tunisie et USA. La proximité d'un acteur local avec la puissance d'un réseau global.</p>
|
|
</div>
|
|
<div class="wv-why-card" style="--card-accent:#f59e0b;--card-accent2:#fbbf24" data-delay="300">
|
|
<div class="wv-why-icon">🏆</div>
|
|
<h3 class="wv-why-card-title">Partenariats Leaders</h3>
|
|
<p class="wv-why-card-text">Certifiés Huawei Cloud CSP, partenaires officiels SAP, Vistex et IQVIA. Accès direct aux technologies les plus avancées, aux tarifs partenaires, avec un support technique de niveau expert.</p>
|
|
</div>
|
|
<div class="wv-why-card" style="--card-accent:#ec4899;--card-accent2:#f472b6" data-delay="450">
|
|
<div class="wv-why-icon">⚡</div>
|
|
<h3 class="wv-why-card-title">Exécution Rapide</h3>
|
|
<p class="wv-why-card-text">Méthodologies Lean Six Sigma, PMI, ITIL et DevOps. Des sprints courts, des livrables concrets, un time-to-value optimisé. Nos clients constatent en moyenne 40% de gains de productivité.</p>
|
|
</div>
|
|
<div class="wv-why-card" style="--card-accent:#8b5cf6;--card-accent2:#a78bfa" data-delay="600">
|
|
<div class="wv-why-icon">🎯</div>
|
|
<h3 class="wv-why-card-title">100% Sur-mesure</h3>
|
|
<p class="wv-why-card-text">Pas de solutions génériques. Chaque architecture, chaque roadmap, chaque formation est conçue pour votre contexte métier, votre taille et vos objectifs de croissance spécifiques.</p>
|
|
</div>
|
|
<div class="wv-why-card" style="--card-accent:#06b6d4;--card-accent2:#22d3ee" data-delay="750">
|
|
<div class="wv-why-icon">🛡️</div>
|
|
<h3 class="wv-why-card-title">Sécurité & Conformité</h3>
|
|
<p class="wv-why-card-text">Conformité RGPD, Loi 09-08 (Maroc), normes ISO 27001. Audits de sécurité, plans de continuité et chiffrement de bout en bout. Vos données sensibles méritent une protection sans compromis.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>`;
|
|
|
|
// Insert after WevalExcellence or after services
|
|
var insertAfter = excellence || services;
|
|
var whyDiv = document.createElement('div');
|
|
whyDiv.innerHTML = whyHTML;
|
|
if(insertAfter && insertAfter.nextSibling) {
|
|
insertAfter.parentNode.insertBefore(whyDiv.firstElementChild, insertAfter.nextSibling);
|
|
} else if(insertAfter) {
|
|
insertAfter.parentNode.appendChild(whyDiv.firstElementChild);
|
|
}
|
|
|
|
document.querySelectorAll('.wv-why-card').forEach(function(el){
|
|
el.style.transitionDelay = el.getAttribute('data-delay') + 'ms';
|
|
observer.observe(el);
|
|
});
|
|
|
|
// ============================================================
|
|
// 3. EXPERTISE BADGES (after why section)
|
|
// ============================================================
|
|
var expHTML = `
|
|
<section class="wv-expertise">
|
|
<div class="wv-expertise-inner">
|
|
<div class="wv-expertise-header">
|
|
<div class="wv-why-badge">Nos domaines</div>
|
|
<h2 class="wv-why-title" style="font-size:2rem">Expertise <span>sectorielle</span></h2>
|
|
</div>
|
|
<div class="wv-expertise-grid">
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">💊</span> Pharma & Life Sciences</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">🏦</span> Banque & Finance</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">🛒</span> Retail & Distribution</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">🏭</span> Industrie & Manufacturing</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">✈️</span> Transport & Logistique</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">⚡</span> Énergie & Utilities</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">🏛️</span> Secteur Public</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">🧪</span> Chimie & Cosmétique</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">🚗</span> Automobile & Aéronautique</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">📡</span> Télécoms & IT</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">🏗️</span> BTP & Immobilier</span>
|
|
<span class="wv-exp-badge"><span class="wv-exp-icon">🎓</span> Éducation & Formation</span>
|
|
</div>
|
|
</div>
|
|
</section>`;
|
|
|
|
var whySection = document.querySelector('.wv-why-section');
|
|
if(whySection) {
|
|
var expDiv = document.createElement('div');
|
|
expDiv.innerHTML = expHTML;
|
|
whySection.parentNode.insertBefore(expDiv.firstElementChild, whySection.nextSibling);
|
|
}
|
|
|
|
document.querySelectorAll('.wv-exp-badge').forEach(function(el, i){
|
|
el.style.transitionDelay = (i * 60) + 'ms';
|
|
observer.observe(el);
|
|
});
|
|
|
|
// ============================================================
|
|
// 4. TESTIMONIALS (before slider)
|
|
// ============================================================
|
|
var testiHTML = `
|
|
<section class="wv-testimonials">
|
|
<div class="wv-testimonials-inner">
|
|
<div class="wv-testimonials-header">
|
|
<div class="wv-why-badge">Témoignages</div>
|
|
<h2 class="wv-why-title">Ils nous font <span>confiance</span></h2>
|
|
</div>
|
|
<div class="wv-testi-grid">
|
|
<div class="wv-testi-card" data-delay="0">
|
|
<div class="wv-testi-stars">★★★★★</div>
|
|
<p class="wv-testi-text">Le déploiement Vistex piloté par WEVAL a transformé notre gestion des accords commerciaux sur SAP S/4HANA. Résultat concret : 40% de temps gagné sur les clôtures mensuelles, visibilité totale sur nos rebates et chargebacks, et un ROI atteint en 6 mois.</p>
|
|
<div class="wv-testi-author">
|
|
<div class="wv-testi-avatar" style="background:linear-gradient(135deg,#6366f1,#818cf8)">AD</div>
|
|
<div>
|
|
<div class="wv-testi-name">Ahmed D.</div>
|
|
<div class="wv-testi-role">Directeur Supply Chain · Groupe Agroalimentaire, Casablanca</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wv-testi-card" data-delay="150">
|
|
<div class="wv-testi-stars">★★★★★</div>
|
|
<p class="wv-testi-text">La migration Huawei Cloud orchestrée par WEVAL a réduit nos coûts infrastructure de 35% et divisé par 3 nos temps de déploiement. Leur expertise Cloud et leur réactivité en font un partenaire technique incontournable pour notre groupe.</p>
|
|
<div class="wv-testi-author">
|
|
<div class="wv-testi-avatar" style="background:linear-gradient(135deg,#10b981,#34d399)">MB</div>
|
|
<div>
|
|
<div class="wv-testi-name">Mohamed B.</div>
|
|
<div class="wv-testi-role">DSI · Groupe Industriel, Casablanca</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wv-testi-card" data-delay="300">
|
|
<div class="wv-testi-stars">★★★★★</div>
|
|
<p class="wv-testi-text">L'assistant <i class="wevia-brand">Wevia</i> déployé sur notre plateforme e-commerce a automatisé 70% des réponses client en 3 langues, réduit notre temps de traitement de 65% et augmenté la satisfaction client de 28 points. L'IA de WEVAL n'est pas un gadget — c'est un levier business.</p>
|
|
<div class="wv-testi-author">
|
|
<div class="wv-testi-avatar" style="background:linear-gradient(135deg,#f59e0b,#fbbf24)">SL</div>
|
|
<div>
|
|
<div class="wv-testi-name">Sophie L.</div>
|
|
<div class="wv-testi-role">Directrice Marketing · E-commerce, Paris</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>`;
|
|
|
|
if(slider) {
|
|
var testiDiv = document.createElement('div');
|
|
testiDiv.innerHTML = testiHTML;
|
|
slider.parentNode.insertBefore(testiDiv.firstElementChild, slider);
|
|
}
|
|
|
|
document.querySelectorAll('.wv-testi-card').forEach(function(el){
|
|
el.style.transitionDelay = el.getAttribute('data-delay') + 'ms';
|
|
observer.observe(el);
|
|
});
|
|
|
|
// ============================================================
|
|
// 5. CTA BANNER (at the very end, before footer)
|
|
// ============================================================
|
|
var ctaHTML = `
|
|
<section class="wv-cta-banner">
|
|
<div class="wv-cta-inner">
|
|
<h2 class="wv-cta-title">Votre transformation commence ici</h2>
|
|
<p class="wv-cta-sub">Réservez un diagnostic gratuit de 30 minutes avec un expert WEVAL. Analyse personnalisée de vos enjeux, recommandations concrètes et feuille de route actionnable — zéro engagement, 100% valeur.</p>
|
|
<div class="wv-cta-buttons">
|
|
<a href="/contact-us" class="wv-cta-btn wv-cta-btn-primary">
|
|
📅 Réserver mon audit gratuit
|
|
</a>
|
|
<a href="/wevia" class="wv-cta-btn wv-cta-btn-secondary">
|
|
🧠 Tester <i class="wevia-brand">Wevia</i>, notre IA
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>`;
|
|
|
|
// Insert CTA after the LAST React section (slider/references), NOT before footer
|
|
var lastReactSection = slider || document.querySelector('.centered-container') || document.querySelector('.companies-slider');
|
|
var footerEl = document.querySelector('footer.footer');
|
|
if(footerEl) {
|
|
var ctaDiv = document.createElement('div');
|
|
ctaDiv.innerHTML = ctaHTML;
|
|
footerEl.parentNode.insertBefore(ctaDiv.firstElementChild, footerEl);
|
|
} else if(lastReactSection && lastReactSection.nextSibling) {
|
|
var ctaDiv = document.createElement('div');
|
|
ctaDiv.innerHTML = ctaHTML;
|
|
lastReactSection.parentNode.insertBefore(ctaDiv.firstElementChild, lastReactSection.nextSibling);
|
|
}
|
|
|
|
// ============================================================
|
|
// 6. TECH STACK (after expertise badges)
|
|
// ============================================================
|
|
var techHTML = `
|
|
<section class="wv-tech-section">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Technologies</div>
|
|
<h2 class="wv-why-title">Notre <span>stack technologique</span></h2>
|
|
</div>
|
|
<div class="wv-tech-grid">
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon">☁️</div>
|
|
<div class="wv-tech-name">Huawei Cloud</div>
|
|
<div class="wv-tech-desc">Infrastructure souveraine, IaaS & PaaS certifié</div>
|
|
</div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon">🔷</div>
|
|
<div class="wv-tech-name">SAP / Vistex</div>
|
|
<div class="wv-tech-desc">ERP S/4HANA, Revenue Management & Pricing</div>
|
|
</div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon">🧠</div>
|
|
<div class="wv-tech-name"><i class="wevia-brand">Wevia</i> IA</div>
|
|
<div class="wv-tech-desc">8 modèles IA · Chatbot · Automation · Analytics</div>
|
|
</div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon">📊</div>
|
|
<div class="wv-tech-name">IQVIA</div>
|
|
<div class="wv-tech-desc">Data Analytics Pharma & Life Sciences</div>
|
|
</div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon">🔒</div>
|
|
<div class="wv-tech-name">Cybersécurité</div>
|
|
<div class="wv-tech-desc">Audit, SOC, Pentesting & Conformité ISO 27001</div>
|
|
</div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon">⛓️</div>
|
|
<div class="wv-tech-name">Blockchain</div>
|
|
<div class="wv-tech-desc">Smart Contracts, Traçabilité & DeFi</div>
|
|
</div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon">📡</div>
|
|
<div class="wv-tech-name">IoT</div>
|
|
<div class="wv-tech-desc">Capteurs industriels, Edge & Monitoring temps réel</div>
|
|
</div>
|
|
<div class="wv-tech-card visible">
|
|
<div class="wv-tech-icon">📈</div>
|
|
<div class="wv-tech-name">Big Data</div>
|
|
<div class="wv-tech-desc">Data Lake, Machine Learning & BI prédictive</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>`;
|
|
|
|
var expSection = document.querySelector('.wv-expertise');
|
|
if(expSection) {
|
|
var techDiv = document.createElement('div');
|
|
techDiv.innerHTML = techHTML;
|
|
expSection.parentNode.insertBefore(techDiv.firstElementChild, expSection.nextSibling);
|
|
}
|
|
|
|
// ============================================================
|
|
// 7. BLOG TEASER (before CTA)
|
|
// ============================================================
|
|
var blogHTML = `
|
|
<section class="wv-blog-section">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Actualités & Publications WEVAL</div>
|
|
<h2 class="wv-why-title">Dernières <span>publications</span></h2>
|
|
<p style="color:#64748b;font-size:1rem;margin-top:8px;max-width:600px;margin-left:auto;margin-right:auto">Articles, tribunes et analyses partagés par nos experts sur LinkedIn et notre blog</p>
|
|
</div>
|
|
|
|
<div class="wv-blog-grid-6">
|
|
|
|
<!-- 1. WEVAL IA Launch -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Fev 2026</div>
|
|
</div>
|
|
<div class="wv-blog-tag-v2" style="background:#ede9fe;color:#6d28d9">IA & Innovation</div>
|
|
<h3 class="wv-blog-title-v2">WEVAL IA : notre solution SaaS 100% opérationnelle est lancée</h3>
|
|
<p class="wv-blog-excerpt-v2">Agent autonome, RAG documentaire, analyse prédictive et intégration native API/ERP/CRM. 100% uptime, <200ms.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 4</span>
|
|
<span class="wv-blog-stat">🔁 3</span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 2. Huawei Cloud Transformation -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Dec 2025</div>
|
|
</div>
|
|
<div class="wv-blog-tag-v2" style="background:#dbeafe;color:#1d4ed8">Cloud</div>
|
|
<h3 class="wv-blog-title-v2">Weval x Huawei Cloud : votre transformation Cloud commence ici</h3>
|
|
<p class="wv-blog-excerpt-v2">Solutions performantes, accessibles et évolutives. Accédez à la Marketplace Cloud WEVAL.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 4</span>
|
|
<span class="wv-blog-stat">🔁 1</span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 3. Vistex Vendor Funding -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div>
|
|
</div>
|
|
<div class="wv-blog-tag-v2" style="background:#fef3c7;color:#92400e">SAP & Vistex</div>
|
|
<h3 class="wv-blog-title-v2">GTMS® Vendor Funding by Vistex : maximisez vos marges et recouvrements</h3>
|
|
<p class="wv-blog-excerpt-v2">Performance accrue, gestion simplifiée des ristournes et analyse en temps réel avec WEVAL & Vistex.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 6</span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 4. Souverainete numerique -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div>
|
|
</div>
|
|
<div class="wv-blog-tag-v2" style="background:#dcfce7;color:#166534">Souveraineté</div>
|
|
<h3 class="wv-blog-title-v2">Souveraineté numérique : une obligation stratégique pour le Maroc</h3>
|
|
<p class="wv-blog-excerpt-v2">Avec Huawei CloudStack, conformité, performance et transformation. Le Maroc passe au cloud souverain.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 7</span>
|
|
<span class="wv-blog-stat">🔁 1</span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 5. SAP Vistex Revenue -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Aout 2025</div>
|
|
</div>
|
|
<div class="wv-blog-tag-v2" style="background:#fee2e2;color:#991b1b">SAP & Vistex</div>
|
|
<h3 class="wv-blog-title-v2">SAP Vistex : qui optimise vos revenus cachés ?</h3>
|
|
<p class="wv-blog-excerpt-v2">Rebate Manager, Dispute Manager, TPM, Incentives. L’extension stratégique indispensable à votre ERP SAP.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 11</span>
|
|
<span class="wv-blog-stat">🔁 4</span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 6. Assises Nationales IA -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div>
|
|
</div>
|
|
<div class="wv-blog-tag-v2" style="background:#e0e7ff;color:#3730a3">Événement IA</div>
|
|
<h3 class="wv-blog-title-v2">Assises Nationales de l’IA — Rabat : le Maroc hub africain de l’IA</h3>
|
|
<p class="wv-blog-excerpt-v2">130 experts de 30 pays, feuille de route nationale en 8 piliers pour une IA éthique et inclusive.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 3</span>
|
|
<span class="wv-blog-stat">🔁 1</span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 7. WEVAL Huawei Alliance -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div>
|
|
</div>
|
|
<div class="wv-blog-tag-v2" style="background:#dbeafe;color:#1d4ed8">Partenariat</div>
|
|
<h3 class="wv-blog-title-v2">WEVAL & Huawei Cloud : alliance exclusive Maroc, France & Afrique de l’Ouest</h3>
|
|
<p class="wv-blog-excerpt-v2">Cloud Public, Privé, Hybride + Cybersécurité, IA, Big Data, IoT, Blockchain. Partenaire exclusif.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 9</span>
|
|
<span class="wv-blog-stat">🔁 1</span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 8. CRM Pharma -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Aout 2025</div>
|
|
</div>
|
|
<div class="wv-blog-tag-v2" style="background:#fce7f3;color:#9d174d">Pharma & CRM</div>
|
|
<h3 class="wv-blog-title-v2">CRM Pharma : conformité, souveraineté et performance multi-régions</h3>
|
|
<p class="wv-blog-excerpt-v2">Cloud Souverain marocain, KPI business, segmentation ABC/ABM, mode offline zones rurales.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 7</span>
|
|
<span class="wv-blog-stat">🔁 2</span>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- 9. Vistex Convention USF Lyon -->
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-blog-card-v2 wv-linkedin-card">
|
|
<div class="wv-blog-card-top">
|
|
<div class="wv-blog-source"><svg class="wv-li-icon" viewBox="0 0 24 24" width="14" height="14"><path fill="#0A66C2" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg> LinkedIn WEVAL</div>
|
|
<div class="wv-blog-date">Oct 2025</div>
|
|
</div>
|
|
<div class="wv-blog-tag-v2" style="background:#fef3c7;color:#92400e">Événement</div>
|
|
<h3 class="wv-blog-title-v2">Convention USF 2025 Lyon — Vistex x Biogaran : ristournes clients optimisées</h3>
|
|
<p class="wv-blog-excerpt-v2">Découvrez comment Biogaran a mis en œuvre Vistex pour sa gestion complexe de ristournes.</p>
|
|
<div class="wv-blog-footer">
|
|
<span class="wv-blog-stat">🔗 LinkedIn</span>
|
|
<span class="wv-blog-stat">❤️ 5</span>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div style="text-align:center;margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap">
|
|
<a href="/blog/" class="wv-cta-btn" style="background:#f1f5f9;color:#334155;display:inline-flex;font-size:0.9rem;padding:12px 28px;border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s">
|
|
📝 Voir le Blog WEVAL →
|
|
</a>
|
|
<a href="https://www.linkedin.com/company/weval/?viewAsMember=true" target="_blank" rel="noopener" class="wv-cta-btn" style="background:#0A66C2;color:#fff;display:inline-flex;font-size:0.9rem;padding:12px 28px;border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s;align-items:center;gap:8px">
|
|
<svg viewBox="0 0 24 24" width="16" height="16"><path fill="#fff" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"/></svg>
|
|
Suivre WEVAL sur LinkedIn
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>`;
|
|
|
|
|
|
// ============================================================
|
|
// USE CASES — Client Mission Cards by Sector
|
|
// ============================================================
|
|
|
|
var useCasesHTML = `
|
|
<section class="wv-usecase-section" id="use-cases">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Use Cases & Références</div>
|
|
<h2 class="wv-why-title">Nos <span>missions clients</span></h2>
|
|
<p style="color:#64748b;font-size:1rem;margin-top:8px;max-width:700px;margin-left:auto;margin-right:auto">
|
|
+30 clients grands comptes accompagnés en France, Maroc et à l'international. Découvrez nos réalisations par secteur.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- SECTOR TABS -->
|
|
<div class="wv-uc-tabs">
|
|
<button class="wv-uc-tab active" data-sector="all">Tous</button>
|
|
<button class="wv-uc-tab" data-sector="pharma">Pharma & Life Sciences</button>
|
|
<button class="wv-uc-tab" data-sector="industrie">Industrie & Aéro</button>
|
|
<button class="wv-uc-tab" data-sector="retail">Retail & Distribution</button>
|
|
<button class="wv-uc-tab" data-sector="energie">Énergie & Mining</button>
|
|
<button class="wv-uc-tab" data-sector="transport">Transport & Logistique</button>
|
|
<button class="wv-uc-tab" data-sector="digital">Digital & IA</button>
|
|
</div>
|
|
|
|
<!-- USE CASE CARDS -->
|
|
<div class="wv-uc-grid" id="ucGrid">
|
|
|
|
<!-- ============ PHARMA & LIFE SCIENCES ============ -->
|
|
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">💊</div>
|
|
<div>
|
|
<div class="wv-uc-client">Abbott</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma & Life Sciences</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Optimisation pricing & rebates SAP/Vistex</h4>
|
|
<p class="wv-uc-desc">Déploiement des solutions Vistex sur SAP S/4HANA pour la gestion des accords commerciaux, chargebacks et commissions dans le secteur dispositifs médicaux.</p>
|
|
<div class="wv-uc-tags"><span>SAP S/4HANA</span><span>Vistex IP</span><span>Pricing</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-40%</strong><small>temps clôture</small></div>
|
|
<div class="wv-uc-metric"><strong>100%</strong><small>visibilité marge</small></div>
|
|
<div class="wv-uc-metric"><strong>12</strong><small>pays déployés</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🧬</div>
|
|
<div>
|
|
<div class="wv-uc-client">AbbVie</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma & Life Sciences</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Programme de rebates & incentives pharmaceutiques</h4>
|
|
<p class="wv-uc-desc">Mise en place de la gestion automatisée des remises conditionnelles et programmes d'incentives sur SAP ECC avec extension Vistex pour le marché européen.</p>
|
|
<div class="wv-uc-tags"><span>Vistex</span><span>Rebates</span><span>SAP ECC</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>€2M+</strong><small>rebates gérés/an</small></div>
|
|
<div class="wv-uc-metric"><strong>-60%</strong><small>erreurs facturation</small></div>
|
|
<div class="wv-uc-metric"><strong>8</strong><small>filiales Europe</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🏥</div>
|
|
<div>
|
|
<div class="wv-uc-client">Johnson & Johnson</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma & Life Sciences</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Transformation accords commerciaux & compliance</h4>
|
|
<p class="wv-uc-desc">Accompagnement MOA/MOE pour la refonte des processus de gestion des accords commerciaux et mise en conformité réglementaire sur SAP S/4HANA.</p>
|
|
<div class="wv-uc-tags"><span>MOA/MOE</span><span>Compliance</span><span>SAP</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>100%</strong><small>compliance</small></div>
|
|
<div class="wv-uc-metric"><strong>3</strong><small>BUs transformées</small></div>
|
|
<div class="wv-uc-metric"><strong>18</strong><small>mois projet</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">💉</div>
|
|
<div>
|
|
<div class="wv-uc-client">Servier</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma & Life Sciences</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">PMO programme SAP & gestion des données référentielles</h4>
|
|
<p class="wv-uc-desc">Pilotage PMO du programme de transformation SI incluant la migration SAP et la consolidation des données maîtres pharmaceutiques à l'international.</p>
|
|
<div class="wv-uc-tags"><span>PMO</span><span>SAP</span><span>Master Data</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>5</strong><small>filiales migrées</small></div>
|
|
<div class="wv-uc-metric"><strong>PMI</strong><small>méthodologie</small></div>
|
|
<div class="wv-uc-metric"><strong>24</strong><small>mois</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🧪</div>
|
|
<div>
|
|
<div class="wv-uc-client">L'Oréal</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Cosmétique & Life Sciences</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Pricing & promotions multi-marchés</h4>
|
|
<p class="wv-uc-desc">Déploiement de la gestion des conditions tarifaires et promotions sur SAP/Vistex pour les divisions cosmétiques sur les marchés européens et Maghreb.</p>
|
|
<div class="wv-uc-tags"><span>Vistex</span><span>Pricing</span><span>Multi-marché</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>15+</strong><small>marchés</small></div>
|
|
<div class="wv-uc-metric"><strong>-35%</strong><small>écarts pricing</small></div>
|
|
<div class="wv-uc-metric"><strong>Agile</strong><small>déploiement</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">📊</div>
|
|
<div>
|
|
<div class="wv-uc-client">IQVIA</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Data Pharma</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Conseil data & analytics pharmaceutiques</h4>
|
|
<p class="wv-uc-desc">Accompagnement sur les solutions de données de santé et analytics pour l'optimisation des performances commerciales des laboratoires partenaires.</p>
|
|
<div class="wv-uc-tags"><span>Data Analytics</span><span>Consulting</span><span>Pharma</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>IQVIA</strong><small>Partner</small></div>
|
|
<div class="wv-uc-metric"><strong>3</strong><small>pays Maghreb</small></div>
|
|
<div class="wv-uc-metric"><strong>B2B</strong><small>focus HCP</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============ INDUSTRIE & AÉRO ============ -->
|
|
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">✈️</div>
|
|
<div>
|
|
<div class="wv-uc-client">Safran</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Aéronautique</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">PMO transformation industrielle & digitalisation usines</h4>
|
|
<p class="wv-uc-desc">Pilotage de la transformation digitale des processus industriels, intégration MES/ERP et déploiement des outils de suivi de production.</p>
|
|
<div class="wv-uc-tags"><span>PMO</span><span>Industrie 4.0</span><span>MES/ERP</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>3</strong><small>usines pilotes</small></div>
|
|
<div class="wv-uc-metric"><strong>+25%</strong><small>productivité</small></div>
|
|
<div class="wv-uc-metric"><strong>Lean</strong><small>approche</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🛞</div>
|
|
<div>
|
|
<div class="wv-uc-client">Michelin</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Industrie</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Assistance MOE SI & optimisation supply chain</h4>
|
|
<p class="wv-uc-desc">Expertise MOE sur les systèmes d'information logistiques et optimisation des flux supply chain pour les sites de production européens.</p>
|
|
<div class="wv-uc-tags"><span>MOE</span><span>Supply Chain</span><span>SI</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-20%</strong><small>stocks</small></div>
|
|
<div class="wv-uc-metric"><strong>ITIL</strong><small>framework</small></div>
|
|
<div class="wv-uc-metric"><strong>6</strong><small>sites Europe</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🚄</div>
|
|
<div>
|
|
<div class="wv-uc-client">Bombardier Transport</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Ferroviaire</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Gestion de projet & architecture SI ferroviaire</h4>
|
|
<p class="wv-uc-desc">Pilotage de projets SI complexes pour le constructeur ferroviaire : architecture, intégration systèmes embarqués et gestion des exigences techniques.</p>
|
|
<div class="wv-uc-tags"><span>Architecture SI</span><span>PMI</span><span>CMMI</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>CMMI</strong><small>niveau 3</small></div>
|
|
<div class="wv-uc-metric"><strong>2</strong><small>programmes</small></div>
|
|
<div class="wv-uc-metric"><strong>Multi</strong><small>pays</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">⚙️</div>
|
|
<div>
|
|
<div class="wv-uc-client">Faiveley / Wabtec</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Ferroviaire</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Intégration ERP & consolidation post-acquisition</h4>
|
|
<p class="wv-uc-desc">Accompagnement MOA de la consolidation SI suite à l'acquisition par Wabtec, harmonisation des processus métier et migration des données.</p>
|
|
<div class="wv-uc-tags"><span>MOA</span><span>ERP</span><span>M&A Integration</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>2→1</strong><small>ERP consolidé</small></div>
|
|
<div class="wv-uc-metric"><strong>100%</strong><small>données migrées</small></div>
|
|
<div class="wv-uc-metric"><strong>12</strong><small>mois</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🔩</div>
|
|
<div>
|
|
<div class="wv-uc-client">ElringKlinger</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Automobile</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Transformation commissions & incentives SAP/Vistex</h4>
|
|
<p class="wv-uc-desc">Modernisation d'un système de commissions vieux de 20 ans. Déploiement Vistex sur SAP S/4HANA pour la gestion automatisée des incentives et commissions commerciales.</p>
|
|
<div class="wv-uc-tags"><span>Vistex</span><span>SAP S/4HANA</span><span>Commissions</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>20→0</strong><small>ans legacy éliminé</small></div>
|
|
<div class="wv-uc-metric"><strong>-70%</strong><small>traitement manuel</small></div>
|
|
<div class="wv-uc-metric"><strong>Real-time</strong><small>visibilité</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🏭</div>
|
|
<div>
|
|
<div class="wv-uc-client">Daher Aerospace</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Aéronautique</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Consulting SI & optimisation processus aéronautiques</h4>
|
|
<p class="wv-uc-desc">Mission de conseil en systèmes d'information pour l'optimisation des processus industriels et logistiques dans le secteur aéronautique.</p>
|
|
<div class="wv-uc-tags"><span>Consulting SI</span><span>Lean</span><span>Aéro</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Lean</strong><small>Management</small></div>
|
|
<div class="wv-uc-metric"><strong>+15%</strong><small>efficacité</small></div>
|
|
<div class="wv-uc-metric"><strong>ITIL</strong><small>framework</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============ RETAIL & DISTRIBUTION ============ -->
|
|
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🛒</div>
|
|
<div>
|
|
<div class="wv-uc-client">Carrefour</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Grande Distribution</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Gestion promotions & accords fournisseurs SAP</h4>
|
|
<p class="wv-uc-desc">Implémentation de la gestion des promotions et accords commerciaux fournisseurs sur SAP, automatisation des chargebacks et réconciliation financière.</p>
|
|
<div class="wv-uc-tags"><span>SAP</span><span>Promotions</span><span>Chargebacks</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>€50M+</strong><small>accords gérés</small></div>
|
|
<div class="wv-uc-metric"><strong>-50%</strong><small>litiges</small></div>
|
|
<div class="wv-uc-metric"><strong>Agile</strong><small>Scrum</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">📦</div>
|
|
<div>
|
|
<div class="wv-uc-client">Fnac</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Retail Spécialisé</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">MOA/MOE e-commerce & intégration omnicanal</h4>
|
|
<p class="wv-uc-desc">Accompagnement de la transformation omnicanal : convergence SI retail et e-commerce, synchronisation stocks et parcours client unifié.</p>
|
|
<div class="wv-uc-tags"><span>MOA/MOE</span><span>E-commerce</span><span>Omnicanal</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>+30%</strong><small>conversion online</small></div>
|
|
<div class="wv-uc-metric"><strong>Real-time</strong><small>stock sync</small></div>
|
|
<div class="wv-uc-metric"><strong>3</strong><small>canaux unifiés</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🏪</div>
|
|
<div>
|
|
<div class="wv-uc-client">Intermarché</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Grande Distribution</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Optimisation supply chain & gestion des achats</h4>
|
|
<p class="wv-uc-desc">Conseil et MOA sur l'optimisation de la chaîne d'approvisionnement et la gestion des achats centralisés pour le groupement coopératif.</p>
|
|
<div class="wv-uc-tags"><span>Supply Chain</span><span>Achats</span><span>MOA</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-15%</strong><small>coûts achats</small></div>
|
|
<div class="wv-uc-metric"><strong>+20%</strong><small>rotation stocks</small></div>
|
|
<div class="wv-uc-metric"><strong>Lean</strong><small>procurement</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============ ÉNERGIE & MINING ============ -->
|
|
|
|
<div class="wv-uc-card" data-sector="energie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">⛽</div>
|
|
<div>
|
|
<div class="wv-uc-client">TotalEnergies</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fee2e2;color:#991b1b">Énergie</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Programme de transformation digitale & ERP</h4>
|
|
<p class="wv-uc-desc">Assistance MOE sur le programme de modernisation des systèmes SAP, migration données et optimisation des processus downstream/upstream.</p>
|
|
<div class="wv-uc-tags"><span>SAP</span><span>MOE</span><span>Transformation</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>SAP</strong><small>S/4HANA</small></div>
|
|
<div class="wv-uc-metric"><strong>Global</strong><small>déploiement</small></div>
|
|
<div class="wv-uc-metric"><strong>PMI</strong><small>gouvernance</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="energie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🐚</div>
|
|
<div>
|
|
<div class="wv-uc-client">Shell</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fee2e2;color:#991b1b">Énergie</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Consulting SI downstream & process automation</h4>
|
|
<p class="wv-uc-desc">Conseil en systèmes d'information pour l'automatisation des processus de distribution et optimisation de la chaîne logistique downstream.</p>
|
|
<div class="wv-uc-tags"><span>Process Automation</span><span>SI</span><span>Downstream</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-30%</strong><small>temps process</small></div>
|
|
<div class="wv-uc-metric"><strong>ITIL</strong><small>best practices</small></div>
|
|
<div class="wv-uc-metric"><strong>24/7</strong><small>monitoring</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="energie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">⛏️</div>
|
|
<div>
|
|
<div class="wv-uc-client">OCP Group</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fee2e2;color:#991b1b">Mining & Phosphates</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Transformation digitale & modernisation SI industriel</h4>
|
|
<p class="wv-uc-desc">Accompagnement du leader mondial des phosphates dans sa transformation digitale : audit SI, refonte architecture, déploiement solutions Cloud et IA industrielle.</p>
|
|
<div class="wv-uc-tags"><span>Digital</span><span>Cloud</span><span>IA Industrielle</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>mondial phosphates</small></div>
|
|
<div class="wv-uc-metric"><strong>Cloud</strong><small>Huawei</small></div>
|
|
<div class="wv-uc-metric"><strong>Maroc</strong><small>souveraineté</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="energie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🏗️</div>
|
|
<div>
|
|
<div class="wv-uc-client">COSUMAR</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fee2e2;color:#991b1b">Agroalimentaire</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">SAP IBP — Planification intégrée supply chain en 4 mois</h4>
|
|
<p class="wv-uc-desc">Déploiement SAP IBP (Integrated Business Planning) en collaboration avec SAP et Logiq Technology pour la planification intégrée de la supply chain sucrière.</p>
|
|
<div class="wv-uc-tags"><span>SAP IBP</span><span>S&OP</span><span>Supply Chain</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>4</strong><small>mois go-live</small></div>
|
|
<div class="wv-uc-metric"><strong>+40%</strong><small>prévisibilité</small></div>
|
|
<div class="wv-uc-metric"><strong>S&OP</strong><small>temps réel</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============ TRANSPORT & LOGISTIQUE ============ -->
|
|
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🚛</div>
|
|
<div>
|
|
<div class="wv-uc-client">Geodis</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Logistique</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">PMO programme TMS & optimisation réseau logistique</h4>
|
|
<p class="wv-uc-desc">Pilotage du programme de modernisation du Transport Management System et optimisation du réseau logistique européen.</p>
|
|
<div class="wv-uc-tags"><span>PMO</span><span>TMS</span><span>Logistique</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-18%</strong><small>coûts transport</small></div>
|
|
<div class="wv-uc-metric"><strong>PMI</strong><small>gouvernance</small></div>
|
|
<div class="wv-uc-metric"><strong>EU</strong><small>réseau</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🚇</div>
|
|
<div>
|
|
<div class="wv-uc-client">RATP</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Transport Public</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Gestion de projet SI & modernisation systèmes</h4>
|
|
<p class="wv-uc-desc">Mission de pilotage de projet pour la modernisation des systèmes d'information de l'opérateur de transport public parisien.</p>
|
|
<div class="wv-uc-tags"><span>Gestion de projet</span><span>SI</span><span>Agile</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>RATP</strong><small>Île-de-France</small></div>
|
|
<div class="wv-uc-metric"><strong>Agile</strong><small>Scrum</small></div>
|
|
<div class="wv-uc-metric"><strong>15+</strong><small>consultants</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🚚</div>
|
|
<div>
|
|
<div class="wv-uc-client">SNTL</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Logistique Maroc</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Digitalisation & modernisation SI transport national</h4>
|
|
<p class="wv-uc-desc">Accompagnement du leader logistique marocain dans la digitalisation de ses opérations : déploiement ERP, automatisation workflows et tableaux de bord temps réel.</p>
|
|
<div class="wv-uc-tags"><span>ERP</span><span>Digitalisation</span><span>BI</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>logistique Maroc</small></div>
|
|
<div class="wv-uc-metric"><strong>Real-time</strong><small>dashboards</small></div>
|
|
<div class="wv-uc-metric"><strong>-25%</strong><small>temps process</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============ DIGITAL & IA ============ -->
|
|
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">☁️</div>
|
|
<div>
|
|
<div class="wv-uc-client">Huawei Cloud</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">Cloud Souverain</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">CSP Partner — Migration & architecture cloud souverain</h4>
|
|
<p class="wv-uc-desc">En tant que Cloud Solution Provider Huawei, WEVAL accompagne les entreprises marocaines et africaines dans la migration vers Huawei Cloud avec architecture sécurisée et conforme.</p>
|
|
<div class="wv-uc-tags"><span>Huawei Cloud</span><span>CSP</span><span>Architecture</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>-35%</strong><small>coûts infra</small></div>
|
|
<div class="wv-uc-metric"><strong>÷3</strong><small>temps déploiement</small></div>
|
|
<div class="wv-uc-metric"><strong>CSP</strong><small>Partner certifié</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🤖</div>
|
|
<div>
|
|
<div class="wv-uc-client">WEVIA — IA Conversationnelle</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">IA & Chatbot</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Assistant IA multilingue pour e-commerce</h4>
|
|
<p class="wv-uc-desc">Déploiement de WEVIA, chatbot IA propriétaire avec multi-providers (Cerebras, Groq, Claude), RAG, knowledge base et support 3 langues pour automatiser 70% des interactions client.</p>
|
|
<div class="wv-uc-tags"><span>WEVIA</span><span>LLM Multi-provider</span><span>RAG</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>70%</strong><small>automatisation</small></div>
|
|
<div class="wv-uc-metric"><strong>-65%</strong><small>temps traitement</small></div>
|
|
<div class="wv-uc-metric"><strong>3</strong><small>langues</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">📱</div>
|
|
<div>
|
|
<div class="wv-uc-client">IAM (Maroc Telecom)</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">Télécoms</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Conseil SI & architecture télécom</h4>
|
|
<p class="wv-uc-desc">Mission de conseil en architecture SI et accompagnement de la transformation digitale de l'opérateur historique marocain.</p>
|
|
<div class="wv-uc-tags"><span>Architecture SI</span><span>Telecom</span><span>Digital</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>opérateur Maroc</small></div>
|
|
<div class="wv-uc-metric"><strong>Digital</strong><small>transformation</small></div>
|
|
<div class="wv-uc-metric"><strong>Agile</strong><small>delivery</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">💼</div>
|
|
<div>
|
|
<div class="wv-uc-client">Ethica Group</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">MarTech Pharma</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Plateforme marketing B2B pharma — Maghreb</h4>
|
|
<p class="wv-uc-desc">Développement et déploiement d'une plateforme de marketing automation B2B ciblant les professionnels de santé au Maroc, Tunisie et Algérie. Campagnes e-mail, segmentation HCP et analytics.</p>
|
|
<div class="wv-uc-tags"><span>Email Marketing</span><span>B2B Pharma</span><span>Maghreb</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>3</strong><small>pays couverts</small></div>
|
|
<div class="wv-uc-metric"><strong>900K+</strong><small>contacts HCP</small></div>
|
|
<div class="wv-uc-metric"><strong>88%+</strong><small>inbox rate</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<!-- ============ NOUVEAUX CLIENTS TROUVÉS (KB + Drive + LinkedIn) ============ -->
|
|
|
|
<!-- RIM PHARMA — from Google Drive -->
|
|
<div class="wv-uc-card" data-sector="pharma">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🏥</div>
|
|
<div>
|
|
<div class="wv-uc-client">RIM Pharma</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dbeafe;color:#1d4ed8">Pharma Maroc</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Déploiement Vistex — Pricing & rebates pharmaceutiques</h4>
|
|
<p class="wv-uc-desc">Implémentation de SAP Vistex chez le distributeur pharmaceutique marocain pour la gestion automatisée des accords commerciaux, chargebacks et remises laboratoires sur SAP.</p>
|
|
<div class="wv-uc-tags"><span>SAP Vistex</span><span>Pharma</span><span>Maroc</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Vistex</strong><small>1er au Maroc</small></div>
|
|
<div class="wv-uc-metric"><strong>-50%</strong><small>litiges labo</small></div>
|
|
<div class="wv-uc-metric"><strong>Go-Live</strong><small>2025</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- GIVAUDAN — from Google Drive (catch-up notes since 2022) -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🧪</div>
|
|
<div>
|
|
<div class="wv-uc-client">Givaudan</div>
|
|
<div class="wv-uc-sector-tag" style="background:#d1fae5;color:#065f46">Arômes & Parfums</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Consulting SI & accompagnement transformation digitale</h4>
|
|
<p class="wv-uc-desc">Accompagnement long terme (2022-2026) du leader mondial des arômes et parfums. Missions de conseil SI, optimisation des processus R&D et supply chain internationale.</p>
|
|
<div class="wv-uc-tags"><span>Consulting SI</span><span>Long terme</span><span>R&D</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>4+</strong><small>ans collaboration</small></div>
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>mondial arômes</small></div>
|
|
<div class="wv-uc-metric"><strong>Global</strong><small>scope</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CHANEL — from KB -->
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">👜</div>
|
|
<div>
|
|
<div class="wv-uc-client">Chanel</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fce7f3;color:#9d174d">Luxe</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">WMS Supply Chain — Gestion entrepôts & logistique luxe</h4>
|
|
<p class="wv-uc-desc">Implémentation et optimisation du Warehouse Management System pour la supply chain luxe. Gestion des flux logistiques spécifiques aux produits de haute couture et cosmétiques.</p>
|
|
<div class="wv-uc-tags"><span>WMS</span><span>Supply Chain</span><span>Luxe</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>WMS</strong><small>end-to-end</small></div>
|
|
<div class="wv-uc-metric"><strong>+30%</strong><small>efficacité entrepôt</small></div>
|
|
<div class="wv-uc-metric"><strong>Luxe</strong><small>supply chain</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- VALEO — from KB -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🚗</div>
|
|
<div>
|
|
<div class="wv-uc-client">Valeo</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Automobile</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Optimisation supply chain & pilotage flux industriels</h4>
|
|
<p class="wv-uc-desc">Mission de consulting sur l'optimisation des flux supply chain pour l'équipementier automobile. Amélioration des processus d'approvisionnement et pilotage de la performance industrielle.</p>
|
|
<div class="wv-uc-tags"><span>Supply Chain</span><span>Automotive</span><span>Lean</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Tier 1</strong><small>équipementier</small></div>
|
|
<div class="wv-uc-metric"><strong>-20%</strong><small>lead time</small></div>
|
|
<div class="wv-uc-metric"><strong>Lean</strong><small>Six Sigma</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- FUJIFILM — from KB -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">📸</div>
|
|
<div>
|
|
<div class="wv-uc-client">Fujifilm</div>
|
|
<div class="wv-uc-sector-tag" style="background:#d1fae5;color:#065f46">Cosmétique & Tech</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Supply chain & distribution cosmétiques</h4>
|
|
<p class="wv-uc-desc">Optimisation de la chaîne logistique de la division cosmétiques de Fujifilm, incluant la planification des approvisionnements et l'optimisation des flux de distribution.</p>
|
|
<div class="wv-uc-tags"><span>Supply Chain</span><span>Distribution</span><span>Cosmétique</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Cosméto</strong><small>division</small></div>
|
|
<div class="wv-uc-metric"><strong>+25%</strong><small>taux service</small></div>
|
|
<div class="wv-uc-metric"><strong>S&OP</strong><small>process</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- NOCIBÉ — from KB -->
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">💄</div>
|
|
<div>
|
|
<div class="wv-uc-client">Nocibé</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Retail Beauté</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Logistique L4 — Gestion entrepôts & distribution parfumerie</h4>
|
|
<p class="wv-uc-desc">Mission de pilotage de la logistique niveau 4 (L4) pour le réseau de parfumeries, incluant la gestion des entrepôts centraux et la distribution multi-points de vente.</p>
|
|
<div class="wv-uc-tags"><span>Logistique L4</span><span>Entrepôt</span><span>Retail</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>600+</strong><small>magasins</small></div>
|
|
<div class="wv-uc-metric"><strong>L4</strong><small>logistics</small></div>
|
|
<div class="wv-uc-metric"><strong>-18%</strong><small>coûts logistiques</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- LA POSTE — from KB -->
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">📬</div>
|
|
<div>
|
|
<div class="wv-uc-client">La Poste</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Services Publics</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Digital Services — Transformation numérique du courrier</h4>
|
|
<p class="wv-uc-desc">Accompagnement de la transformation digitale des services postaux : dématérialisation des processus, plateformes numériques et nouvelles offres digitales.</p>
|
|
<div class="wv-uc-tags"><span>Digital</span><span>Transformation</span><span>Services</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Digital</strong><small>services</small></div>
|
|
<div class="wv-uc-metric"><strong>+40%</strong><small>dématérialisation</small></div>
|
|
<div class="wv-uc-metric"><strong>National</strong><small>scope</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- GEFCO — from KB -->
|
|
<div class="wv-uc-card" data-sector="transport">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🚢</div>
|
|
<div>
|
|
<div class="wv-uc-client">GEFCO</div>
|
|
<div class="wv-uc-sector-tag" style="background:#ede9fe;color:#6d28d9">Transport Multimodal</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Transport & logistique multimodale — Optimisation SI</h4>
|
|
<p class="wv-uc-desc">Mission de conseil SI pour le spécialiste du transport multimodal et de la logistique industrielle, optimisation des processus transport et traçabilité des flux.</p>
|
|
<div class="wv-uc-tags"><span>Transport</span><span>SI</span><span>Multimodal</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>EU</strong><small>réseau</small></div>
|
|
<div class="wv-uc-metric"><strong>TMS</strong><small>optimisation</small></div>
|
|
<div class="wv-uc-metric"><strong>-15%</strong><small>coûts transport</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CAE — from KB -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🛩️</div>
|
|
<div>
|
|
<div class="wv-uc-client">CAE</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Aéro & Simulation</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Simulation aéronautique — Architecture SI & intégration</h4>
|
|
<p class="wv-uc-desc">Expertise technique pour le leader mondial de la simulation de vol et de la formation aéronautique. Architecture SI, intégration systèmes et gestion de projets complexes.</p>
|
|
<div class="wv-uc-tags"><span>Simulation</span><span>Architecture SI</span><span>Aéro</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>simulateurs vol</small></div>
|
|
<div class="wv-uc-metric"><strong>Archi SI</strong><small>complexe</small></div>
|
|
<div class="wv-uc-metric"><strong>Défense</strong><small>& civil</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ALCATEL — from KB -->
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">📡</div>
|
|
<div>
|
|
<div class="wv-uc-client">Alcatel</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">Télécoms</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Network — Architecture réseau & intégration télécom</h4>
|
|
<p class="wv-uc-desc">Mission d'expertise sur l'architecture réseau et l'intégration des systèmes télécom pour l'équipementier historique des réseaux de communication.</p>
|
|
<div class="wv-uc-tags"><span>Network</span><span>Telecom</span><span>Architecture</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>Réseau</strong><small>architecture</small></div>
|
|
<div class="wv-uc-metric"><strong>Telecom</strong><small>infrastructure</small></div>
|
|
<div class="wv-uc-metric"><strong>Global</strong><small>deployment</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- LVMH — from KB + logo -->
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">💎</div>
|
|
<div>
|
|
<div class="wv-uc-client">LVMH</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fce7f3;color:#9d174d">Luxe</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Consulting SI & Supply Chain luxe multi-maisons</h4>
|
|
<p class="wv-uc-desc">Conseil en systèmes d'information pour le premier groupe mondial du luxe. Optimisation de la supply chain multi-maisons et intégration des processus métier.</p>
|
|
<div class="wv-uc-tags"><span>Consulting SI</span><span>Supply Chain</span><span>Luxe</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>luxe mondial</small></div>
|
|
<div class="wv-uc-metric"><strong>Multi</strong><small>maisons</small></div>
|
|
<div class="wv-uc-metric"><strong>Global</strong><small>scope</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- LESAFFRE — from logo -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🍞</div>
|
|
<div>
|
|
<div class="wv-uc-client">Lesaffre</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Agroalimentaire</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Transformation SI & optimisation production fermentation</h4>
|
|
<p class="wv-uc-desc">Accompagnement du leader mondial de la levure et fermentation dans sa transformation digitale : modernisation ERP, optimisation des processus de production.</p>
|
|
<div class="wv-uc-tags"><span>ERP</span><span>Production</span><span>Agro</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>levure mondial</small></div>
|
|
<div class="wv-uc-metric"><strong>+20%</strong><small>productivité</small></div>
|
|
<div class="wv-uc-metric"><strong>40+</strong><small>pays</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- NESTLÉ — from logo + chatbot prompt -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">☕</div>
|
|
<div>
|
|
<div class="wv-uc-client">Nestlé</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">Agroalimentaire</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Assistance MOA/MOE — Programmes SI agroalimentaire</h4>
|
|
<p class="wv-uc-desc">Mise à disposition de consultants MOA/MOE pour les programmes de transformation SI du leader mondial de l'agroalimentaire sur les marchés européens.</p>
|
|
<div class="wv-uc-tags"><span>MOA/MOE</span><span>SI</span><span>Agro</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>agro mondial</small></div>
|
|
<div class="wv-uc-metric"><strong>MOA+MOE</strong><small>expertise</small></div>
|
|
<div class="wv-uc-metric"><strong>EU</strong><small>marchés</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- BFIVE DIS — from Drive + KB (SAP BTP FIORI ABAP partner) -->
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🤝</div>
|
|
<div>
|
|
<div class="wv-uc-client">BFIVE DIS</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">Partenariat SAP</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Partnership SAP BTP, FIORI & ABAP — Staffing expert</h4>
|
|
<p class="wv-uc-desc">Partenariat stratégique avec BFIVE DIS pour le staffing de consultants experts SAP BTP (Business Technology Platform), FIORI et développement ABAP sur les missions clients.</p>
|
|
<div class="wv-uc-tags"><span>SAP BTP</span><span>FIORI</span><span>ABAP</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>SAP</strong><small>BTP certified</small></div>
|
|
<div class="wv-uc-metric"><strong>FIORI</strong><small>UX experts</small></div>
|
|
<div class="wv-uc-metric"><strong>2025</strong><small>partnership</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- VINCI — from logo + chatbot prompt -->
|
|
<div class="wv-uc-card" data-sector="industrie">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🏗️</div>
|
|
<div>
|
|
<div class="wv-uc-client">Vinci</div>
|
|
<div class="wv-uc-sector-tag" style="background:#fef3c7;color:#92400e">BTP & Construction</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Consulting SI & gestion de programmes construction</h4>
|
|
<p class="wv-uc-desc">Pilotage de projets SI et assistance MOA pour le leader mondial de la construction et des concessions. Programmes de transformation digitale des filiales.</p>
|
|
<div class="wv-uc-tags"><span>Consulting SI</span><span>PMO</span><span>BTP</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>#1</strong><small>BTP mondial</small></div>
|
|
<div class="wv-uc-metric"><strong>PMO</strong><small>programmes</small></div>
|
|
<div class="wv-uc-metric"><strong>Multi</strong><small>filiales</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Point P — from KB (SAP Retail) + logo -->
|
|
<div class="wv-uc-card" data-sector="retail">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🧱</div>
|
|
<div>
|
|
<div class="wv-uc-client">Point P</div>
|
|
<div class="wv-uc-sector-tag" style="background:#dcfce7;color:#166534">Négoce BTP</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">SAP Retail — Gestion commerciale multi-agences</h4>
|
|
<p class="wv-uc-desc">Déploiement et optimisation de SAP Retail pour le réseau de négoce de matériaux de construction. Gestion commerciale, stocks et pricing multi-agences.</p>
|
|
<div class="wv-uc-tags"><span>SAP Retail</span><span>Négoce</span><span>Multi-sites</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>900+</strong><small>agences</small></div>
|
|
<div class="wv-uc-metric"><strong>SAP</strong><small>Retail</small></div>
|
|
<div class="wv-uc-metric"><strong>National</strong><small>déploiement</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- VICTOBIA — from Google Drive 2021 -->
|
|
<div class="wv-uc-card" data-sector="digital">
|
|
<div class="wv-uc-header">
|
|
<div class="wv-uc-logo">🛍️</div>
|
|
<div>
|
|
<div class="wv-uc-client">Victobia</div>
|
|
<div class="wv-uc-sector-tag" style="background:#e0e7ff;color:#3730a3">E-commerce</div>
|
|
</div>
|
|
</div>
|
|
<h4 class="wv-uc-title">Plateforme e-commerce — Stratégie produit & benchmark concurrentiel</h4>
|
|
<p class="wv-uc-desc">Conception et lancement d'une plateforme e-commerce B2C avec analyse concurrentielle approfondie, stratégie produit et positionnement marché.</p>
|
|
<div class="wv-uc-tags"><span>E-commerce</span><span>B2C</span><span>Stratégie</span></div>
|
|
<div class="wv-uc-metrics">
|
|
<div class="wv-uc-metric"><strong>B2C</strong><small>plateforme</small></div>
|
|
<div class="wv-uc-metric"><strong>Benchmark</strong><small>concurrentiel</small></div>
|
|
<div class="wv-uc-metric"><strong>Go-Live</strong><small>2021</small></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- COUNTER -->
|
|
<div class="wv-uc-counter">
|
|
<div class="wv-uc-counter-item"><strong>50+</strong><span>Clients Grands Comptes</span></div>
|
|
<div class="wv-uc-counter-item"><strong>7</strong><span>Pays d'Intervention</span></div>
|
|
<div class="wv-uc-counter-item"><strong>5+</strong><span>Années d'Expertise</span></div>
|
|
<div class="wv-uc-counter-item"><strong>4</strong><span>Partners Technologiques</span></div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
`;
|
|
|
|
// Inject use cases before blog
|
|
var blogSection = document.querySelector('.wv-blog-section');
|
|
if(blogSection) {
|
|
var ucDiv = document.createElement('div');
|
|
ucDiv.innerHTML = useCasesHTML;
|
|
blogSection.parentNode.insertBefore(ucDiv.firstElementChild, blogSection);
|
|
}
|
|
|
|
// Tab filtering
|
|
document.addEventListener('click', function(e) {
|
|
if(e.target.classList.contains('wv-uc-tab')) {
|
|
document.querySelectorAll('.wv-uc-tab').forEach(function(t){ t.classList.remove('active'); });
|
|
e.target.classList.add('active');
|
|
var sector = e.target.getAttribute('data-sector');
|
|
document.querySelectorAll('.wv-uc-card').forEach(function(card) {
|
|
if(sector === 'all' || card.getAttribute('data-sector') === sector) {
|
|
card.style.display = '';
|
|
} else {
|
|
card.style.display = 'none';
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
// ============================================================
|
|
// USE CASES CSS
|
|
// ============================================================
|
|
var ucStyle = document.createElement('style');
|
|
ucStyle.textContent = `
|
|
.wv-usecase-section { padding:100px 0; background:linear-gradient(180deg, #fff 0%, #f8fafc 100%); }
|
|
.wv-uc-tabs {
|
|
display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-bottom:40px;
|
|
}
|
|
.wv-uc-tab {
|
|
padding:8px 20px; border-radius:100px; border:1px solid #e2e8f0;
|
|
background:#fff; color:#64748b; font-family:'Outfit',sans-serif; font-size:0.82rem;
|
|
font-weight:500; cursor:pointer; transition:all 0.3s;
|
|
}
|
|
.wv-uc-tab:hover { border-color:#6366f1; color:#6366f1; }
|
|
.wv-uc-tab.active { background:#6366f1; color:#fff; border-color:#6366f1; }
|
|
.wv-uc-grid {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
|
|
}
|
|
.wv-uc-card {
|
|
background:#fff; border-radius:16px; padding:24px; border:1px solid #e2e8f0;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
display:flex; flex-direction:column;
|
|
}
|
|
.wv-uc-card:hover {
|
|
transform:translateY(-6px);
|
|
box-shadow:0 20px 40px rgba(99,102,241,0.1);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-uc-header { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
|
|
.wv-uc-logo { font-size:2rem; width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#f1f5f9; border-radius:12px; }
|
|
.wv-uc-client { font-family:'Sora',sans-serif; font-weight:700; font-size:0.95rem; color:#0f172a; }
|
|
.wv-uc-sector-tag { display:inline-block; padding:2px 8px; border-radius:6px; font-size:0.65rem; font-weight:600; font-family:'Outfit',sans-serif; margin-top:2px; }
|
|
.wv-uc-title { font-family:'Sora',sans-serif; font-size:0.88rem; font-weight:600; color:#1e293b; margin-bottom:8px; line-height:1.4; }
|
|
.wv-uc-desc { font-family:'Outfit',sans-serif; font-size:0.8rem; color:#64748b; line-height:1.5; flex-grow:1; margin-bottom:12px; }
|
|
.wv-uc-tags { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
|
|
.wv-uc-tags span { background:#f1f5f9; color:#475569; padding:3px 10px; border-radius:8px; font-size:0.7rem; font-family:'Outfit',sans-serif; font-weight:500; }
|
|
.wv-uc-metrics { display:flex; gap:12px; padding-top:14px; border-top:1px solid #f1f5f9; }
|
|
.wv-uc-metric { text-align:center; flex:1; }
|
|
.wv-uc-metric strong { display:block; font-family:'Sora',sans-serif; font-size:0.9rem; color:#6366f1; font-weight:700; }
|
|
.wv-uc-metric small { font-family:'Outfit',sans-serif; font-size:0.65rem; color:#94a3b8; }
|
|
.wv-uc-counter {
|
|
display:flex; justify-content:center; gap:40px; margin-top:48px; padding:32px;
|
|
background:linear-gradient(135deg, #6366f1, #8b5cf6); border-radius:20px;
|
|
}
|
|
.wv-uc-counter-item { text-align:center; color:#fff; }
|
|
.wv-uc-counter-item strong { display:block; font-family:'Sora',sans-serif; font-size:1.8rem; font-weight:800; }
|
|
.wv-uc-counter-item span { font-family:'Outfit',sans-serif; font-size:0.8rem; opacity:0.85; }
|
|
@media(max-width:900px){ .wv-uc-grid { grid-template-columns:repeat(2,1fr); } .wv-uc-counter { flex-wrap:wrap; gap:24px; } }
|
|
@media(max-width:600px){ .wv-uc-grid { grid-template-columns:1fr; } .wv-uc-counter-item strong { font-size:1.4rem; } }
|
|
`;
|
|
document.head.appendChild(ucStyle);
|
|
|
|
|
|
var ctaBanner = document.querySelector('.wv-cta-banner');
|
|
if(ctaBanner) {
|
|
var blogDiv = document.createElement('div');
|
|
blogDiv.innerHTML = blogHTML;
|
|
ctaBanner.parentNode.insertBefore(blogDiv.firstElementChild, ctaBanner);
|
|
}
|
|
|
|
// ============================================================
|
|
// ADDITIONAL CSS for tech + blog
|
|
// ============================================================
|
|
var style2 = document.createElement('style');
|
|
style2.textContent = `
|
|
/* === TECH STACK === */
|
|
.wv-tech-section { padding:80px 0; background:#f8fafc; }
|
|
.wv-tech-grid {
|
|
display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
|
|
}
|
|
.wv-tech-card {
|
|
background:#fff; border-radius:16px; padding:28px 20px;
|
|
text-align:center; border:1px solid #e2e8f0;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-tech-card:hover {
|
|
transform:translateY(-6px);
|
|
box-shadow:0 20px 40px rgba(99,102,241,0.1);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-tech-icon { font-size:2.2rem; margin-bottom:12px; }
|
|
.wv-tech-name {
|
|
font-family:'Sora',sans-serif; font-weight:700; font-size:1rem;
|
|
color:#0f172a; margin-bottom:4px;
|
|
}
|
|
.wv-tech-desc {
|
|
font-family:'Outfit',sans-serif; font-size:0.8rem; color:#94a3b8;
|
|
}
|
|
|
|
/* === BLOG TEASER v2 === */
|
|
.wv-blog-section { padding:100px 0; background:#fff; }
|
|
.wv-blog-grid-6 {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
|
|
}
|
|
.wv-blog-card-v2 {
|
|
display:flex; flex-direction:column; text-decoration:none; color:inherit;
|
|
background:#f8fafc; border-radius:16px; padding:24px;
|
|
border:1px solid #e2e8f0;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
position:relative; overflow:hidden;
|
|
}
|
|
.wv-blog-card-v2:hover {
|
|
transform:translateY(-6px);
|
|
box-shadow:0 20px 40px rgba(99,102,241,0.12);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-linkedin-card { border-left:3px solid #0A66C2; }
|
|
.wv-linkedin-card:hover { border-color:#0A66C2; box-shadow:0 20px 40px rgba(10,102,194,0.15); }
|
|
.wv-blog-card-top {
|
|
display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;
|
|
}
|
|
.wv-blog-source {
|
|
display:flex; align-items:center; gap:6px;
|
|
font-family:'Outfit',sans-serif; font-size:0.75rem; color:#64748b; font-weight:500;
|
|
}
|
|
.wv-src-dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
|
|
.wv-li-icon { vertical-align:middle; }
|
|
.wv-blog-date {
|
|
font-family:'Outfit',sans-serif; font-size:0.72rem; color:#94a3b8;
|
|
}
|
|
.wv-blog-tag-v2 {
|
|
display:inline-block; padding:3px 10px; border-radius:8px;
|
|
font-size:0.72rem; font-weight:600; margin-bottom:10px;
|
|
font-family:'Outfit',sans-serif; width:fit-content;
|
|
}
|
|
.wv-blog-title-v2 {
|
|
font-family:'Sora',sans-serif; font-size:0.95rem; font-weight:700;
|
|
color:#0f172a; line-height:1.4; margin-bottom:8px;
|
|
}
|
|
.wv-blog-excerpt-v2 {
|
|
font-family:'Outfit',sans-serif; font-size:0.82rem; color:#64748b;
|
|
line-height:1.5; flex-grow:1; margin-bottom:14px;
|
|
}
|
|
.wv-blog-footer {
|
|
display:flex; gap:12px; flex-wrap:wrap;
|
|
padding-top:12px; border-top:1px solid #e2e8f0;
|
|
}
|
|
.wv-blog-stat {
|
|
font-family:'Outfit',sans-serif; font-size:0.72rem; color:#94a3b8;
|
|
display:flex; align-items:center; gap:4px;
|
|
}
|
|
@media(max-width:900px){
|
|
.wv-blog-grid-6 { grid-template-columns:repeat(2,1fr); }
|
|
}
|
|
@media(max-width:600px){
|
|
.wv-blog-grid-6 { grid-template-columns:1fr; }
|
|
}
|
|
.wv-blog-grid {
|
|
display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
|
|
}
|
|
.wv-blog-card {
|
|
display:block; text-decoration:none; color:inherit;
|
|
background:#f8fafc; border-radius:20px; padding:32px;
|
|
border:1px solid #e2e8f0;
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-blog-card:hover {
|
|
transform:translateY(-6px);
|
|
box-shadow:0 20px 50px rgba(99,102,241,0.1);
|
|
border-color:#c7d2fe;
|
|
}
|
|
.wv-blog-tag {
|
|
display:inline-block; padding:4px 14px; border-radius:100px;
|
|
font-family:'Outfit',sans-serif; font-size:0.75rem; font-weight:600;
|
|
margin-bottom:16px;
|
|
}
|
|
.wv-blog-title {
|
|
font-family:'Sora',sans-serif; font-size:1.15rem; font-weight:700;
|
|
color:#0f172a; line-height:1.4; margin:0 0 12px;
|
|
}
|
|
.wv-blog-excerpt {
|
|
font-family:'Outfit',sans-serif; font-size:0.9rem; color:#64748b;
|
|
line-height:1.6; margin:0 0 16px;
|
|
}
|
|
.wv-blog-meta {
|
|
font-family:'Outfit',sans-serif; font-size:0.8rem; color:#94a3b8;
|
|
}
|
|
|
|
@media(max-width:768px){
|
|
.wv-tech-grid { grid-template-columns:repeat(2,1fr); }
|
|
.wv-blog-grid { grid-template-columns:1fr; }
|
|
}
|
|
|
|
/* === METHODOLOGY === */
|
|
.wv-method-section { padding:100px 0; background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 50%,#fff 100%); }
|
|
.wv-method-grid {
|
|
display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative;
|
|
max-width:1000px; margin:0 auto;
|
|
}
|
|
.wv-method-grid::before {
|
|
content:''; position:absolute; top:48px; left:14%; right:14%; height:3px;
|
|
background:linear-gradient(90deg,transparent,#c7d2fe 10%,#818cf8 50%,#c7d2fe 90%,transparent);
|
|
border-radius:4px; z-index:0;
|
|
}
|
|
.wv-method-step {
|
|
text-align:center; padding:0 16px 32px; position:relative; z-index:1;
|
|
opacity:0; transform:translateY(30px);
|
|
transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.wv-method-step.visible { opacity:1; transform:translateY(0); }
|
|
.wv-method-num {
|
|
width:96px; height:96px; border-radius:50%; margin:0 auto 24px;
|
|
display:flex; align-items:center; justify-content:center;
|
|
font-family:'Sora',sans-serif; font-size:2rem; font-weight:800; color:#fff;
|
|
background:linear-gradient(145deg,#4338ca 0%,#6366f1 50%,#818cf8 100%);
|
|
box-shadow:0 12px 40px rgba(99,102,241,0.3), inset 0 -3px 6px rgba(0,0,0,0.1), 0 0 0 5px rgba(99,102,241,0.08);
|
|
transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
|
|
position:relative;
|
|
}
|
|
.wv-method-num::after {
|
|
content:''; position:absolute; inset:3px; border-radius:50%;
|
|
border:2px solid rgba(255,255,255,0.2); pointer-events:none;
|
|
}
|
|
.wv-method-step:hover .wv-method-num {
|
|
transform:scale(1.1) translateY(-4px);
|
|
box-shadow:0 20px 50px rgba(99,102,241,0.4), inset 0 -3px 6px rgba(0,0,0,0.1), 0 0 0 8px rgba(99,102,241,0.12);
|
|
}
|
|
.wv-method-step-title {
|
|
font-family:'Sora',sans-serif; font-size:1.15rem; font-weight:700;
|
|
color:#1e1b4b; margin:0 0 10px; letter-spacing:-0.01em;
|
|
}
|
|
.wv-method-step-text {
|
|
font-family:'Outfit',sans-serif; font-size:0.88rem; color:#64748b; line-height:1.7;
|
|
max-width:210px; margin:0 auto;
|
|
}
|
|
.wv-method-arrow { display:none; }
|
|
/* === TRUST BADGES === */
|
|
.wv-trust-section { padding:48px 0; background:#f1f5f9; }
|
|
.wv-trust-inner {
|
|
max-width:1000px; margin:0 auto; padding:0 32px;
|
|
display:flex; justify-content:center; align-items:center; gap:40px; flex-wrap:wrap;
|
|
}
|
|
.wv-trust-badge {
|
|
display:flex; align-items:center; gap:10px;
|
|
font-family:'Outfit',sans-serif; font-size:0.85rem; color:#475569; font-weight:500;
|
|
}
|
|
.wv-trust-icon { font-size:1.4rem; }
|
|
|
|
/* === HERO ENHANCE === */
|
|
.wv-hero-badges {
|
|
display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; justify-content:flex-start;
|
|
}
|
|
.wv-hero-badge {
|
|
display:inline-flex; align-items:center; gap:6px;
|
|
background:rgba(99,102,241,0.08); border:1px solid rgba(99,102,241,0.15);
|
|
padding:6px 16px; border-radius:100px;
|
|
font-family:'Outfit',sans-serif; font-size:0.8rem; color:#4338ca; font-weight:500;
|
|
}
|
|
|
|
@media(max-width:768px){
|
|
.wv-method-grid { grid-template-columns:1fr 1fr; gap:16px; }
|
|
.wv-method-arrow { display:none; }
|
|
.wv-trust-inner { gap:20px; }
|
|
.wv-hero-badges { justify-content:center; }
|
|
}
|
|
`;
|
|
document.head.appendChild(style2);
|
|
|
|
// ============================================================
|
|
// 8. METHODOLOGY (after testimonials, before blog)
|
|
// ============================================================
|
|
var methodHTML = `
|
|
<section class="wv-method-section">
|
|
<div class="wv-why-inner">
|
|
<div class="wv-why-header">
|
|
<div class="wv-why-badge">Notre méthode</div>
|
|
<h2 class="wv-why-title">Un process <span>éprouvé</span></h2>
|
|
</div>
|
|
<div class="wv-method-grid">
|
|
<div class="wv-method-step" data-delay="0">
|
|
<div class="wv-method-num">1</div>
|
|
<h3 class="wv-method-step-title">Diagnostic</h3>
|
|
<p class="wv-method-step-text">Audit 360° de votre SI, processus et maturité digitale. Identification des quick wins et des leviers de transformation à fort impact.</p>
|
|
<span class="wv-method-arrow"><svg viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"></polyline></svg></span>
|
|
</div>
|
|
<div class="wv-method-step" data-delay="200">
|
|
<div class="wv-method-num">2</div>
|
|
<h3 class="wv-method-step-title">Stratégie</h3>
|
|
<p class="wv-method-step-text">Roadmap sur-mesure, sélection des solutions optimales, cadrage budget-planning et gouvernance projet.</p>
|
|
<span class="wv-method-arrow"><svg viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"></polyline></svg></span>
|
|
</div>
|
|
<div class="wv-method-step" data-delay="400">
|
|
<div class="wv-method-num">3</div>
|
|
<h3 class="wv-method-step-title">Exécution</h3>
|
|
<p class="wv-method-step-text">Intégration agile par sprints, développement itératif, tests automatisés et recette continue avec vos équipes.</p>
|
|
<span class="wv-method-arrow"><svg viewBox="0 0 24 24"><polyline points="9 6 15 12 9 18"></polyline></svg></span>
|
|
</div>
|
|
<div class="wv-method-step" data-delay="600">
|
|
<div class="wv-method-num">4</div>
|
|
<h3 class="wv-method-step-title">Accompagnement</h3>
|
|
<p class="wv-method-step-text">Formation de vos équipes, conduite du changement, support continu, monitoring KPI et optimisation post-go-live garantie.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>`;
|
|
|
|
var blogSection = document.querySelector('.wv-blog-section');
|
|
if(blogSection) {
|
|
var methodDiv = document.createElement('div');
|
|
methodDiv.innerHTML = methodHTML;
|
|
blogSection.parentNode.insertBefore(methodDiv.firstElementChild, blogSection);
|
|
document.querySelectorAll('.wv-method-step').forEach(function(el){
|
|
el.style.transitionDelay = el.getAttribute('data-delay') + 'ms';
|
|
observer.observe(el);
|
|
});
|
|
}
|
|
|
|
// ============================================================
|
|
// 9. TRUST BADGES (after stats bar)
|
|
// ============================================================
|
|
var trustHTML = `
|
|
<div class="wv-trust-section">
|
|
<div class="wv-trust-inner">
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon">🔐</span> Conforme RGPD & Loi 09-08</div>
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon">☁️</span> Huawei Cloud Certified</div>
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon">📊</span> Partenaire SAP & Vistex</div>
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon">🏥</span> IQVIA Data Partner</div>
|
|
<div class="wv-trust-badge"><span class="wv-trust-icon">🌍</span> Présence dans 8 pays</div>
|
|
</div>
|
|
</div>`;
|
|
|
|
var statsBar = document.querySelector('.wv-stats-bar');
|
|
if(statsBar) {
|
|
var trustDiv = document.createElement('div');
|
|
trustDiv.innerHTML = trustHTML;
|
|
statsBar.parentNode.insertBefore(trustDiv.firstElementChild, statsBar.nextSibling);
|
|
}
|
|
|
|
// ============================================================
|
|
// 10. HERO ENHANCEMENT (badges under CTA button)
|
|
// ============================================================
|
|
var heroBtn = document.querySelector('.services-button');
|
|
if(heroBtn) {
|
|
var badgesDiv = document.createElement('div');
|
|
badgesDiv.className = 'wv-hero-badges';
|
|
badgesDiv.innerHTML = '<span class="wv-hero-badge">☁️ Cloud</span><span class="wv-hero-badge">🧠 IA</span><span class="wv-hero-badge">🔷 SAP/ERP</span><span class="wv-hero-badge">🔒 Cybersécurité</span><span class="wv-hero-badge">📈 Big Data</span>';
|
|
heroBtn.parentNode.insertBefore(badgesDiv, heroBtn.nextSibling);
|
|
}
|
|
|
|
} // end injectAll
|
|
})();
|