yanis/html
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
Files
main
html/nearshore-it-maroc/index.html
WEVIA b9b1c1c75c reinit-after-reset
2026-04-12 22:57:03 +02:00

263 lines
16 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nearshore IT au Maroc — Externalisation Cloud, IA & SAP | WEVAL Consulting</title>
<meta name="description" content="Externalisez vos projets IT au Maroc avec WEVAL Consulting. Nearshore Cloud, SAP, IA & Cybersécurité depuis Casablanca. -40% sur vos coûts IT, même fuseau horaire, 200+ projets livrés.">
<link rel="canonical" href="https://weval-consulting.com/nearshore-it-maroc">
<meta property="og:title" content="Nearshore IT au Maroc — WEVAL Consulting">
<meta property="og:description" content="Externalisez vos projets IT au Maroc. -40% de coûts, même fuseau horaire, 200+ projets livrés.">
<meta property="og:url" content="https://weval-consulting.com/nearshore-it-maroc">
<meta property="og:image" content="https://weval-consulting.com/assets/logo-weval-png-DChrMGao.png">
<meta property="og:locale" content="fr_FR">
<meta name="twitter:card" content="summary_large_image">
<meta name="robots" content="index, follow">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "Nearshore IT au Maroc",
"provider": {
"@type": "Organization",
"name": "WEVAL Consulting",
"url": "https://weval-consulting.com"
},
"description": "Externalisation nearshore de projets IT depuis Casablanca : Cloud, SAP, IA, Cybersécurité",
"areaServed": {"@type": "Country", "name": "France"},
"serviceType": "IT Nearshore Consulting"
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&family=Playfair+Display:wght@700;800&display=swap" rel="stylesheet">
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{--dark:#060a14;--cyan:#0891b2;--cyan-light:#22d3ee;--slate:#94a3b8;--body:#334155;--bg:#ffffff;--card-bg:#f8fafc}
body{font-family:'DM Sans',system-ui,sans-serif;color:var(--body);line-height:1.75;background:var(--bg)}
a{color:var(--cyan);text-decoration:none}
/* NAV */
.ns-nav{background:var(--dark);padding:16px 0;text-align:center;position:sticky;top:0;z-index:100}
.ns-nav a{color:#fff;font-weight:700;font-size:15px;letter-spacing:0.3px}
.ns-nav a:hover{color:var(--cyan-light)}
/* HERO */
.ns-hero{background:var(--dark);color:#fff;padding:100px 24px 80px;text-align:center;position:relative;overflow:hidden}
.ns-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(8,145,178,0.15),transparent 70%);border-radius:50%}
.ns-hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(34,211,238,0.08),transparent 70%);border-radius:50%}
.ns-hero-inner{position:relative;z-index:2;max-width:820px;margin:0 auto}
.ns-badge{display:inline-block;background:rgba(34,211,238,0.12);border:1px solid rgba(34,211,238,0.3);color:var(--cyan-light);padding:6px 20px;border-radius:30px;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:28px}
.ns-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;margin-bottom:22px}
.ns-hero h1 em{font-style:normal;color:var(--cyan-light)}
.ns-hero .sub{font-size:1.15rem;color:var(--slate);max-width:640px;margin:0 auto 36px;line-height:1.7}
.ns-hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:40px}
.ns-stat{text-align:center}
.ns-stat .num{font-size:2.4rem;font-weight:800;color:var(--cyan-light);display:block;line-height:1}
.ns-stat .lbl{font-size:13px;color:var(--slate);margin-top:6px;letter-spacing:0.5px}
/* SECTION */
.ns-section{max-width:900px;margin:0 auto;padding:72px 24px}
.ns-section h2{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:800;color:var(--dark);margin-bottom:24px;line-height:1.25}
.ns-section h2 em{font-style:normal;color:var(--cyan)}
.ns-section p{margin-bottom:18px;font-size:1.05rem}
/* ADVANTAGES GRID */
.ns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:40px 0}
.ns-card{background:var(--card-bg);border:1px solid #e2e8f0;border-radius:14px;padding:32px 28px;transition:transform 0.2s,box-shadow 0.2s}
.ns-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(6,10,20,0.08)}
.ns-card .icon{font-size:2rem;margin-bottom:14px;display:block}
.ns-card h3{font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:10px}
.ns-card p{font-size:0.95rem;color:var(--body);margin:0}
/* PRICING TABLE */
.ns-table-wrap{overflow-x:auto;margin:32px 0}
.ns-table{width:100%;border-collapse:collapse;font-size:0.95rem}
.ns-table th{background:var(--dark);color:#fff;padding:14px 20px;text-align:left;font-weight:600}
.ns-table td{padding:14px 20px;border-bottom:1px solid #e2e8f0}
.ns-table tr:nth-child(even){background:#f8fafc}
.ns-table .saving{color:#059669;font-weight:700}
/* HIGHLIGHT */
.ns-highlight{background:linear-gradient(135deg,#ecfeff,#cffafe);border-left:4px solid var(--cyan);padding:24px 28px;border-radius:0 12px 12px 0;margin:32px 0;font-size:1.05rem;color:#0c4a6e}
/* CTA FORM */
.ns-cta{background:linear-gradient(135deg,#0c4a6e,#0891b2);border-radius:20px;padding:56px 40px;text-align:center;margin:56px 0;color:#fff}
.ns-cta h2{font-family:'Playfair Display',serif;font-size:1.8rem;color:#fff;margin-bottom:12px}
.ns-cta p{color:rgba(255,255,255,0.85);margin-bottom:32px;font-size:1.05rem}
.ns-form{display:flex;flex-wrap:wrap;gap:12px;max-width:600px;margin:0 auto;justify-content:center}
.ns-form input,.ns-form textarea{border:2px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);color:#fff;padding:14px 18px;border-radius:10px;font-family:inherit;font-size:15px;flex:1;min-width:200px;transition:border 0.2s}
.ns-form input::placeholder,.ns-form textarea::placeholder{color:rgba(255,255,255,0.5)}
.ns-form input:focus,.ns-form textarea:focus{outline:none;border-color:var(--cyan-light);background:rgba(255,255,255,0.15)}
.ns-form textarea{width:100%;min-height:80px;resize:vertical}
.ns-form button{background:var(--cyan-light);color:var(--dark);border:none;padding:16px 36px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:transform 0.15s,background 0.2s;letter-spacing:0.3px;width:100%;max-width:320px}
.ns-form button:hover{transform:scale(1.03);background:#06b6d4}
.ns-form-msg{display:none;color:var(--cyan-light);font-weight:600;margin-top:16px}
/* TRUST */
.ns-trust{text-align:center;padding:40px 24px;border-top:1px solid #e2e8f0}
.ns-trust p{color:var(--slate);font-size:14px;letter-spacing:0.5px;text-transform:uppercase;font-weight:600;margin-bottom:20px}
.ns-trust-logos{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;align-items:center;opacity:0.5}
.ns-trust-logos span{font-size:1.1rem;font-weight:700;color:var(--body)}
/* FOOTER */
.ns-foot{background:var(--dark);color:var(--slate);text-align:center;padding:40px 24px}
.ns-foot a{color:var(--cyan-light)}
/* RESPONSIVE */
@media(max-width:640px){
.ns-hero{padding:60px 20px 50px}
.ns-hero h1{font-size:1.8rem}
.ns-hero-stats{gap:24px}
.ns-section{padding:48px 20px}
.ns-cta{padding:40px 20px;margin:40px 16px}
.ns-form input,.ns-form textarea{min-width:100%}
}
</style>
<link rel="alternate" hreflang="fr-MA" href="https://weval-consulting.com/nearshore-it-maroc">
<link rel="alternate" hreflang="fr-FR" href="https://weval-consulting.com/nearshore-it-maroc">
<link rel="alternate" hreflang="x-default" href="https://weval-consulting.com/nearshore-it-maroc">
</head>
<body>
<nav class="ns-nav"><a href="/">&larr; WEVAL Consulting</a></nav>
<header class="ns-hero">
<div class="ns-hero-inner">
<span class="ns-badge">Nearshore IT &mdash; Casablanca</span>
<h1>Vos projets IT livr&eacute;s depuis le Maroc.<br><em>-40% de co&ucirc;ts. M&ecirc;me fuseau horaire.</em></h1>
<p class="sub">WEVAL Consulting est votre partenaire nearshore &agrave; Casablanca. Cloud, SAP, IA, Cybers&eacute;curit&eacute; &mdash; nous livrons des projets IT de qualit&eacute; europ&eacute;enne, &agrave; des tarifs comp&eacute;titifs, sans aucun d&eacute;calage horaire.</p>
<div class="ns-hero-stats">
<div class="ns-stat"><span class="num">200+</span><span class="lbl">Projets livr&eacute;s</span></div>
<div class="ns-stat"><span class="num">8</span><span class="lbl">Pays servis</span></div>
<div class="ns-stat"><span class="num">97%</span><span class="lbl">Satisfaction client</span></div>
<div class="ns-stat"><span class="num">2h30</span><span class="lbl">Vol Paris-Casa</span></div>
</div>
</div>
</header>
<section class="ns-section">
<h2>Pourquoi le Maroc est la <em>meilleure option</em> nearshore pour la France</h2>
<div class="ns-grid">
<div class="ns-card">
<span class="icon">&#128337;</span>
<h3>Z&eacute;ro d&eacute;calage horaire</h3>
<p>GMT+1 comme Paris. Vos &eacute;quipes collaborent en temps r&eacute;el, avec des daily stand-ups &agrave; 9h et des d&eacute;mos le vendredi &agrave; 17h. Pas de communication d&eacute;cal&eacute;e comme avec l'Europe de l'Est ou l'Asie.</p>
</div>
<div class="ns-card">
<span class="icon">&#127467;&#127479;</span>
<h3>100% francophone</h3>
<p>95% des ing&eacute;nieurs IT marocains parlent fran&ccedil;ais couramment. Syst&egrave;me &eacute;ducatif calqu&eacute; sur le mod&egrave;le fran&ccedil;ais. Vos specs en fran&ccedil;ais, vos r&eacute;unions en fran&ccedil;ais, vos livrables en fran&ccedil;ais.</p>
</div>
<div class="ns-card">
<span class="icon">&#128176;</span>
<h3>-40% sur vos co&ucirc;ts IT</h3>
<p>Un consultant SAP senior co&ucirc;te 350-500&euro;/jour au Maroc vs 700-900&euro; en France. M&ecirc;me qualit&eacute;, m&ecirc;me certification, budget divis&eacute; par deux.</p>
</div>
<div class="ns-card">
<span class="icon">&#9992;&#65039;</span>
<h3>2h30 de Paris</h3>
<p>Casablanca est plus proche que Bucarest, Sofia ou Varsovie. 15+ vols directs par jour. Votre &eacute;quipe nearshore est &agrave; port&eacute;e de visite r&eacute;guli&egrave;re.</p>
</div>
<div class="ns-card">
<span class="icon">&#128274;</span>
<h3>Conformit&eacute; RGPD</h3>
<p>La loi marocaine 09-08 est align&eacute;e sur le RGPD europ&eacute;en. La CNDP marocaine est reconnue par l'UE. Vos donn&eacute;es sont prot&eacute;g&eacute;es avec les m&ecirc;mes standards.</p>
</div>
<div class="ns-card">
<span class="icon">&#127891;</span>
<h3>Talent pool profond</h3>
<p>10 000+ dipl&ocirc;m&eacute;s IT par an. &Eacute;coles d'ing&eacute;nieurs de premier plan (ENSIAS, INPT, EMI). Expertise SAP, Cloud, Java, Python, IA. Vivier de 5 000+ profils qualifi&eacute;s dans notre r&eacute;seau.</p>
</div>
</div>
</section>
<section class="ns-section" style="background:var(--card-bg);max-width:100%;padding-left:calc((100% - 900px)/2 + 24px);padding-right:calc((100% - 900px)/2 + 24px)">
<h2>Comparatif tarifaire : <em>Maroc vs France vs Europe de l'Est</em></h2>
<div class="ns-table-wrap">
<table class="ns-table">
<thead>
<tr><th>Profil</th><th>France (IDF)</th><th>Roumanie</th><th>Maroc (WEVAL)</th><th>&Eacute;conomie</th></tr>
</thead>
<tbody>
<tr><td><strong>D&eacute;veloppeur Senior</strong></td><td>500-650&euro;/j</td><td>350-450&euro;/j</td><td>250-350&euro;/j</td><td class="saving">-40 &agrave; -50%</td></tr>
<tr><td><strong>Consultant SAP</strong></td><td>700-900&euro;/j</td><td>450-600&euro;/j</td><td>350-500&euro;/j</td><td class="saving">-40 &agrave; -45%</td></tr>
<tr><td><strong>Architecte Cloud</strong></td><td>600-800&euro;/j</td><td>400-550&euro;/j</td><td>350-450&euro;/j</td><td class="saving">-40 &agrave; -45%</td></tr>
<tr><td><strong>Expert Cybers&eacute;curit&eacute;</strong></td><td>700-900&euro;/j</td><td>450-600&euro;/j</td><td>350-500&euro;/j</td><td class="saving">-45 &agrave; -55%</td></tr>
<tr><td><strong>Chef de projet / Scrum Master</strong></td><td>500-700&euro;/j</td><td>350-450&euro;/j</td><td>300-400&euro;/j</td><td class="saving">-35 &agrave; -45%</td></tr>
</tbody>
</table>
</div>
<div class="ns-highlight">
<strong>Exemple concret :</strong> une &eacute;quipe de 4 d&eacute;veloppeurs + 1 chef de projet pendant 6 mois co&ucirc;te ~540 000&euro; en France vs ~324 000&euro; avec WEVAL. &Eacute;conomie : <strong>216 000&euro;</strong> sur un seul projet.
</div>
</section>
<section class="ns-section">
<h2>Notre mod&egrave;le : la <em>Squad d&eacute;di&eacute;e</em></h2>
<p>Pas de freelances dispers&eacute;s. Pas de turnover. Votre squad WEVAL est une &eacute;quipe d&eacute;di&eacute;e &agrave; votre projet, int&eacute;gr&eacute;e &agrave; vos processus, avec un interlocuteur unique c&ocirc;t&eacute; France.</p>
<div class="ns-grid" style="grid-template-columns:repeat(auto-fit,minmax(220px,1fr))">
<div class="ns-card" style="text-align:center;border-top:3px solid var(--cyan)">
<h3>1. Cadrage</h3>
<p>Analyse de vos besoins, constitution de la squad id&eacute;ale, setup des outils (Jira, Teams, Git).</p>
</div>
<div class="ns-card" style="text-align:center;border-top:3px solid var(--cyan)">
<h3>2. Build</h3>
<p>D&eacute;veloppement en sprints de 2 semaines. D&eacute;mos r&eacute;guli&egrave;res. Qualit&eacute; code audit&eacute;e.</p>
</div>
<div class="ns-card" style="text-align:center;border-top:3px solid var(--cyan)">
<h3>3. Run</h3>
<p>Support continu, maintenance &eacute;volutive, monitoring. Votre &eacute;quipe grandit avec vous.</p>
</div>
</div>
</section>
<section class="ns-section">
<div class="ns-cta">
<h2>R&eacute;servez votre consultation gratuite</h2>
<p>En 30 minutes, nous &eacute;valuons ensemble votre potentiel d'&eacute;conomie nearshore et constituons votre squad id&eacute;ale.</p>
<form class="ns-form" id="nearshoreForm" onsubmit="return handleSubmit(event)">
<input type="text" name="name" placeholder="Votre nom" required>
<input type="email" name="email" placeholder="Email professionnel" required>
<input type="text" name="company" placeholder="Entreprise">
<textarea name="message" placeholder="D&eacute;crivez bri&egrave;vement votre besoin (ex: &eacute;quipe de 3 devs Java pour 6 mois)"></textarea>
<button type="submit">&#128640; Demander un devis gratuit</button>
</form>
<p class="ns-form-msg" id="formMsg">&#10004; Merci ! Nous vous recontactons sous 24h.</p>
</div>
</section>
<div class="ns-trust">
<p>Certifications &amp; Partenaires</p>
<div class="ns-trust-logos">
<span>Huawei Cloud</span>
<span>SAP</span>
<span>Vistex</span>
<span>Scaleway</span>
</div>
</div>
<footer class="ns-foot">
<p><strong><a href="/">WEVAL Consulting</a></strong> &mdash; 10 Rue Libert&eacute;, Casablanca, Maroc</p>
<p style="margin-top:8px">contact@weval-consulting.com &nbsp;|&nbsp; <a href="/contact">Contactez-nous</a> &nbsp;|&nbsp; <a href="/solutions">Nos solutions</a></p>
<p style="margin-top:16px;font-size:13px">&copy; 2026 WEVAL Consulting. Tous droits r&eacute;serv&eacute;s.</p>
</footer>
<script>
function handleSubmit(e){
e.preventDefault();
var f=e.target,d=new FormData(f);
// Envoyer au backend
fetch('/api/weval-ia',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({message:'[LEAD NEARSHORE] Nom: '+d.get('name')+', Email: '+d.get('email')+', Entreprise: '+d.get('company')+', Besoin: '+d.get('message'),session_id:'lead-'+Date.now()})}).catch(function(){});
// Feedback visuel
f.style.display='none';
document.getElementById('formMsg').style.display='block';
// Tracker
if(typeof gtag==='function')gtag('event','lead_nearshore',{event_category:'conversion'});
return false;
}
</script>
<script src="/weval-leadmachine.js" defer></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink