{"id":711,"date":"2025-11-13T15:04:45","date_gmt":"2025-11-13T15:04:45","guid":{"rendered":"https:\/\/www.coden.ma\/?page_id=711"},"modified":"2026-09-17T08:35:36","modified_gmt":"2026-09-17T08:35:36","slug":"realisations","status":"publish","type":"page","link":"https:\/\/www.mogacode.ma\/en\/realisations\/","title":{"rendered":"Nos R\u00e9alisations, Sites WordPress &amp; SaaS | MogaCode"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"711\" class=\"elementor elementor-711 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-real-main e-con-full e-flex e-con e-parent\" data-id=\"real-main\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-real-widget elementor-widget elementor-widget-html\" data-id=\"real-widget\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOGACODE R\u00c9ALISATIONS v1, real-v1\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500 Scroll Reveal \u2500\u2500 *\/\n.rr { opacity:0; transform:translateY(32px); transition:opacity .65s ease, transform .65s ease; }\n.rr.vis { opacity:1; transform:none; }\n.rr.d1{transition-delay:.08s}.rr.d2{transition-delay:.16s}.rr.d3{transition-delay:.24s}\n.rr.d4{transition-delay:.32s}.rr.d5{transition-delay:.40s}.rr.d6{transition-delay:.48s}\n\n\/* \u2500\u2500 Gold shimmer \u2500\u2500 *\/\n.gs {\n  background: linear-gradient(90deg,#B8860B 0%,#FFD700 40%,#B8860B 60%,#DAA520 100%);\n  background-size: 250% auto;\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: goldShimmer 4s linear infinite;\n}\n@keyframes goldShimmer { to { background-position: 250% center; } }\n\n\/* \u2500\u2500 S1 HERO \u2500\u2500 *\/\n.real-hero {\n  background: linear-gradient(160deg, #0F2237 0%, #0a1828 100%);\n  padding: 96px 40px 80px;\n  text-align: center;\n}\n.real-hero-eyebrow {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #B8860B;\n  margin-bottom: 20px;\n}\n.real-hero h1 {\n  font-size: clamp(2rem, 5vw, 3.5rem);\n  font-weight: 800;\n  color: #fff;\n  line-height: 1.15;\n  margin: 0 auto 20px;\n  max-width: 800px;\n}\n.real-hero-sub {\n  font-size: clamp(1rem, 2vw, 1.2rem);\n  color: #7a9ab5;\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n.real-hero-stats {\n  display: flex;\n  justify-content: center;\n  gap: 48px;\n  margin-top: 48px;\n  flex-wrap: wrap;\n}\n.real-hero-stat {\n  text-align: center;\n}\n.real-hero-stat strong {\n  display: block;\n  font-size: 2rem;\n  font-weight: 800;\n  color: #B8860B;\n  line-height: 1;\n}\n.real-hero-stat span {\n  font-size: 12px;\n  color: #556;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-top: 4px;\n  display: block;\n}\n\n\/* \u2500\u2500 S2 FILTERS \u2500\u2500 *\/\n.real-filters {\n  background: #fff;\n  padding: 32px 40px;\n  border-bottom: 1px solid #f0f0f0;\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  box-shadow: 0 2px 20px rgba(0,0,0,0.06);\n}\n.real-filter-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: flex;\n  gap: 10px;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.rf-pill {\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 18px;\n  border-radius: 40px;\n  font-size: 13px;\n  font-weight: 500;\n  border: 1.5px solid #e0e0e0;\n  color: #555;\n  cursor: pointer;\n  transition: all .2s;\n  background: #fff;\n  user-select: none;\n  white-space: nowrap;\n}\n.rf-pill:hover {\n  border-color: #B8860B;\n  color: #B8860B;\n}\n.rf-pill.active {\n  background: #B8860B;\n  border-color: #B8860B;\n  color: #fff;\n  font-weight: 600;\n}\n\n\/* \u2500\u2500 S3 GRID \u2500\u2500 *\/\n.real-grid-wrap {\n  background: #F8F7F5;\n  padding: 64px 40px 80px;\n}\n.real-grid {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 28px;\n}\n@media(max-width:960px){ .real-grid { grid-template-columns: 1fr 1fr; } }\n@media(max-width:580px){ .real-grid { grid-template-columns: 1fr; } }\n\n\/* Project card *\/\n.pcard {\n  background: #fff;\n  border-radius: 16px;\n  padding: 28px;\n  border: 1.5px solid transparent;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n  transition: transform .25s, box-shadow .25s, border-color .25s;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.pcard:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 20px 48px rgba(0,0,0,0.12);\n  border-color: rgba(184,134,11,0.3);\n}\n.pcard[style*=\"display:none\"], .pcard[style*=\"display: none\"] { display: none !important; }\n\n\/* Card top: category pill + flag *\/\n.pcard-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.pcard-cat {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  padding: 4px 10px;\n  border-radius: 20px;\n  background: #f0f0f0;\n  color: #666;\n}\n\/* Category color coding *\/\n.pcard-cat.cat-wordpress { background:#f0f6ff; color:#2563eb; }\n.pcard-cat.cat-ecommerce  { background:#fef3c7; color:#d97706; }\n.pcard-cat.cat-saas       { background:#f0fdf4; color:#16a34a; }\n.pcard-cat.cat-hotel      { background:#fdf4ff; color:#9333ea; }\n.pcard-cat.cat-conseil    { background:#fff1f2; color:#e11d48; }\n.pcard-cat.cat-formation  { background:#f0f9ff; color:#0284c7; }\n.pcard-cat.cat-sante      { background:#f0fdf4; color:#059669; }\n.pcard-cat.cat-sport      { background:#fff7ed; color:#ea580c; }\n.pcard-cat.cat-assoc      { background:#fdf4ff; color:#7c3aed; }\n.pcard-cat.cat-btp        { background:#fafaf0; color:#78716c; }\n.pcard-cat.cat-media      { background:#fff0f0; color:#dc2626; }\n.pcard-cat.cat-immo       { background:#f0fffe; color:#0891b2; }\n.pcard-cat.cat-tech       { background:#f8f0ff; color:#7c3aed; }\n\n.pcard-flag { font-size: 22px; }\n\n\/* Project name *\/\n.pcard-name {\n  font-size: 18px;\n  font-weight: 700;\n  color: #111;\n  line-height: 1.2;\n  margin: 0;\n}\n.pcard-client {\n  font-size: 12px;\n  color: #888;\n  font-weight: 500;\n}\n\n\/* Description *\/\n.pcard-desc {\n  font-size: 13.5px;\n  color: #555;\n  line-height: 1.6;\n  flex: 1;\n}\n\n\/* Tech tags *\/\n.pcard-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.pcard-tag {\n  font-size: 11px;\n  font-weight: 500;\n  padding: 3px 8px;\n  border-radius: 4px;\n  background: #f5f5f5;\n  color: #666;\n  border: 1px solid #e8e8e8;\n}\n\n\/* CTA *\/\n.pcard-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #B8860B;\n  text-decoration: none;\n  margin-top: 4px;\n  transition: gap .2s;\n}\n.pcard:hover .pcard-cta { gap: 10px; }\n\n\/* Empty state *\/\n.real-empty {\n  grid-column: 1\/-1;\n  text-align: center;\n  padding: 64px 20px;\n  color: #aaa;\n  font-size: 15px;\n  display: none;\n}\n\n\/* \u2500\u2500 S4 STATS \u2500\u2500 *\/\n.real-stats {\n  background: linear-gradient(160deg, #0F2237, #0a1828);\n  padding: 64px 40px;\n}\n.real-stats-inner {\n  max-width: 900px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 32px;\n  text-align: center;\n}\n@media(max-width:640px){ .real-stats-inner { grid-template-columns: repeat(2,1fr); } }\n.rs-num {\n  font-size: 3rem;\n  font-weight: 900;\n  color: #B8860B;\n  line-height: 1;\n  display: block;\n}\n.rs-label {\n  font-size: 12px;\n  color: #556;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  margin-top: 8px;\n  display: block;\n}\n\n\/* \u2500\u2500 S5 CTA \u2500\u2500 *\/\n.real-cta-section {\n  background: linear-gradient(135deg, #0F2237 0%, #1a3050 60%, #0F2237 100%);\n  padding: 80px 40px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.real-cta-section::before {\n  content: \"\";\n  position: absolute;\n  top: -60px; left: 50%;\n  transform: translateX(-50%);\n  width: 500px; height: 200px;\n  background: radial-gradient(ellipse, rgba(184,134,11,0.12), transparent 70%);\n  pointer-events: none;\n}\n.real-cta-title {\n  font-size: clamp(1.6rem, 4vw, 2.6rem);\n  font-weight: 800;\n  color: #fff;\n  max-width: 700px;\n  margin: 0 auto 16px;\n  line-height: 1.2;\n}\n.real-cta-sub {\n  font-size: 15px;\n  color: #7a9ab5;\n  margin-bottom: 40px;\n}\n.real-cta-btns {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n.real-btn-gold {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: linear-gradient(135deg, #B8860B, #DAA520);\n  color: #fff;\n  font-weight: 700;\n  font-size: 15px;\n  padding: 14px 32px;\n  border-radius: 10px;\n  text-decoration: none;\n  box-shadow: 0 8px 24px rgba(184,134,11,0.35);\n  transition: transform .2s, box-shadow .2s;\n}\n.real-btn-gold:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(184,134,11,0.45); }\n.real-btn-ghost {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: transparent;\n  color: #B8860B;\n  font-weight: 600;\n  font-size: 15px;\n  padding: 14px 32px;\n  border-radius: 10px;\n  text-decoration: none;\n  border: 1.5px solid rgba(184,134,11,0.4);\n  transition: background .2s, border-color .2s;\n}\n.real-btn-ghost:hover { background: rgba(184,134,11,0.08); border-color: #B8860B; }\n\n@media(max-width:480px){\n  .real-hero { padding: 64px 20px 56px; }\n  .real-filters { padding: 20px; position: static; }\n  .real-grid-wrap { padding: 40px 16px; }\n  .real-stats { padding: 48px 20px; }\n  .real-cta-section { padding: 56px 20px; }\n  .real-hero-stats { gap: 28px; }\n}\n<\/style>\n\n<!-- \u2500\u2500 S1: HERO \u2500\u2500 -->\n<div class='real-hero'>\n  <p class='real-hero-eyebrow rr'>Nos R\u00e9alisations<\/p>\n  <h1 class='rr d1'>Des sites qui <span class='gs'>performent vraiment.<\/span><\/h1>\n  <p class='real-hero-sub rr d2'>\n    WordPress, SaaS, e-commerce, formation, sant\u00e9, sport, m\u00e9dia,\n    nous concevons des pr\u00e9sences digitales adapt\u00e9es \u00e0 chaque secteur,\n    livr\u00e9es dans les d\u00e9lais, optimis\u00e9es d\u00e8s le d\u00e9part.\n  <\/p>\n  <div class='real-hero-stats'>\n    <div class='real-hero-stat rr d1'>\n      <strong>130+<\/strong><span>Sites livr\u00e9s<\/span>\n    <\/div>\n    <div class='real-hero-stat rr d2'>\n      <strong>4<\/strong><span>Pays<\/span>\n    <\/div>\n    <div class='real-hero-stat rr d3'>\n      <strong>100%<\/strong><span>Clients actifs<\/span>\n    <\/div>\n    <div class='real-hero-stat rr d4'>\n      <strong>5\u2b50<\/strong><span>Satisfaction<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500 S2: FILTERS \u2500\u2500 -->\n<div class='real-filters'>\n  <div class='real-filter-inner'>\n    <button class='rf-pill active' data-filter='all'>Tous les projets<\/button>\n    <button class='rf-pill' data-filter='wordpress'>WordPress<\/button>\n    <button class='rf-pill' data-filter='ecommerce'>E-commerce<\/button>\n    <button class='rf-pill' data-filter='hotel'>H\u00f4tellerie<\/button>\n    <button class='rf-pill' data-filter='conseil'>Conseil<\/button>\n    <button class='rf-pill' data-filter='saas'>SaaS<\/button>\n    <button class='rf-pill' data-filter='formation'>Formation<\/button>\n    <button class='rf-pill' data-filter='sante'>Sant\u00e9<\/button>\n    <button class='rf-pill' data-filter='sport'>Sport<\/button>\n    <button class='rf-pill' data-filter='media'>M\u00e9dia<\/button>\n    <button class='rf-pill' data-filter='immo'>Immobilier<\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500 S3: GRID \u2500\u2500 -->\n<div class='real-grid-wrap'>\n  <div class='real-grid'>\n    \n    <div class='pcard rr d1' data-cat='formation'><div class='pcard-top'><span class='pcard-cat cat-formation'>Formation<\/span><\/div><p class='pcard-name'>Golf Images<\/p><p class='pcard-client'>Acad\u00e9mie de golf, C\u00f4te d&#039;Azur<\/p><p class='pcard-desc'>Site et quiz interactif \u00ab carte verte \u00bb pour une acad\u00e9mie de golf. En t\u00eate de Google sur \u00ab carte verte golf \u00bb et ses variantes.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><span class='pcard-tag'>Quiz<\/span><span class='pcard-tag'>SEO<\/span><\/div><a href='https:\/\/golfimages.fr\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d2' data-cat='hotel'><div class='pcard-top'><span class='pcard-cat cat-hotel'>Restauration<\/span><\/div><p class='pcard-name'>La Table du Boucher<\/p><p class='pcard-client'>Restaurant, Etterbeek<\/p><p class='pcard-desc'>Site vitrine et r\u00e9f\u00e9rencement local pour un restaurant bruxellois. Position 1 sur \u00ab restaurant Etterbeek \u00bb.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><span class='pcard-tag'>SEO local<\/span><span class='pcard-tag'>Menu<\/span><\/div><a href='https:\/\/latableduboucherbybp.be\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d3' data-cat='sante'><div class='pcard-top'><span class='pcard-cat cat-sante'>Sant\u00e9<\/span><\/div><p class='pcard-name'>Axess Pharma<\/p><p class='pcard-client'>Pharmacie, Bruxelles-Midi<\/p><p class='pcard-desc'>Site et r\u00e9f\u00e9rencement local pour une pharmacie. Dans le trio de t\u00eate sur \u00ab pharmacie gare du midi \u00bb.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><span class='pcard-tag'>SEO local<\/span><\/div><a href='https:\/\/axesspharma.be\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d4' data-cat='hotel'><div class='pcard-top'><span class='pcard-cat cat-hotel'>Restauration<\/span><\/div><p class='pcard-name'>Amici Miei<\/p><p class='pcard-client'>Restaurant italien, Knokke<\/p><p class='pcard-desc'>Site vitrine et r\u00e9f\u00e9rencement local pour une table italienne de la c\u00f4te belge.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><span class='pcard-tag'>SEO local<\/span><\/div><a href='https:\/\/amicimiei.be\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d5' data-cat='sante'><div class='pcard-top'><span class='pcard-cat cat-sante'>Sant\u00e9<\/span><\/div><p class='pcard-name'>Institut des Lys<\/p><p class='pcard-client'>Institut de beaut\u00e9, Annecy<\/p><p class='pcard-desc'>Site et r\u00e9f\u00e9rencement pour un institut. Pr\u00e9sent sur les recherches \u00ab massage annecy \u00bb.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><span class='pcard-tag'>SEO local<\/span><\/div><a href='https:\/\/institut-deslys.com\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d6' data-cat='sante'><div class='pcard-top'><span class='pcard-cat cat-sante'>Sant\u00e9<\/span><\/div><p class='pcard-name'>Spa des Lys<\/p><p class='pcard-client'>Spa, Argonay<\/p><p class='pcard-desc'>Site vitrine, r\u00e9servation et r\u00e9f\u00e9rencement local pour un spa de la r\u00e9gion d&#039;Annecy.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><span class='pcard-tag'>SEO local<\/span><\/div><a href='https:\/\/www.spa-deslys.com\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d1' data-cat='hotel'><div class='pcard-top'><span class='pcard-cat cat-hotel'>Tourisme<\/span><\/div><p class='pcard-name'>G\u00eetes Premiums<\/p><p class='pcard-client'>Location de g\u00eetes haut de gamme<\/p><p class='pcard-desc'>Site et parcours de r\u00e9servation pour des g\u00eetes premium.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><span class='pcard-tag'>R\u00e9servation<\/span><\/div><a href='https:\/\/gitespremiums.fr\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d2' data-cat='sport'><div class='pcard-top'><span class='pcard-cat cat-sport'>Sport<\/span><\/div><p class='pcard-name'>Golf Anderlecht<\/p><p class='pcard-client'>Golf, Bruxelles<\/p><p class='pcard-desc'>Site vitrine et r\u00e9f\u00e9rencement local pour un practice et une acad\u00e9mie de golf.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><span class='pcard-tag'>SEO local<\/span><\/div><a href='https:\/\/golf-anderlecht.com\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d3' data-cat='sante'><div class='pcard-top'><span class='pcard-cat cat-sante'>Sant\u00e9<\/span><\/div><p class='pcard-name'>Cabinet des Lys<\/p><p class='pcard-client'>Soins esth\u00e9tiques<\/p><p class='pcard-desc'>Site vitrine et prise de contact pour un cabinet de soins.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><\/div><a href='https:\/\/cabinet-deslys.com\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d4' data-cat='saas'><div class='pcard-top'><span class='pcard-cat cat-saas'>SaaS<\/span><\/div><p class='pcard-name'>BScan<\/p><p class='pcard-client'>Num\u00e9risation, plateforme web<\/p><p class='pcard-desc'>Interface web pour une solution de num\u00e9risation et de traitement de documents.<\/p><div class='pcard-tags'><span class='pcard-tag'>SaaS<\/span><span class='pcard-tag'>Web app<\/span><\/div><a href='https:\/\/bscan.be\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d5' data-cat='conseil'><div class='pcard-top'><span class='pcard-cat cat-conseil'>Services<\/span><\/div><p class='pcard-name'>Trans&#039;Alp Services<\/p><p class='pcard-client'>Services aux entreprises<\/p><p class='pcard-desc'>Site professionnel pour une soci\u00e9t\u00e9 de services.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><\/div><a href='https:\/\/www.transalpservices.com\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d6' data-cat='wordpress'><div class='pcard-top'><span class='pcard-cat cat-wordpress'>Artisanat<\/span><\/div><p class='pcard-name'>Mertens Brussels<\/p><p class='pcard-client'>Atelier et savoir-faire, Bruxelles<\/p><p class='pcard-desc'>Site vitrine premium mettant en valeur un savoir-faire artisanal bruxellois.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><span class='pcard-tag'>Elementor<\/span><\/div><a href='https:\/\/mertens.brussels\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d1' data-cat='hotel'><div class='pcard-top'><span class='pcard-cat cat-hotel'>Loisirs<\/span><\/div><p class='pcard-name'>Beach Number 1<\/p><p class='pcard-client'>\u00c9tablissement de plage, c\u00f4te belge<\/p><p class='pcard-desc'>Site vitrine pour un \u00e9tablissement de bord de mer.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><\/div><a href='https:\/\/beachnumber1.be\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d2' data-cat='wordpress'><div class='pcard-top'><span class='pcard-cat cat-wordpress'>Construction<\/span><\/div><p class='pcard-name'>M4B Construct<\/p><p class='pcard-client'>Construction et r\u00e9novation<\/p><p class='pcard-desc'>Site vitrine pour une entreprise du b\u00e2timent.<\/p><div class='pcard-tags'><span class='pcard-tag'>WordPress<\/span><\/div><a href='https:\/\/m4b-construct.be\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d3' data-cat='sante'><div class='pcard-top'><span class='pcard-cat cat-sante'>Sant\u00e9<\/span><\/div><p class='pcard-name'>Evoluphar<\/p><p class='pcard-client'>Secteur pharmaceutique<\/p><p class='pcard-desc'>Site institutionnel pour un acteur du secteur pharmaceutique.<\/p><div class='pcard-tags'><span class='pcard-tag'>Web<\/span><\/div><a href='https:\/\/evoluphar.be\/' class='pcard-cta' target='_blank' rel='noopener'>Voir le projet \u2192<\/a><\/div><div class='pcard rr d4' data-cat='saas'><div class='pcard-top'><span class='pcard-cat cat-saas'>SaaS<\/span><\/div><p class='pcard-name'>MisterGoo<\/p><p class='pcard-client'>Notre plateforme maison<\/p><p class='pcard-desc'>Notre SaaS de r\u00e9f\u00e9rencement : le web qui rank sur Google, en abonnement.<\/p><div class='pcard-tags'><span class='pcard-tag'>SaaS<\/span><span class='pcard-tag'>SEO<\/span><\/div><a href='\/mistergoo\/' class='pcard-cta'>Voir le projet \u2192<\/a><\/div><div class='real-empty'>Aucun projet dans cette cat\u00e9gorie pour l\\'instant.<\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500 S4: STATS \u2500\u2500 -->\n<div class='real-stats'>\n  <div class='real-stats-inner rr'>\n    <div>\n      <strong class='rs-num' id='cnt-sites'>0+<\/strong>\n      <span class='rs-label'>Sites livr\u00e9s<\/span>\n    <\/div>\n    <div>\n      <strong class='rs-num' id='cnt-pays'>0<\/strong>\n      <span class='rs-label'>Pays<\/span>\n    <\/div>\n    <div>\n      <strong class='rs-num' id='cnt-satisfaction'>0%<\/strong>\n      <span class='rs-label'>Clients satisfaits<\/span>\n    <\/div>\n    <div>\n      <strong class='rs-num' id='cnt-years'>0+<\/strong>\n      <span class='rs-label'>Ans d'expertise IT<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500 S5: CTA \u2500\u2500 -->\n<div class='real-cta-section'>\n  <p class='real-hero-eyebrow rr'>Votre projet<\/p>\n  <h2 class='real-cta-title rr d1'>Votre site m\u00e9rite une <span class='gs'>r\u00e9alisation au niveau<\/span> de vos ambitions.<\/h2>\n  <p class='real-cta-sub rr d2'>Tarifs fixes d\u00e8s 249\u20ac\/mois \u00b7 Livraison en 2 \u00e0 4 jours \u00b7 Support inclus<\/p>\n  <div class='real-cta-btns rr d3'>\n    <a href='\/mistergoo\/' class='real-btn-gold'>D\u00e9couvrir la m\u00e9thode MisterGoo \u2192<\/a>\n    <a href='\/contact\/' class='real-btn-ghost'>Audit gratuit \u2192<\/a>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  \/\/ \u2500\u2500 Scroll reveal\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add(\"vis\"); io.unobserve(e.target); }\n    });\n  },{threshold:0.12});\n  document.querySelectorAll(\".rr\").forEach(function(el){ io.observe(el); });\n\n  \/\/ \u2500\u2500 Filter pills\n  document.querySelectorAll(\".rf-pill\").forEach(function(pill){\n    pill.addEventListener(\"click\", function(){\n      document.querySelectorAll(\".rf-pill\").forEach(function(p){ p.classList.remove(\"active\"); });\n      this.classList.add(\"active\");\n      var cat = this.getAttribute(\"data-filter\");\n      var cards = document.querySelectorAll(\".pcard\");\n      var visible = 0;\n      cards.forEach(function(card){\n        if(cat === \"all\" || card.getAttribute(\"data-cat\") === cat){\n          card.style.display = \"\";\n          visible++;\n        } else {\n          card.style.display = \"none\";\n        }\n      });\n      var empty = document.querySelector(\".real-empty\");\n      if(empty) empty.style.display = visible === 0 ? \"block\" : \"none\";\n    });\n  });\n\n  \/\/ \u2500\u2500 Counter animation for stats\n  function animateCounter(el, target, suffix){\n    var start = 0;\n    var duration = 1800;\n    var startTime = null;\n    function step(ts){\n      if(!startTime) startTime = ts;\n      var progress = Math.min((ts - startTime) \/ duration, 1);\n      var ease = 1 - Math.pow(1 - progress, 3);\n      el.textContent = Math.round(start + (target - start) * ease) + suffix;\n      if(progress < 1) requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n  var countersDone = false;\n  var cio = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting && !countersDone){\n        countersDone = true;\n        animateCounter(document.getElementById(\"cnt-sites\"), 16, \"+\");\n        animateCounter(document.getElementById(\"cnt-pays\"), 4, \"\");\n        animateCounter(document.getElementById(\"cnt-satisfaction\"), 100, \"%\");\n        animateCounter(document.getElementById(\"cnt-years\"), 30, \"+\");\n      }\n    });\n  },{threshold:0.3});\n  var statsEl = document.querySelector(\".real-stats\");\n  if(statsEl) cio.observe(statsEl);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nos R\u00e9alisations Notre qui Portfolio D\u00e9couvrez nos projets qui ont transform\u00e9 des entreprises Tous Corporate Restaurant Plateforme Services E-commerce Association Immobilier Cr\u00e9atif Tourisme Sant\u00e9 Sport Commerce Personnel Construction M\u00e9dia \/* widget: Overlay Product Box *\/ #uc_uc_simple_overlay_product_elementor_af58f5465 { text-align:center; position:relative; overflow:hidden; } #uc_uc_simple_overlay_product_elementor_af58f5465 img{ width:100%; object-fit: cover; display:block; } #uc_uc_simple_overlay_product_elementor_af58f5465 .us_hover_box{ width:100%; height:100%; opacity:0; transition: all [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-711","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>R\u00e9alisations, 130+ sites WordPress livr\u00e9s \u00b7 4 pays | MogaCode<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez les r\u00e9alisations de MogaCode : sites WordPress, SaaS, e-commerce, formations. 130+ projets livr\u00e9s au Maroc, en Belgique, en France et au Luxembourg.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mogacode.ma\/en\/realisations\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nos R\u00e9alisations, Sites WordPress &amp; SaaS | MogaCode\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez les r\u00e9alisations de MogaCode : sites WordPress, SaaS, e-commerce, formations. 130+ projets livr\u00e9s au Maroc, en Belgique, en France et au Luxembourg.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mogacode.ma\/en\/realisations\/\" \/>\n<meta property=\"og:site_name\" content=\"Mogacode\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mogacode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-17T08:35:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2025\/11\/Amici.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@mogacode\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"53 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"R\u00e9alisations, 130+ sites WordPress livr\u00e9s \u00b7 4 pays | MogaCode","description":"D\u00e9couvrez les r\u00e9alisations de MogaCode : sites WordPress, SaaS, e-commerce, formations. 130+ projets livr\u00e9s au Maroc, en Belgique, en France et au Luxembourg.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mogacode.ma\/en\/realisations\/","og_locale":"en_US","og_type":"article","og_title":"Nos R\u00e9alisations, Sites WordPress &amp; SaaS | MogaCode","og_description":"D\u00e9couvrez les r\u00e9alisations de MogaCode : sites WordPress, SaaS, e-commerce, formations. 130+ projets livr\u00e9s au Maroc, en Belgique, en France et au Luxembourg.","og_url":"https:\/\/www.mogacode.ma\/en\/realisations\/","og_site_name":"Mogacode","article_publisher":"https:\/\/www.facebook.com\/mogacode","article_modified_time":"2026-09-17T08:35:36+00:00","og_image":[{"url":"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2025\/11\/Amici.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@mogacode","twitter_misc":{"Est. reading time":"53 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[]}},"_links":{"self":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/comments?post=711"}],"version-history":[{"count":2,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/711\/revisions"}],"predecessor-version":[{"id":1956,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/711\/revisions\/1956"}],"wp:attachment":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/media?parent=711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}