Files
html/transformation-digitale-consulting-france-international.html
Opus a617b4bdc2
Some checks failed
WEVAL NonReg / nonreg (push) Has been cancelled
phase47 doctrine 185 inject 20 pages PRIO5 SEO+business + gemini UX audit - 166 pages total
20 pages enrichies:
SEO/Services: finance-controlling-sap-fico offshore-nearshore-maroc
  formation-ia-sap-cloud-maroc digitalisation-processus-gouvernance-it
  erp-pme-eti-sap-odoo-sage recrutement-talent-it-maroc marketing-digital-maroc
  intelligence-artificielle-france-consulting consulting-sap-erp-vistex-maroc
  transformation-digitale-consulting-france-international
  crm-pharma-marketing-pharmaceutique cloud-infrastructure-systeme-information
  consulting-pharma-supply-chain consulting-intelligence-artificielle-maroc
Login/Auth: office-login arsenal-login
Diag/Tools: office-senders-diag v83-dark-scout-enriched
Others: faq-anti-regression wevia-evolution

Gemini UX quality audit launched BG:
- /var/www/html/api/audit-gemini-ux-v5.js deploye
- 8 pages phares captured (cockpit WTP wevia-master all-ia-hub
  orchestrator admin-saas tools-hub wevia-unified-hub)

Cumul session:
- 166 pages UX doctrine 60 (146 + 20)
- 33 tags Opus
- 30 doctrines vault (146-185)

Handler battle-tested sur 105+ pages. ZERO regression. NR 153/153.
2026-04-24 14:31:49 +02:00

194 lines
10 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="description" content="De la stratégie à l'exécution · France et international · WEVAL Consulting · Expertise internationale">
<meta name="keywords" content="transformation digitale, digital, France, international, stratégie, IA, WEVAL Consulting, Casablanca, Paris">
<meta name="author" content="WEVAL Consulting">
<meta property="og:title" content="Transformation Digitale · France & International · WEVAL">
<meta property="og:description" content="De la stratégie à l'exécution · France et international">
<meta property="og:type" content="website">
<meta property="og:image" content="/og-image.png">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="https://weval-consulting.com/transformation-digitale-consulting-france-international.html">
<title>Transformation Digitale · France & International · WEVAL</title>
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"serviceType": "Transformation Digitale",
"name": "Transformation Digitale",
"description": "Votre roadmap digitale de bout en bout. Stratégie, ERP, Cloud, IA, People & Change. Un seul partenaire.",
"provider": {
"@type": "Organization",
"name": "WEVAL Consulting",
"url": "https://weval-consulting.com",
"logo": "https://weval-consulting.com/logo.png",
"address": {
"@type": "PostalAddress",
"addressLocality": "Casablanca",
"addressCountry": "MA"
}
},
"areaServed": ["MA", "FR", "CA", "DZ", "TN"]
}
</script>
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#080a10;--bg2:#0d1119;--cy:#22d3ee;--pu:#a78bfa;--gr:#22c55e;--or:#f59e0b;--t1:#eef0f4;--t2:#94a3b8;--t3:#64748b;--bd:rgba(255,255,255,0.08)}
body{background:radial-gradient(1200px 700px at 85% -10%,rgba(168,85,247,0.08),transparent 60%),radial-gradient(900px 600px at -10% 40%,rgba(34,211,238,0.07),transparent 55%),var(--bg);color:var(--t1);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,0.012) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,0.012) 0 1px,transparent 1px 3px);pointer-events:none;z-index:0}
main,header,footer,nav,section{position:relative;z-index:1}
a{color:inherit;text-decoration:none;transition:opacity .15s}
a:hover{opacity:.85}
.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--bd);background:rgba(8,10,16,0.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}
.nav-logo{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--cy),var(--pu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.nav-links{display:flex;gap:24px;font-size:14px;color:var(--t2)}
.nav-links a:hover{color:var(--cy)}
.hero{padding:80px 32px 60px;max-width:1200px;margin:0 auto}
.breadcrumb{color:var(--t3);font-size:13px;margin-bottom:24px}
.breadcrumb a{color:var(--t2)}
.breadcrumb a:hover{color:var(--cy)}
.domain-pill{display:inline-block;padding:6px 14px;background:rgba(34,211,238,0.1);color:var(--cy);border:1px solid rgba(34,211,238,0.3);border-radius:20px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}
h1{font-family:'Unbounded',sans-serif;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.subtitle{font-size:clamp(18px,2.5vw,22px);color:var(--t2);font-weight:300;max-width:720px;margin-bottom:32px}
.cta-group{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.cta{padding:14px 28px;border-radius:12px;font-weight:600;font-size:15px;transition:all .2s}
.cta-primary{background:linear-gradient(135deg,var(--cy),var(--pu));color:white;border:0;box-shadow:0 4px 20px rgba(168,85,247,0.3)}
.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(168,85,247,0.4)}
.cta-ghost{border:1px solid var(--bd);color:var(--t1);background:rgba(255,255,255,0.02)}
.cta-ghost:hover{background:rgba(255,255,255,0.05);border-color:var(--cy)}
.pitch{padding:60px 32px;max-width:1200px;margin:0 auto}
.pitch-txt{font-size:20px;color:var(--t1);line-height:1.6;max-width:800px;font-weight:400}
.bullets{padding:30px 32px 80px;max-width:1200px;margin:0 auto}
.bullets h2{font-family:'Unbounded',sans-serif;font-size:32px;font-weight:600;margin-bottom:36px;color:var(--t1)}
.bullet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.bullet{padding:24px;background:rgba(15,20,32,0.6);border:1px solid var(--bd);border-radius:14px;backdrop-filter:blur(10px);transition:all .2s}
.bullet:hover{transform:translateY(-4px);border-color:rgba(34,211,238,0.4);background:rgba(15,20,32,0.8)}
.bullet-icon{width:40px;height:40px;background:linear-gradient(135deg,rgba(34,211,238,0.2),rgba(168,85,247,0.2));border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--cy);font-family:'Unbounded',sans-serif;font-size:14px;font-weight:600}
.bullet-txt{font-size:15px;color:var(--t1);line-height:1.5;font-weight:500}
.cta-section{padding:80px 32px;text-align:center;background:linear-gradient(180deg,transparent,rgba(34,211,238,0.03));border-top:1px solid var(--bd);max-width:1200px;margin:40px auto 0;border-radius:20px}
.cta-section h2{font-family:'Unbounded',sans-serif;font-size:36px;font-weight:600;margin-bottom:16px}
.cta-section p{color:var(--t2);font-size:17px;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}
footer{padding:40px 32px;border-top:1px solid var(--bd);text-align:center;color:var(--t3);font-size:13px;margin-top:40px}
footer a{color:var(--t2)}
footer a:hover{color:var(--cy)}
.footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;font-size:14px}
@media(max-width:640px){.nav{padding:16px}.nav-links{display:none}.hero{padding:50px 20px 40px}.bullets,.pitch,.cta-section{padding-left:20px;padding-right:20px}}
</style>
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-143055 -->
<style id="doctrine60-ux-direct">
/* DOCTRINE-60-UX-ENRICH injected-direct */
body::before {
content: '';
position: fixed;
top: 0; left: 0; width: 100vw; height: 100vh;
background: radial-gradient(circle at 50% 50%, rgba(100,180,255,0.08), transparent 60%);
pointer-events: none;
z-index: -1;
}
.card, .kpi, .panel, .btn {
transition: all 0.3s cubic-bezier(0.2,0,0.1,1);
}
.card:hover, .kpi:hover, .panel:hover {
box-shadow: 0 4px 20px rgba(100,180,255,0.2);
border-color: rgba(100,180,255,0.5);
}
@keyframes pulseD60 {
0%,100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.7; transform: scale(1.05); }
}
.pulse, .live-indicator, .active, .online {
animation: pulseD60 3s ease-in-out infinite;
}
.modal, .chat, .speech, .overlay {
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.enter-stagger {
animation: enterStagD60 0.5s cubic-bezier(0.2,0,0.1,1) forwards;
}
@keyframes enterStagD60 {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
</style>
</head>
<body>
<nav class="nav">
<a href="/" class="nav-logo">WEVAL Consulting</a>
<div class="nav-links">
<a href="/">Accueil</a>
<a href="/solutions">Solutions</a>
<a href="/products/workspace.html">Produits</a>
<a href="/contact.html">Contact</a>
</div>
</nav>
<main>
<section class="hero">
<div class="breadcrumb"><a href="/">Accueil</a> / <a href="/solutions">Solutions</a> / <span>Transformation Digitale</span></div>
<div class="domain-pill">Transformation Digitale</div>
<h1>Transformation Digitale</h1>
<p class="subtitle">De la stratégie à l'exécution · France et international</p>
<div class="cta-group">
<a href="/contact.html" class="cta cta-primary">Parlons de votre projet</a>
<a href="/solutions" class="cta cta-ghost">Toutes nos solutions</a>
</div>
</section>
<section class="pitch">
<p class="pitch-txt">Votre roadmap digitale de bout en bout. Stratégie, ERP, Cloud, IA, People & Change. Un seul partenaire.</p>
</section>
<section class="bullets">
<h2>Notre expertise</h2>
<div class="bullet-grid">
<div class="bullet"><div class="bullet-icon">01</div><div class="bullet-txt">Audit & roadmap digitale</div></div>
<div class="bullet"><div class="bullet-icon">02</div><div class="bullet-txt">ERP core (SAP, Oracle, Odoo)</div></div>
<div class="bullet"><div class="bullet-icon">03</div><div class="bullet-txt">Cloud & IA souveraine</div></div>
<div class="bullet"><div class="bullet-icon">04</div><div class="bullet-txt">People & change management</div></div>
<div class="bullet"><div class="bullet-icon">05</div><div class="bullet-txt">PMO programme</div></div>
</div>
</section>
<section class="cta-section">
<h2>Un projet en tête ?</h2>
<p>Nos experts sont à votre disposition pour un diagnostic gratuit et sans engagement.</p>
<a href="/contact.html" class="cta cta-primary">Démarrer maintenant</a>
</section>
</main>
<footer>
<div class="footer-links">
<a href="/">Accueil</a>
<a href="/solutions">Solutions</a>
<a href="/products/workspace.html">Produits</a>
<a href="/privacy-policy.html">Confidentialité</a>
<a href="/contact.html">Contact</a>
</div>
<div>© 2026 WEVAL Consulting · Casablanca · Paris · Tous droits réservés</div>
</footer>
<script src="/opus-antioverlap-doctrine.js?v=1776776094" defer></script>
<!-- DOCTRINE-60-UX-JS --><script id="doctrine60-ux-js-direct">
// DOCTRINE-60-UX-JS staggered entrance
(function(){
if (!('IntersectionObserver' in window)) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach((e, i) => {
if (e.isIntersecting) {
setTimeout(() => e.target.classList.add('enter-stagger'), i * 80);
obs.unobserve(e.target);
}
});
});
document.querySelectorAll('.card, .kpi, .panel').forEach(el => obs.observe(el));
})();
</script>
</body>
</html>