{"id":18610,"date":"2026-04-11T10:43:25","date_gmt":"2026-04-11T09:43:25","guid":{"rendered":"https:\/\/altaydagistan.com\/?p=18610"},"modified":"2026-06-29T11:09:41","modified_gmt":"2026-06-29T10:09:41","slug":"wordpress-web-sitesi-olusturma","status":"publish","type":"page","link":"https:\/\/altaydagistan.com\/tr\/wordpress-web-sitesi-olusturma\/","title":{"rendered":"Web Sitesi Olu\u015fturma WordPress PME B2B"},"content":{"rendered":"\n<style>\n.csw-page *, .csw-page *::before, .csw-page *::after { box-sizing: border-box; }\n.csw-page {\n  --bg: #0A0A12;\n  --white: #FFFFFF;\n  --gray-light: #B9B9B9;\n  --gray: #8E8E8E;\n  --border: #434343;\n  --accent: #4CB731;\n  --accent-h: #3d9a27;\n  --blue: #287CCA;\n  --font: 'Manrope', sans-serif;\n  font-family: var(--font);\n  background: var(--bg);\n  color: var(--white);\n  line-height: 1.6;\n  overflow-x: clip;\n  padding-bottom: 40px;\n}\n.csw-page img { pointer-events: none; }\n.csw-logos-strip img { pointer-events: auto; }\n\n\/* ===== LOGOS ===== *\/\n.csw-logos { padding: 36px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n.csw-logos-label { text-align: center; font-size: 0.62rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--gray); margin-bottom: 24px; }\n.csw-logos-strip { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 700px; margin: 0 auto; }\n.csw-logo-item { display: flex; align-items: center; justify-content: center; height: 68px; padding: 0 20px; }\n.csw-logo-item img { max-height: 30px; max-width: 130px; width: auto; height: auto; object-fit: contain; filter: brightness(0) invert(1) opacity(0.4); transition: filter 0.25s; border-radius: 0 !important; background: none !important; }\n.csw-logo-item img:hover { filter: brightness(0) invert(1) opacity(0.8); }\n.csw-logo-item[data-logo=\"acg\"] img { max-height: 50px; max-width: 160px; }\n.csw-logo-item[data-logo=\"axa\"] img { max-height: 45px; max-width: 120px; }\n.csw-container { max-width: 1160px; margin: 0 auto; padding: 0; }\n\n\/* ===== BUTTONS ===== *\/\n.csw-btn-primary {\n  display: inline-block; background: var(--accent); color: #fff;\n  font-family: var(--font); font-weight: 700; font-size: 14px;\n  padding: 12px 24px; border-radius: 8px; text-decoration: none;\n  border: none; cursor: pointer; transition: filter 0.2s;\n}\n.csw-btn-primary:hover { filter: brightness(1.1); color: #fff; }\n.csw-btn-outline {\n  display: inline-block; background: transparent; color: rgba(255,255,255,0.8);\n  font-family: var(--font); font-weight: 600; font-size: 14px;\n  padding: 11px 22px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.2);\n  text-decoration: none; transition: border-color 0.2s, color 0.2s;\n}\n.csw-btn-outline:hover { border-color: rgba(255,255,255,0.5); color: #fff; }\n\n\/* ===== STICKY ===== *\/\n.csw-sticky {\n  position: fixed; bottom: 20px; left: 50%;\n  transform: translateX(-50%) translateY(calc(100% + 40px));\n  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n  z-index: 9999; width: calc(100% - 32px); max-width: 780px;\n  border-radius: 16px; border: 1px solid rgba(255,255,255,0.1);\n  background: rgba(14,14,22,0.92);\n  backdrop-filter: blur(24px) saturate(160%);\n  -webkit-backdrop-filter: blur(24px) saturate(160%);\n}\n.csw-sticky.csw-visible { transform: translateX(-50%) translateY(0); }\n.csw-sticky-inner {\n  display: flex; align-items: center; justify-content: space-between;\n  gap: 16px; padding: 14px 20px;\n}\n.csw-sticky-text {\n  font-size: 13px; color: var(--gray-light); font-weight: 500;\n  flex: 1; min-width: 0; white-space: nowrap; overflow: hidden;\n  text-overflow: ellipsis; margin: 0; line-height: 1;\n}\n.csw-sticky-text strong { color: var(--white); }\n.csw-sticky-btn { flex-shrink: 0; }\n\n\/* ===== HERO ===== *\/\n.csw-hero { padding: 48px 0 72px; }\n.csw-hero-card {\n  border: 1px solid var(--border); border-radius: 28px;\n  padding: 52px; position: relative; overflow: hidden;\n}\n.csw-hero-glow {\n  position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0;\n  background: radial-gradient(ellipse 55% 70% at 80% 50%, rgba(76,183,49,0.07) 0%, transparent 65%);\n}\n.csw-hero-grid {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 56px;\n  align-items: center; position: relative; z-index: 1;\n}\n.csw-tag {\n  display: inline-flex; align-items: center; gap: 8px;\n  font-size: 11px; font-weight: 600; text-transform: uppercase;\n  letter-spacing: 0.08em; color: var(--accent);\n  border: 1px solid rgba(76,183,49,0.3); border-radius: 4px;\n  padding: 5px 10px; margin-bottom: 20px;\n}\n.csw-tag::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }\n.csw-h1 {\n  font-size: clamp(2rem, 2.5vw + 0.5rem, 3.1rem);\n  font-weight: 800; line-height: 1.1; margin-bottom: 20px; color: var(--white);\n}\n.csw-h1 em { font-style: normal; color: var(--accent); }\n.csw-hero-desc {\n  font-size: 15px; color: var(--gray-light); line-height: 1.75;\n  margin-bottom: 32px; max-width: 440px;\n}\n.csw-hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }\n.csw-hero-visual { position: relative; }\n.csw-hero-img {\n  width: 100%; border-radius: 16px; object-fit: cover;\n  aspect-ratio: 4\/3; border: 1px solid var(--border);\n  box-shadow: 0 24px 60px rgba(0,0,0,0.5); display: block;\n}\n.csw-hero-stack {\n  position: absolute; bottom: -18px; left: -18px; z-index: 2;\n  background: rgba(10,10,18,0.95); border: 1px solid var(--border);\n  border-radius: 12px; padding: 14px 18px;\n  box-shadow: 12px 12px 36px rgba(0,0,0,0.6);\n}\n.csw-stack-label {\n  font-size: 9px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.1em; color: var(--gray); margin-bottom: 10px;\n}\n.csw-stack-items { display: flex; align-items: center; gap: 8px; }\n.csw-stack-item {\n  font-size: 11px; font-weight: 700; color: var(--white);\n  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 6px; padding: 5px 10px; white-space: nowrap;\n}\n.csw-stack-arrow { font-size: 10px; color: var(--gray); }\n\n\/* ===== LOGOS ===== *\/\n.csw-logos { padding: 36px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n.csw-logos-label { text-align: center; font-size: 0.62rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--gray); margin-bottom: 24px; }\n.csw-logos-strip { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 700px; margin: 0 auto; }\n.csw-logo-item { display: flex; align-items: center; justify-content: center; height: 68px; padding: 0 20px; }\n\/* ===== CONTAINER ===== *\/\n\n\/* ===== SECTION GENERIC ===== *\/\n.csw-section { padding: 80px 0; }\n.csw-section-eyebrow {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.13em; color: var(--accent); margin-bottom: 10px; display: block;\n}\n.csw-section-title {\n  font-size: clamp(1.5rem, 2vw, 2rem); font-weight: 800;\n  line-height: 1.2; color: var(--white); margin-bottom: 10px;\n  letter-spacing: -0.02em;\n}\n.csw-section-sub {\n  font-size: 15px; color: var(--gray-light); line-height: 1.7;\n  max-width: 560px; margin-bottom: 44px;\n}\n.csw-section-head { margin-bottom: 44px; }\n\n\/* ===== WHY CARDS ===== *\/\n.csw-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.csw-why-card {\n  border: 1px solid var(--border); border-radius: 18px;\n  padding: 28px 24px; background: #0d0d18;\n  position: relative; transition: border-color 0.25s;\n}\n.csw-why-card:hover { border-color: rgba(76,183,49,0.35); }\n.csw-why-icon { font-size: 22px; position: absolute; top: 20px; right: 20px; line-height: 1; }\n.csw-why-card h3 { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 8px; padding-right: 36px; }\n.csw-why-card p { font-size: 13px; color: var(--gray-light); line-height: 1.65; margin: 0; }\n\n\/* ===== PORTFOLIO ===== *\/\n.csw-folio-grid {\n  display: grid; grid-template-columns: 1.3fr 1fr;\n  grid-template-rows: 1fr 1fr; gap: 12px; min-height: 440px;\n}\n.csw-folio-item {\n  border-radius: 16px; overflow: hidden; background: #0e0e1a;\n  border: 1px solid var(--border); position: relative;\n}\n.csw-folio-item.csw-folio-featured { grid-row: span 2; }\n.csw-folio-img { width: 100%; height: 100%; min-height: 160px; object-fit: cover; display: block; }\n.csw-folio-item.csw-folio-featured .csw-folio-img { min-height: 100%; }\n.csw-folio-caption {\n  position: absolute; bottom: 0; left: 0; right: 0;\n  padding: 10px 14px;\n  background: linear-gradient(to top, rgba(10,10,18,0.88) 0%, transparent 100%);\n  font-size: 12px; color: var(--gray-light); font-weight: 500;\n}\n\n\/* ===== PART DE MARCH\u00c9 CHART ===== *\/\n.csw-chart-section { padding: 48px 0 0; }\n.csw-chart-inner { display: flex; align-items: center; justify-content: center; gap: 60px; max-width: 680px; margin: 0 auto; }\n.csw-donut-wrap { position: relative; flex-shrink: 0; width: 180px; height: 180px; }\n.csw-donut-wrap canvas { display: block; }\n.csw-donut-center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; }\n.csw-donut-pct { font-size: 32px; font-weight: 800; color: var(--white); line-height: 1; font-family: var(--font); }\n.csw-donut-pct span { color: var(--accent); }\n.csw-donut-sub { font-size: 10px; color: var(--gray); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; margin-top: 4px; font-family: var(--font); }\n.csw-chart-legend { display: flex; flex-direction: column; gap: 14px; }\n.csw-legend-item { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--gray-light); }\n.csw-legend-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }\n.csw-legend-dot.wp { background: var(--accent); }\n.csw-legend-dot.other { background: #2a2a40; border: 1px solid #3a3a54; }\n.csw-chart-source { text-align: center; font-size: 11px; color: var(--gray); margin-top: 20px; }\n\n@media (max-width: 689.98px) {\n  .csw-chart-inner { flex-direction: column; gap: 32px; }\n  .csw-chart-legend { flex-direction: row; flex-wrap: wrap; justify-content: center; }\n}\n\n\/* ===== AVANTAGES WORDPRESS ===== *\/\n.csw-avt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }\n.csw-avt-card {\n  border: 1px solid var(--border); border-radius: 16px;\n  padding: 24px 22px; display: flex; flex-direction: column; gap: 10px;\n  transition: border-color 0.2s;\n}\n.csw-avt-card:hover { border-color: rgba(76,183,49,0.3); }\n.csw-avt-card-head { display: flex; align-items: center; gap: 10px; }\n.csw-avt-icon { font-size: 20px; line-height: 1; flex-shrink: 0; }\n.csw-avt-card h3 { font-size: 14px; font-weight: 700; color: var(--white); margin: 0; }\n.csw-avt-card p { font-size: 13px; color: var(--gray-light); line-height: 1.65; margin: 0; }\n\n\/* ===== PROCESS ===== *\/\n.csw-process-steps {\n  display: grid; grid-template-columns: repeat(4, 1fr);\n  position: relative; margin-top: 44px;\n}\n.csw-process-steps::before {\n  content: ''; position: absolute; top: 25px; left: 12.5%; right: 12.5%;\n  height: 1px; background: var(--border);\n}\n.csw-step { text-align: center; padding: 0 12px; }\n.csw-step-num {\n  width: 50px; height: 50px; border-radius: 50%; border: 1px solid var(--border);\n  background: var(--bg); display: flex; align-items: center; justify-content: center;\n  font-size: 13px; font-weight: 800; color: var(--accent);\n  margin: 0 auto 16px; position: relative; z-index: 1;\n}\n.csw-step h4 { font-size: 14px; font-weight: 700; margin-bottom: 6px; color: var(--white); }\n.csw-step p { font-size: 12px; color: var(--gray); line-height: 1.6; margin: 0; }\n\n\/* ===== INCLUS \/ CHECKLIST ===== *\/\n.csw-inclus-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.csw-inclus-card { border: 1px solid var(--border); border-radius: 18px; padding: 28px; }\n.csw-inclus-card h3 { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 18px; }\n.csw-checklist { list-style: none; padding: 0; margin: 0; --theme-list-indent: 0; padding-inline-start: 0; margin-block-end: 0; display: flex; flex-direction: column; gap: 11px; }\n.csw-checklist li { display: flex; gap: 10px; font-size: 13px; color: var(--gray-light); line-height: 1.5; align-items: flex-start; }\n.csw-check { width: 14px; height: 14px; flex-shrink: 0; margin-top: 1px; color: var(--accent); }\n\n\/* ===== PROOF BAND ===== *\/\n.csw-proof { padding: 60px 0; }\n.csw-proof-inner {\n  border: 1px solid var(--border); border-radius: 20px; padding: 44px;\n  display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr; gap: 32px; align-items: center;\n}\n.csw-proof-divider { background: var(--border); height: 44px; }\n.csw-proof-stat { text-align: center; }\n.csw-proof-num { font-size: 2rem; font-weight: 800; line-height: 1; color: var(--white); }\n.csw-proof-num span { color: var(--accent); }\n.csw-proof-stat p { font-size: 13px; color: var(--gray); margin: 6px 0 0; line-height: 1.5; }\n.csw-proof-stat p strong { font-size: 15px; color: var(--white); display: block; margin-bottom: 4px; }\n\n\/* ===== FAQ ===== *\/\n.csw-faq { padding: 80px 0 40px; }\n.csw-faq-list { display: flex; flex-direction: column; gap: 8px; margin-top: 40px; }\n.csw-faq-item {\n  border: 1px solid var(--border); border-radius: 12px;\n  background: #0e0e1a; overflow: hidden; transition: border-color 0.2s;\n}\n.csw-faq-item.csw-faq-open { border-color: rgba(255,255,255,0.15); }\n.csw-faq-trigger {\n  width: 100%; display: flex; align-items: center; justify-content: space-between;\n  gap: 16px; padding: 20px 24px; background: none; border: none;\n  cursor: pointer; font-family: var(--font); text-align: left;\n}\n.csw-faq-q { font-size: 15px; font-weight: 700; color: var(--white); line-height: 1.4; }\n.csw-faq-chevron {\n  flex-shrink: 0; width: 18px; height: 18px; color: var(--gray);\n  transition: transform 0.25s ease;\n}\n.csw-faq-item.csw-faq-open .csw-faq-chevron { transform: rotate(180deg); color: var(--accent); }\n.csw-faq-body { display: none; padding: 0 24px 20px; }\n.csw-faq-a { font-size: 14px; color: var(--gray-light); line-height: 1.7; margin: 0; }\n\n\/* ===== STANDALONE CTA ===== *\/\n.csw-cta-section { padding: 60px 0 80px; }\n.csw-cta-box {\n  border: 1px solid var(--border); border-radius: 24px;\n  padding: 64px 56px; background: #0e0e1a;\n  position: relative; overflow: hidden; text-align: center;\n}\n.csw-cta-box::before {\n  content: ''; position: absolute; top: -80px; left: 50%;\n  transform: translateX(-50%); width: 500px; height: 300px;\n  background: radial-gradient(ellipse, rgba(76,183,49,0.12) 0%, transparent 70%);\n  pointer-events: none;\n}\n.csw-cta-eyebrow {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 0.13em; color: var(--accent); margin-bottom: 20px; display: block;\n}\n.csw-cta-title {\n  font-size: clamp(24px, 3.5vw, 38px); font-weight: 800;\n  color: var(--white); line-height: 1.2; margin-bottom: 16px;\n}\n.csw-cta-sub {\n  font-size: 16px; color: var(--gray-light); line-height: 1.7;\n  max-width: 520px; margin: 0 auto 36px;\n}\n.csw-cta-btn {\n  padding: 15px 32px; background: var(--accent); border-radius: 8px;\n  color: #fff; font-size: 16px; font-weight: 700; text-decoration: none;\n  font-family: var(--font); display: inline-block; margin-bottom: 32px;\n  transition: filter 0.2s;\n}\n.csw-cta-btn:hover { filter: brightness(1.1); color: #fff; }\n.csw-cta-meta { display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; }\n.csw-cta-meta-item { display: flex; align-items: center; gap: 7px; font-size: 13px; color: var(--gray); }\n\n\/* ===== FAILSAFE AOS ===== *\/\n.csw-no-aos [data-aos] { opacity: 1 !important; transform: none !important; }\n\n\/* ===== TABLET ===== *\/\n@media (max-width: 999.98px) {\n  .csw-hero-grid { grid-template-columns: 1fr; gap: 40px; }\n  .csw-hero-visual { order: -1; max-width: 500px; margin: 0 auto; }\n  .csw-why-grid { grid-template-columns: 1fr 1fr; }\n  .csw-folio-grid { grid-template-columns: 1fr; grid-template-rows: auto; }\n  .csw-folio-item.csw-folio-featured { grid-row: span 1; min-height: 340px; }\n  .csw-folio-item { min-height: 200px; }\n  .csw-process-steps { grid-template-columns: 1fr 1fr; gap: 28px; }\n  .csw-process-steps::before { display: none; }\n  .csw-avt-grid { grid-template-columns: 1fr 1fr; }\n  .csw-inclus-grid { grid-template-columns: 1fr; }\n  .csw-proof-inner { grid-template-columns: 1fr; text-align: center; gap: 28px; }\n  .csw-proof-divider { display: none; }\n  .csw-logos-strip { grid-template-columns: repeat(2, 1fr); max-width: 480px; }\n}\n\n\/* ===== MOBILE ===== *\/\n@media (max-width: 689.98px) {\n  .csw-hero { padding: 24px 0 48px; }\n  .csw-hero-card { padding: 28px 20px; border-radius: 20px; }\n  .csw-section { padding: 52px 0; }\n  .csw-proof { padding: 40px 0; }\n  .csw-proof-inner { padding: 28px 20px; }\n  .csw-faq { padding: 52px 0 24px; }\n  .csw-cta-section { padding: 40px 0 60px; }\n  .csw-cta-box { padding: 40px 24px; }\n  .csw-cta-meta { gap: 14px; }\n  .csw-why-grid { grid-template-columns: 1fr; }\n  .csw-process-steps { grid-template-columns: 1fr; gap: 24px; }\n  .csw-avt-grid { grid-template-columns: 1fr; }\n  .csw-hero-btns { flex-direction: column; }\n  .csw-hero-stack { display: none; }\n  .csw-sticky-text { display: none; }\n  .csw-sticky-btn { flex: 1; text-align: center; }\n  .csw-sticky { bottom: 12px; border-radius: 12px; }\n  .csw-sticky-inner { padding: 12px 16px; }\n}\n<\/style>\n\n<div class=\"csw-page\">\n\n<!-- ===== STICKY CTA ===== -->\n<div class=\"csw-sticky\" id=\"cswSticky\">\n  <div class=\"csw-sticky-inner\">\n    <p class=\"csw-sticky-text\"><strong>Cr\u00e9ation site web WordPress<\/strong>&nbsp;\u00b7&nbsp;Devis gratuit sous&nbsp;24&nbsp;h<\/p>\n    <a href=\"\/demande-de-devis\/\" class=\"csw-btn-primary csw-sticky-btn\">Demander un devis<\/a>\n  <\/div>\n<\/div>\n\n<!-- ===== HERO ===== -->\n<section class=\"csw-hero\">\n  <div class=\"csw-container\">\n    <div class=\"csw-hero-card\">\n      <div class=\"csw-hero-glow\"><\/div>\n      <div class=\"csw-hero-grid\">\n\n        <div class=\"csw-hero-content\">\n          <div class=\"csw-tag\" data-aos=\"fade-up\">Web Designer Freelance \u00b7 Paris<\/div>\n          <h1 class=\"csw-h1\" data-aos=\"fade-up\" data-aos-delay=\"80\">Votre site WordPress B2B,<br>de la maquette<br><em>\u00e0 la mise en&nbsp;ligne.<\/em><\/h1>\n          <p class=\"csw-hero-desc\" data-aos=\"fade-up\" data-aos-delay=\"140\">Conception graphique, int\u00e9gration Blocksy Pro, SEO on-page configur\u00e9. Vous repartez avec un site professionnel, rapide, et administrable en&nbsp;autonomie.<\/p>\n          <div class=\"csw-hero-btns\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n            <a href=\"\/demande-de-devis\/\" class=\"csw-btn-primary\" style=\"padding:13px 28px;font-size:15px;\">Demander un devis gratuit<\/a>\n            <a href=\"#cswPortfolio\" class=\"csw-btn-outline\" style=\"padding:13px 24px;font-size:15px;\">Voir les r\u00e9alisations<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"csw-hero-visual\" data-aos=\"fade-left\" data-aos-easing=\"ease-out-sine\" data-aos-duration=\"500\">\n          <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2024\/09\/EthiFinance-Web-Design-01.jpg\" alt=\"Cr\u00e9ation site web WordPress B2B \u00b7 Altay Dagistan, web designer Paris\" class=\"csw-hero-img\" title=\"\">\n          <div class=\"csw-hero-stack\">\n            <div class=\"csw-stack-label\">De la maquette \u00e0 la mise en ligne<\/div>\n            <div class=\"csw-stack-items\">\n              <span class=\"csw-stack-item\">Design Figma<\/span>\n              <span class=\"csw-stack-arrow\">\u2192<\/span>\n              <span class=\"csw-stack-item\">Site WordPress<\/span>\n              <span class=\"csw-stack-arrow\">\u2192<\/span>\n              <span class=\"csw-stack-item\">SEO inclus<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== LOGOS ===== -->\n<section class=\"csw-logos\" aria-label=\"R\u00e9f\u00e9rences clients\">\n  <div class=\"csw-container\">\n    <p class=\"csw-logos-label\">R\u00e9f\u00e9rences clients<\/p>\n    <div class=\"csw-logos-strip\">\n      <div class=\"csw-logo-item\" data-logo=\"acg\"><img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/01\/acg-logo-white.webp\" alt=\"ACG Cybersecurity\" title=\"\"><\/div>\n      <div class=\"csw-logo-item\"><img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/01\/vinci.webp\" alt=\"Vinci\" title=\"\"><\/div>\n      <div class=\"csw-logo-item\"><img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/01\/ubi-solutions-logo-blanc.webp\" alt=\"UBI Solutions\" title=\"\"><\/div>\n      <div class=\"csw-logo-item\"><img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/03\/cocolabs.webp\" alt=\"Cocolabs\" title=\"\"><\/div>\n      <div class=\"csw-logo-item\"><img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/01\/ethifinance-logo-white.webp\" alt=\"EthiFinance\" title=\"\"><\/div>\n      <div class=\"csw-logo-item\" data-logo=\"axa\"><img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/01\/axa.webp\" alt=\"AXA\" title=\"\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== WHY ===== -->\n<section class=\"csw-section\" id=\"cswWhy\">\n  <div class=\"csw-container\">\n    <div class=\"csw-section-head\" data-aos=\"fade-up\">\n      <span class=\"csw-section-eyebrow\">Approche<\/span>\n      <h2 class=\"csw-section-title\">Un site livr\u00e9 cl\u00e9 en main, sans approximation<\/h2>\n      <p class=\"csw-section-sub\">Pas de template impos\u00e9, pas de sous-traitance. Conception, int\u00e9gration et mise en ligne assur\u00e9es par le&nbsp;m\u00eame interlocuteur.<\/p>\n    <\/div>\n    <div class=\"csw-why-grid\">\n      <div class=\"csw-why-card\" data-aos=\"fade-up\">\n        <span class=\"csw-why-icon\">\ud83c\udfa8<\/span>\n        <h3>Maquette Figma valid\u00e9e avant int\u00e9gration<\/h3>\n        <p>Vous voyez le design complet de toutes les pages cl\u00e9s avant qu\u2019une seule ligne de code soit \u00e9crite. Aucune surprise \u00e0 la&nbsp;livraison.<\/p>\n      <\/div>\n      <div class=\"csw-why-card\" data-aos=\"fade-up\" data-aos-delay=\"80\">\n        <span class=\"csw-why-icon\">\ud83d\udcc8<\/span>\n        <h3>SEO on-page inclus d\u2019entr\u00e9e<\/h3>\n        <p>Rank Math configur\u00e9, titres H1\/H2 structur\u00e9s, m\u00e9tadescriptions r\u00e9dig\u00e9es, sitemap g\u00e9n\u00e9r\u00e9. Google Analytics connect\u00e9. Votre site est indexable et mesurable d\u00e8s le premier&nbsp;jour.<\/p>\n      <\/div>\n      <div class=\"csw-why-card\" data-aos=\"fade-up\" data-aos-delay=\"160\">\n        <span class=\"csw-why-icon\">\ud83d\udd27<\/span>\n        <h3>Administrable sans d\u00e9veloppeur<\/h3>\n        <p>Blocksy Pro&nbsp;+&nbsp;Greenshift. Vous modifiez textes, images et pages depuis l\u2019interface WordPress, sans toucher au&nbsp;code.<\/p>\n      <\/div>\n    <\/div>\n\n\n  <\/div>\n<\/section>\n\n<!-- ===== PORTFOLIO ===== -->\n<section class=\"csw-section\" id=\"cswPortfolio\" style=\"padding-top:0;\">\n  <div class=\"csw-container\">\n    <div class=\"csw-section-head\" data-aos=\"fade-up\">\n      <span class=\"csw-section-eyebrow\">R\u00e9alisations<\/span>\n      <h2 class=\"csw-section-title\">Sites WordPress con\u00e7us pour des march\u00e9s B2B<\/h2>\n      <p class=\"csw-section-sub\">SaaS, cybersecurit\u00e9, FinTech, e-commerce : des r\u00e9f\u00e9rences sur des secteurs techniques et des interlocuteurs&nbsp;exigeants.<\/p>\n    <\/div>\n    <div class=\"csw-folio-grid\">\n      <div class=\"csw-folio-item csw-folio-featured\" data-aos=\"fade-up\">\n        <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2024\/09\/EthiFinance-Web-Design-06.jpg\" alt=\"Site web EthiFinance \u00b7 cr\u00e9ation WordPress B2B\" class=\"csw-folio-img\" loading=\"lazy\" title=\"\">\n        <div class=\"csw-folio-caption\">EthiFinance \u00b7 Refonte WordPress<\/div>\n      <\/div>\n      <div class=\"csw-folio-item\" data-aos=\"fade-up\" data-aos-delay=\"80\">\n        <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2025\/03\/cyberacademy-site-04.png\" alt=\"Site web ACG CyberAcademy WordPress\" class=\"csw-folio-img\" loading=\"lazy\" title=\"\">\n        <div class=\"csw-folio-caption\">ACG CyberAcademy \u00b7 Refonte WordPress<\/div>\n      <\/div>\n      <div class=\"csw-folio-item\" data-aos=\"fade-up\" data-aos-delay=\"160\">\n        <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/04\/Gamer-Deer-Web-Design-2.jpg\" alt=\"Site e-commerce Gamer Deer WooCommerce\" class=\"csw-folio-img\" loading=\"lazy\" title=\"\">\n        <div class=\"csw-folio-caption\">Gamer Deer \u00b7 E-commerce WooCommerce<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== POURQUOI WORDPRESS ===== -->\n<section class=\"csw-section\">\n  <div class=\"csw-container\">\n    <div class=\"csw-section-head\" data-aos=\"fade-up\">\n      <span class=\"csw-section-eyebrow\">Pourquoi WordPress<\/span>\n      <h2 class=\"csw-section-title\">Ce que WordPress vous apporte face aux solutions&nbsp;no-code<\/h2>\n      <p class=\"csw-section-sub\">Wix, Squarespace et Webflow ont leur utilit\u00e9. Pour une PME B2B qui veut un site qui dure et qui&nbsp;performe, WordPress reste la r\u00e9f\u00e9rence.<\/p>\n    <\/div>\n    <div class=\"csw-avt-grid\">\n      <div class=\"csw-avt-card\" data-aos=\"fade-up\">\n        <div class=\"csw-avt-card-head\"><span class=\"csw-avt-icon\">\ud83d\udd11<\/span><h3>Propri\u00e9t\u00e9 totale de votre site<\/h3><\/div>\n        <p>Votre site est install\u00e9 sur votre h\u00e9bergement. Pas d\u2019abonnement \u00e0 une plateforme, pas de verrouillage propri\u00e9taire. Vous \u00eates chez&nbsp;vous.<\/p>\n      <\/div>\n      <div class=\"csw-avt-card\" data-aos=\"fade-up\" data-aos-delay=\"60\">\n        <div class=\"csw-avt-card-head\"><span class=\"csw-avt-icon\">\ud83d\udcca<\/span><h3>SEO structurellement sup\u00e9rieur<\/h3><\/div>\n        <p>URLs propres, balises canoniques, sitemap XML, Rank Math : WordPress donne au SEO les fondations que les constructeurs no-code ne peuvent pas&nbsp;reproduire.<\/p>\n      <\/div>\n      <div class=\"csw-avt-card\" data-aos=\"fade-up\" data-aos-delay=\"120\">\n        <div class=\"csw-avt-card-head\"><span class=\"csw-avt-icon\">\u26a1<\/span><h3>Performance ma\u00eetris\u00e9e<\/h3><\/div>\n        <p>Blocksy Pro est l\u2019un des th\u00e8mes WordPress les plus rapides du march\u00e9. Pas de JavaScript superflu, pas de CSS mort. Core Web Vitals&nbsp;soign\u00e9s.<\/p>\n      <\/div>\n      <div class=\"csw-avt-card\" data-aos=\"fade-up\" data-aos-delay=\"60\">\n        <div class=\"csw-avt-card-head\"><span class=\"csw-avt-icon\">\ud83d\udcc8<\/span><h3>\u00c9volutivit\u00e9 sans refonte<\/h3><\/div>\n        <p>Blog, landing pages suppl\u00e9mentaires, e-commerce (WooCommerce), espace membres, tout s\u2019ajoute sans red\u00e9marrer le projet \u00e0&nbsp;z\u00e9ro.<\/p>\n      <\/div>\n      <div class=\"csw-avt-card\" data-aos=\"fade-up\" data-aos-delay=\"120\">\n        <div class=\"csw-avt-card-head\"><span class=\"csw-avt-icon\">\ud83d\udee1\ufe0f<\/span><h3>S\u00e9curit\u00e9 et sauvegardes<\/h3><\/div>\n        <p>Sauvegardes automatiques, certificat SSL, mises \u00e0 jour g\u00e9r\u00e9es. Votre site reste op\u00e9rationnel ind\u00e9pendamment de l\u2019\u00e9tat d\u2019une plateforme&nbsp;tierce.<\/p>\n      <\/div>\n      <div class=\"csw-avt-card\" data-aos=\"fade-up\" data-aos-delay=\"180\">\n        <div class=\"csw-avt-card-head\"><span class=\"csw-avt-icon\">\ud83d\udcb6<\/span><h3>Co\u00fbt long terme ma\u00eetris\u00e9<\/h3><\/div>\n        <p>Pas d\u2019abonnement mensuel \u00e0 une plateforme. Votre seule charge r\u00e9currente est l\u2019h\u00e9bergement, quelques euros par&nbsp;mois.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- donut chart -->\n    <div class=\"csw-chart-section\" data-aos=\"fade-up\">\n      <div class=\"csw-chart-inner\">\n        <div class=\"csw-donut-wrap\">\n          <canvas id=\"cswDonut\" width=\"180\" height=\"180\"><\/canvas>\n          <div class=\"csw-donut-center\">\n            <div class=\"csw-donut-pct\" id=\"cswDonutPct\">0<span>%<\/span><\/div>\n            <div class=\"csw-donut-sub\">du web<\/div>\n          <\/div>\n        <\/div>\n        <div>\n          <div class=\"csw-chart-legend\">\n            <div class=\"csw-legend-item\">\n              <div class=\"csw-legend-dot wp\"><\/div>\n              <span><strong style=\"color:var(--white);\">WordPress<\/strong> \u00b7 43,5&nbsp;% des sites dans le monde<\/span>\n            <\/div>\n            <div class=\"csw-legend-item\">\n              <div class=\"csw-legend-dot other\"><\/div>\n              <span>Shopify, Wix, Squarespace, Drupal\u2026 \u00b7 56,5&nbsp;%<\/span>\n            <\/div>\n          <\/div>\n          <p class=\"csw-chart-source\">Source&nbsp;: W3Techs, janvier&nbsp;2026<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<!-- ===== PROCESS ===== -->\n<section class=\"csw-section\">\n  <div class=\"csw-container\">\n    <div class=\"csw-section-head\" data-aos=\"fade-up\">\n      <span class=\"csw-section-eyebrow\">M\u00e9thode<\/span>\n      <h2 class=\"csw-section-title\">Du brief \u00e0 la mise en ligne \u00b7 4 \u00e9tapes<\/h2>\n    <\/div>\n    <div class=\"csw-process-steps\">\n      <div class=\"csw-step\" data-aos=\"fade-up\">\n        <div class=\"csw-step-num\">01<\/div>\n        <h4>Brief &amp; Arborescence<\/h4>\n        <p>Objectifs, cibles, pages \u00e0 cr\u00e9er, contenus disponibles. Par e-mail, en 30&nbsp;minutes.<\/p>\n      <\/div>\n      <div class=\"csw-step\" data-aos=\"fade-up\" data-aos-delay=\"80\">\n        <div class=\"csw-step-num\">02<\/div>\n        <h4>Maquette Figma<\/h4>\n        <p>Design complet de l\u2019accueil et des pages cl\u00e9s. Valid\u00e9 par vos soins avant toute int\u00e9gration.<\/p>\n      <\/div>\n      <div class=\"csw-step\" data-aos=\"fade-up\" data-aos-delay=\"160\">\n        <div class=\"csw-step-num\">03<\/div>\n        <h4>Int\u00e9gration WordPress<\/h4>\n        <p>Blocksy Pro&nbsp;+&nbsp;Greenshift. Responsive, rapide, structur\u00e9 pour \u00eatre modifiable en&nbsp;autonomie.<\/p>\n      <\/div>\n      <div class=\"csw-step\" data-aos=\"fade-up\" data-aos-delay=\"240\">\n        <div class=\"csw-step-num\">04<\/div>\n        <h4>SEO &amp; Mise en ligne<\/h4>\n        <p>Rank Math configur\u00e9, sitemap soumis \u00e0 Google, redirections test\u00e9es. Livraison sur votre&nbsp;h\u00e9bergement.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== INCLUS ===== -->\n<section class=\"csw-section\" style=\"padding-top:0;\">\n  <div class=\"csw-container\">\n    <div class=\"csw-section-head\" data-aos=\"fade-up\">\n      <span class=\"csw-section-eyebrow\">Livrables<\/span>\n      <h2 class=\"csw-section-title\">Ce qui est inclus dans votre commande<\/h2>\n    <\/div>\n    <div class=\"csw-inclus-grid\">\n      <div class=\"csw-inclus-card\" data-aos=\"fade-up\">\n        <h3>Pages cr\u00e9\u00e9es<\/h3>\n        <ul class=\"csw-checklist\">\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Page d\u2019accueil<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\u00c0&nbsp;propos \/ \u00e9quipe<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Services \/ Offres<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Contact<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Mentions l\u00e9gales &amp; RGPD<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Blog (optionnel)<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"csw-inclus-card\" data-aos=\"fade-up\" data-aos-delay=\"80\">\n        <h3>Livrables techniques<\/h3>\n        <ul class=\"csw-checklist\">\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Maquette Figma (source fournie)<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Site WordPress Blocksy Pro<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>SEO on-page configur\u00e9 (Rank Math)<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Responsive mobile &amp; tablette<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Formulaire de contact fonctionnel<\/li>\n          <li><svg class=\"csw-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Mise en ligne sur votre h\u00e9bergement<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PROOF BAND ===== -->\n<div class=\"csw-proof\">\n  <div class=\"csw-container\">\n    <div class=\"csw-proof-inner\" data-aos=\"zoom-out\" data-aos-easing=\"ease-out-quart\" data-aos-duration=\"600\">\n      <div class=\"csw-proof-stat\">\n        <div class=\"csw-proof-num\">+15<span>ans<\/span><\/div>\n        <p>Exp\u00e9rience web &amp; design B2B<\/p>\n      <\/div>\n      <div class=\"csw-proof-divider\"><\/div>\n      <div class=\"csw-proof-stat\">\n        <p><strong>EthiFinance, ACG, Cocolabs,<br>UBI Solutions\u2026<\/strong>R\u00e9f\u00e9rences B2B tech<\/p>\n      <\/div>\n      <div class=\"csw-proof-divider\"><\/div>\n      <div class=\"csw-proof-stat\">\n        <div class=\"csw-proof-num\">100<span>%<\/span><\/div>\n        <p>Remote \u00b7 livraison sur votre&nbsp;h\u00e9bergement<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ===== FAQ ===== -->\n<section class=\"csw-faq\">\n  <div class=\"csw-container\">\n    <div class=\"csw-section-head\" data-aos=\"fade-up\">\n      <span class=\"csw-section-eyebrow\">FAQ<\/span>\n      <h2 class=\"csw-section-title\">Questions fr\u00e9quentes sur la cr\u00e9ation de site WordPress<\/h2>\n    <\/div>\n    <div class=\"csw-faq-list\">\n\n      <div class=\"csw-faq-item csw-faq-open\" id=\"cswFaq0\">\n        <button class=\"csw-faq-trigger\" onclick=\"cswToggleFaq(0)\">\n          <span class=\"csw-faq-q\">Quel est le d\u00e9lai de livraison pour un site WordPress&nbsp;?<\/span>\n          <svg class=\"csw-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n        <\/button>\n        <div class=\"csw-faq-body\" style=\"display:block;\">\n          <p class=\"csw-faq-a\">En g\u00e9n\u00e9ral 3 \u00e0 6 semaines selon le nombre de pages et la complexit\u00e9 du design. Le d\u00e9lai est confirm\u00e9 apr\u00e8s le brief initial.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"csw-faq-item\" id=\"cswFaq1\">\n        <button class=\"csw-faq-trigger\" onclick=\"cswToggleFaq(1)\">\n          <span class=\"csw-faq-q\">Le contenu r\u00e9dactionnel est-il inclus&nbsp;?<\/span>\n          <svg class=\"csw-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n        <\/button>\n        <div class=\"csw-faq-body\">\n          <p class=\"csw-faq-a\">Les textes et images sont \u00e0 fournir de votre c\u00f4t\u00e9. Je peux vous orienter vers un r\u00e9dacteur ou un photographe si vous partez de&nbsp;z\u00e9ro.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"csw-faq-item\" id=\"cswFaq2\">\n        <button class=\"csw-faq-trigger\" onclick=\"cswToggleFaq(2)\">\n          <span class=\"csw-faq-q\">Puis-je g\u00e9rer mon site seul apr\u00e8s la livraison&nbsp;?<\/span>\n          <svg class=\"csw-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n        <\/button>\n        <div class=\"csw-faq-body\">\n          <p class=\"csw-faq-a\">Oui. Une prise en main est incluse \u00e0 la livraison. Vous pouvez modifier textes, images et pages en autonomie, sans d\u00e9veloppeur et sans toucher au&nbsp;code.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"csw-faq-item\" id=\"cswFaq3\">\n        <button class=\"csw-faq-trigger\" onclick=\"cswToggleFaq(3)\">\n          <span class=\"csw-faq-q\">Proposez-vous l\u2019h\u00e9bergement&nbsp;?<\/span>\n          <svg class=\"csw-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n        <\/button>\n        <div class=\"csw-faq-body\">\n          <p class=\"csw-faq-a\">Non. La mise en ligne est faite sur votre h\u00e9bergement existant ou sur un compte Hostinger que vous ouvrez. Je g\u00e8re la configuration et le d\u00e9ploiement.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"csw-faq-item\" id=\"cswFaq4\">\n        <button class=\"csw-faq-trigger\" onclick=\"cswToggleFaq(4)\">\n          <span class=\"csw-faq-q\">Quelle est la diff\u00e9rence avec une refonte&nbsp;?<\/span>\n          <svg class=\"csw-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n        <\/button>\n        <div class=\"csw-faq-body\">\n          <p class=\"csw-faq-a\">Une cr\u00e9ation part de z\u00e9ro : arborescence, charte, design, int\u00e9gration. Une <a href=\"\/refonte-site-web-wordpress\/\" style=\"color:var(--accent);text-decoration:none;\">refonte WordPress<\/a> repart d\u2019un site existant pour en am\u00e9liorer la structure, les performances et le design. Les deux suivent le m\u00eame processus (brief, Figma, int\u00e9gration, SEO).<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"csw-faq-item\" id=\"cswFaq5\">\n        <button class=\"csw-faq-trigger\" onclick=\"cswToggleFaq(5)\">\n          <span class=\"csw-faq-q\">Quel budget pr\u00e9voir pour un site WordPress PME&nbsp;?<\/span>\n          <svg class=\"csw-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n        <\/button>\n        <div class=\"csw-faq-body\">\n          <p class=\"csw-faq-a\">Le tarif d\u00e9pend du nombre de pages et du niveau de personnalisation design. Contactez-moi pour un devis gratuit avec un chiffre pr\u00e9cis sous&nbsp;24&nbsp;h.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div><!-- \/.csw-page -->\n\n<!-- ===== FAQPage JSON-LD ===== -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    { \"@type\": \"Question\", \"name\": \"Quel est le d\u00e9lai de livraison pour un site WordPress ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"En g\u00e9n\u00e9ral 3 \u00e0 6 semaines selon le nombre de pages et la complexit\u00e9 du design. Le d\u00e9lai est confirm\u00e9 apr\u00e8s le brief initial.\" } },\n    { \"@type\": \"Question\", \"name\": \"Le contenu r\u00e9dactionnel est-il inclus ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Les textes et images sont \u00e0 fournir de votre c\u00f4t\u00e9. Je peux vous orienter vers un r\u00e9dacteur ou un photographe si vous partez de z\u00e9ro.\" } },\n    { \"@type\": \"Question\", \"name\": \"Puis-je g\u00e9rer mon site seul apr\u00e8s la livraison ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Oui. Une prise en main est incluse \u00e0 la livraison. Vous pouvez modifier textes, images et pages en autonomie, sans d\u00e9veloppeur et sans toucher au code.\" } },\n    { \"@type\": \"Question\", \"name\": \"Proposez-vous l'h\u00e9bergement ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Non : la mise en ligne est faite sur votre h\u00e9bergement existant ou sur un compte Hostinger que vous ouvrez. Je g\u00e8re la configuration et le d\u00e9ploiement.\" } },\n    { \"@type\": \"Question\", \"name\": \"Quelle est la diff\u00e9rence avec une refonte ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Une cr\u00e9ation part de z\u00e9ro : arborescence, charte, design, int\u00e9gration. Une refonte repart d'un site existant pour en am\u00e9liorer la structure, les performances et le design.\" } },\n    { \"@type\": \"Question\", \"name\": \"Quel budget pr\u00e9voir pour un site WordPress PME ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Le tarif d\u00e9pend du nombre de pages et du niveau de personnalisation design. Contactez-moi pour un devis gratuit avec un chiffre pr\u00e9cis sous 24 h.\" } }\n  ]\n}\n<\/script>\n\n<script>\n(function() {\n  \/* ===== DONUT CHART ===== *\/\n  (function() {\n    var canvas = document.getElementById('cswDonut');\n    if (!canvas || !canvas.getContext) { return; }\n\n    var ctx = canvas.getContext('2d');\n    var dpr = window.devicePixelRatio || 1;\n    var size = 180;\n    canvas.width  = size * dpr;\n    canvas.height = size * dpr;\n    canvas.style.width  = size + 'px';\n    canvas.style.height = size + 'px';\n    ctx.scale(dpr, dpr);\n\n    var cx = size \/ 2;\n    var cy = size \/ 2;\n    var r  = 72;\n    var thickness = 20;\n    var target = 0.435;\n    var current = 0;\n    var start = -Math.PI \/ 2;\n    var duration = 1200;\n    var startTime = null;\n    var pctEl = document.getElementById('cswDonutPct');\n\n    function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }\n\n    function draw(progress) {\n      ctx.clearRect(0, 0, size, size);\n\n      \/* track (background ring) *\/\n      ctx.beginPath();\n      ctx.arc(cx, cy, r, 0, Math.PI * 2);\n      ctx.strokeStyle = '#1a1a2e';\n      ctx.lineWidth = thickness;\n      ctx.stroke();\n\n      \/* other (gray arc) *\/\n      var wpEnd = start + Math.PI * 2 * target * progress;\n      ctx.beginPath();\n      ctx.arc(cx, cy, r, wpEnd, start + Math.PI * 2);\n      ctx.strokeStyle = '#252538';\n      ctx.lineWidth = thickness;\n      ctx.stroke();\n\n      \/* wp (green arc) *\/\n      ctx.beginPath();\n      ctx.arc(cx, cy, r, start, wpEnd);\n      ctx.strokeStyle = '#4CB731';\n      ctx.lineWidth = thickness;\n      ctx.lineCap = 'round';\n      ctx.stroke();\n\n      \/* glow on green arc end *\/\n      ctx.save();\n      ctx.shadowColor = 'rgba(76,183,49,0.6)';\n      ctx.shadowBlur = 12;\n      ctx.beginPath();\n      ctx.arc(cx, cy, r, wpEnd - 0.04, wpEnd + 0.001);\n      ctx.strokeStyle = '#4CB731';\n      ctx.lineWidth = thickness;\n      ctx.stroke();\n      ctx.restore();\n\n      \/* counter *\/\n      if (pctEl) {\n        var val = Math.round(target * progress * 1000) \/ 10;\n        pctEl.innerHTML = val.toFixed(1).replace('.', ',') + '<span>%<\/span>';\n      }\n    }\n\n    function animate(ts) {\n      if (!startTime) { startTime = ts; }\n      var elapsed = ts - startTime;\n      var progress = Math.min(elapsed \/ duration, 1);\n      draw(easeOutCubic(progress));\n      if (progress < 1) { requestAnimationFrame(animate); }\n    }\n\n    \/* trigger when visible *\/\n    if ('IntersectionObserver' in window) {\n      var obs = new IntersectionObserver(function(entries) {\n        if (entries[0].isIntersecting) {\n          requestAnimationFrame(animate);\n          obs.disconnect();\n        }\n      }, { threshold: 0.4 });\n      obs.observe(canvas);\n    } else {\n      requestAnimationFrame(animate);\n    }\n  })();\n\n  \/* ===== FAQ ===== *\/\n  function cswToggleFaq(index) {\n    var total = 6;\n    for (var i = 0; i < total; i++) {\n      var item = document.getElementById('cswFaq' + i);\n      if (!item) { continue; }\n      var body = item.querySelector('.csw-faq-body');\n      if (i === index) {\n        var isOpen = item.classList.contains('csw-faq-open');\n        if (isOpen) { item.classList.remove('csw-faq-open'); body.style.display = 'none'; }\n        else { item.classList.add('csw-faq-open'); body.style.display = 'block'; }\n      } else {\n        item.classList.remove('csw-faq-open'); body.style.display = 'none';\n      }\n    }\n  }\n  window.cswToggleFaq = cswToggleFaq;\n\n  \/* ===== STICKY ===== *\/\n  window.addEventListener('scroll', function() {\n    var sticky = document.getElementById('cswSticky');\n    if (!sticky) { return; }\n    if (window.scrollY > 400) { sticky.classList.add('csw-visible'); }\n    else { sticky.classList.remove('csw-visible'); }\n  }, { passive: true });\n\n  \/* ===== AOS ===== *\/\n  function rescue() { var p = document.querySelector('.csw-page'); if (p) { p.classList.add('csw-no-aos'); } }\n  function initAOS() { if (typeof AOS !== 'undefined') { AOS.init({ once: true, offset: 50 }); } else { rescue(); } }\n  function loadScript(src, ok, fail) { var s = document.createElement('script'); s.src = src; s.onload = ok; s.onerror = fail; document.body.appendChild(s); }\n  loadScript(\n    'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js',\n    initAOS,\n    function() { loadScript('https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js', initAOS, rescue); }\n  );\n  setTimeout(function() { if (!document.querySelector('.aos-animate')) { rescue(); } }, 3000);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Cr\u00e9ation site web WordPress&nbsp;\u00b7&nbsp;Devis gratuit sous&nbsp;24&nbsp;h Demander un devis Web Designer Freelance \u00b7 Paris Votre site WordPress B2B,de la maquette\u00e0 la mise en&nbsp;ligne. Conception graphique, int\u00e9gration Blocksy Pro, SEO on-page configur\u00e9. Vous repartez avec un site professionnel, rapide, et administrable en&nbsp;autonomie. Demander un devis gratuit Voir les r\u00e9alisations De la maquette \u00e0 la mise en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18611,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-18610","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/pages\/18610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/comments?post=18610"}],"version-history":[{"count":7,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/pages\/18610\/revisions"}],"predecessor-version":[{"id":19153,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/pages\/18610\/revisions\/19153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/media\/18611"}],"wp:attachment":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/media?parent=18610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}