216 lines
14 KiB
HTML
216 lines
14 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="Cartographiez, automatisez et orchestrez vos workflows métier · WEVAL Consulting · Expertise internationale">
|
|
<meta name="keywords" content="BPM, automatisation, workflow, processus, RPA, Camunda, n8n, WEVAL Consulting, Casablanca, Paris">
|
|
<meta name="author" content="WEVAL Consulting">
|
|
<meta property="og:title" content="BPM & Automatisation Processus Métier · WEVAL Consulting">
|
|
<meta property="og:description" content="Cartographiez, automatisez et orchestrez vos workflows métier">
|
|
<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/bpm-automatisation-processus-métier.html">
|
|
<title>BPM & Automatisation Processus Métier · WEVAL Consulting</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": "BPM & Gouvernance",
|
|
"name": "Automatisation des Processus (BPM)",
|
|
"description": "Accélérez votre time-to-market en digitalisant vos processus. BPM + RPA + IA pour une entreprise vraiment agile.",
|
|
"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}}
|
|
|
|
/* === WEVIA Gemini Rolling v2 VISIBLE Enrichment (wave 306 batch) === */
|
|
.kpi,[class*="card"],[class*="panel"],[class*="room"],.stat-card,.metric-card,.hub-card,.widget,.stat,.box{position:relative!important}
|
|
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card{animation:geV2Entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}
|
|
.kpi:nth-child(1),[class*="card"]:nth-child(1){animation-delay:0s}
|
|
.kpi:nth-child(2),[class*="card"]:nth-child(2){animation-delay:.09s}
|
|
.kpi:nth-child(3),[class*="card"]:nth-child(3){animation-delay:.18s}
|
|
.kpi:nth-child(4),[class*="card"]:nth-child(4){animation-delay:.27s}
|
|
.kpi:nth-child(5),[class*="card"]:nth-child(5){animation-delay:.36s}
|
|
.kpi:nth-child(6),[class*="card"]:nth-child(6){animation-delay:.45s}
|
|
@keyframes geV2Entrance{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
|
|
.kpi,[class*="card"],.stat-card,.metric-card,.hub-card,.widget{border:1px solid transparent!important;box-shadow:0 0 0 1px rgba(236,72,153,.15),0 4px 16px rgba(0,0,0,.25)!important;transition:box-shadow .4s,transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s!important}
|
|
.kpi:hover,[class*="card"]:hover,.stat-card:hover,.metric-card:hover,.hub-card:hover{transform:translateY(-6px) scale(1.03)!important;filter:brightness(1.2)!important;box-shadow:0 0 0 2px rgba(236,72,153,.6),0 12px 32px rgba(236,72,153,.25),0 0 24px rgba(78,205,196,.2)!important}
|
|
.kpi::before,[class*="card"]::before,.stat-card::before,.metric-card::before,.hub-card::before{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#2ed573,#1a9a4e);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5);animation:geV2Pulse 1.6s ease-out infinite;z-index:100;pointer-events:none}
|
|
@keyframes geV2Pulse{0%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}50%{transform:scale(1.4);box-shadow:0 0 20px #2ed573,0 0 40px rgba(46,213,115,.8)}100%{transform:scale(1);box-shadow:0 0 12px #2ed573,0 0 24px rgba(46,213,115,.5)}}
|
|
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 30%,transparent 40%,rgba(236,72,153,.06) 100%),radial-gradient(ellipse at 30% 70%,transparent 40%,rgba(78,205,196,.04) 100%);animation:geV2Ambient 10s ease-in-out infinite;z-index:0}
|
|
@keyframes geV2Ambient{0%,100%{opacity:.5}50%{opacity:1}}
|
|
h1,.header-title,.main-title,.hub-title,.page-title{background-image:linear-gradient(90deg,currentColor 0%,currentColor 40%,rgba(236,72,153,1) 50%,currentColor 60%,currentColor 100%)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:geV2Shimmer 5s linear infinite!important}
|
|
@keyframes geV2Shimmer{0%{background-position:200% center}100%{background-position:-200% center}}
|
|
/* Doctrine zero chevauchement - hide common offenders */
|
|
.opus-x-btn,.toggle-top-right-btn,.fab-corner{display:none!important}
|
|
/* === end WEVIA Gemini Rolling v2 batch === */
|
|
</style>
|
|
<!-- DOCTRINE-60-UX-ENRICH direct-inject-20260424-144049 -->
|
|
<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>BPM & Gouvernance</span></div>
|
|
<div class="domain-pill">BPM & Gouvernance</div>
|
|
<h1>Automatisation des Processus (BPM)</h1>
|
|
<p class="subtitle">Cartographiez, automatisez et orchestrez vos workflows métier</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">Accélérez votre time-to-market en digitalisant vos processus. BPM + RPA + IA pour une entreprise vraiment agile.</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">Cartographie processus AS-IS / TO-BE</div></div>
|
|
<div class="bullet"><div class="bullet-icon">02</div><div class="bullet-txt">Modélisation BPMN 2.0 conforme</div></div>
|
|
<div class="bullet"><div class="bullet-icon">03</div><div class="bullet-txt">RPA (UiPath, Power Automate)</div></div>
|
|
<div class="bullet"><div class="bullet-icon">04</div><div class="bullet-txt">Workflow Camunda / n8n sovereign</div></div>
|
|
<div class="bullet"><div class="bullet-icon">05</div><div class="bullet-txt">KPI processus temps-réel</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>
|