{"id":18937,"date":"2026-05-21T22:21:03","date_gmt":"2026-05-21T21:21:03","guid":{"rendered":"https:\/\/altaydagistan.com\/?page_id=18937"},"modified":"2026-06-29T11:09:39","modified_gmt":"2026-06-29T10:09:39","slug":"creation-site-vitrine","status":"publish","type":"page","link":"https:\/\/altaydagistan.com\/en\/creation-site-vitrine\/","title":{"rendered":"Custom website design - Web Designer Paris"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/altaydagistan.com\/wp-content\/anim-lib\/aos.css\">\n<style>\n.sv-page *, .sv-page *::before, .sv-page *::after { box-sizing: border-box; }\n.sv-page {\n  --bg: #0A0A12;\n  --white: #FFFFFF;\n  --gray-light: #B9B9B9;\n  --gray: #8E8E8E;\n  --gray-dark: #434343;\n  --border: #434343;\n  --accent: #4CB731;\n  --blue: #287CCA;\n  font-family: 'Manrope', sans-serif;\n  background: var(--bg);\n  color: var(--white);\n  line-height: 1.6;\n  overflow-x: clip;\n  padding-bottom: 40px;\n}\n.sv-page h1, .sv-page h2, .sv-page h3, .sv-page h4 {\n  font-family: 'Space Grotesk', sans-serif;\n}\n.sv-page img { pointer-events: none; }\n.sv-page .sv-logos-strip img { pointer-events: auto; }\n.sv-container { max-width: 1160px; margin: 0 auto; padding: 0; }\n.sv-section { padding: 80px 0; }\n.sv-section-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.13em; color: var(--accent); margin-bottom: 10px; display: block; }\n.sv-section-title { font-size: clamp(1.5rem, 2vw, 2rem); font-weight: 800; line-height: 1.2; color: var(--white); margin-bottom: 10px; letter-spacing: -0.02em; }\n.sv-section-sub { font-size: 15px; color: var(--gray-light); line-height: 1.7; max-width: 560px; margin-bottom: 44px; }\n.sv-section-head { margin-bottom: 44px; }\n\n\/* Buttons *\/\n.sv-btn-primary { display: inline-block; background: var(--accent); color: #fff; font-weight: 700; font-size: 15px; padding: 13px 28px; border-radius: 8px; text-decoration: none; border: none; cursor: pointer; transition: filter 0.2s; }\n.sv-btn-primary:hover { filter: brightness(1.1); color: #fff; }\n.sv-btn-ghost { display: inline-block; background: transparent; color: rgba(255,255,255,0.8); font-weight: 600; font-size: 15px; padding: 12px 24px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.2); text-decoration: none; transition: border-color 0.2s, color 0.2s; }\n.sv-btn-ghost:hover { border-color: rgba(255,255,255,0.5); color: #fff; }\n\n\/* Sticky *\/\n.sv-sticky { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%) translateY(calc(100% + 40px)); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); z-index: 9999; width: calc(100% - 32px); max-width: 780px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.1); background: rgba(14,14,22,0.92); backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); }\n.sv-sticky.sv-visible { transform: translateX(-50%) translateY(0); }\n.sv-sticky-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; }\n.sv-sticky-text { font-size: 13px; color: var(--gray-light); font-weight: 500; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; line-height: 1.4; padding: 2px 0; }\n.sv-sticky-text strong { color: var(--white); }\n\n\/* Hero *\/\n.sv-hero { padding: 48px 0 72px; }\n.sv-hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }\n.sv-tag { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent); border: 1px solid rgba(76,183,49,0.3); border-radius: 4px; padding: 5px 10px; margin-bottom: 20px; }\n.sv-tag::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }\n.sv-h1 { font-size: clamp(2rem, 2.5vw + 0.5rem, 3rem); font-weight: 800; line-height: 1.1; margin-bottom: 20px; color: var(--white); }\n.sv-h1 em { font-style: normal; color: var(--accent); }\n.sv-hero-desc { font-size: 15px; color: var(--gray-light); line-height: 1.75; margin-bottom: 32px; max-width: 440px; }\n.sv-hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }\n\/* Hero visual *\/\n.sv-hero-visual { position: relative; }\n.sv-hero-img { width: 100%; border-radius: 16px; object-fit: cover; aspect-ratio: 4\/3; border: 1px solid var(--border); box-shadow: 0 24px 60px rgba(0,0,0,0.5); display: block; }\n\n\/* Logos *\/\n.sv-logos { padding: 36px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n.sv-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.sv-logos-strip { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 700px; margin: 0 auto; }\n.sv-logo-item { display: flex; align-items: center; justify-content: center; height: 68px; padding: 0 20px; }\n.sv-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.sv-logo-item:hover img { filter: brightness(0) invert(1) opacity(0.8); }\n.sv-logo-item[data-logo=\"acg\"] img { max-height: 50px; max-width: 160px; }\n.sv-logo-item[data-logo=\"axa\"] img { max-height: 45px; max-width: 120px; }\n\n\/* Feature cards 3col *\/\n.sv-feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }\n.sv-feat-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px 22px; background: #0e0e1a; transition: border-color 0.2s, transform 0.2s; }\n.sv-feat-card:hover { border-color: rgba(76,183,49,0.3); transform: translateY(-2px); }\n.sv-feat-icon { display: flex; margin-bottom: 14px; color: var(--accent); }\n.sv-feat-title { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 7px; line-height: 1.35; }\n.sv-feat-desc { font-size: 13px; color: var(--gray-light); line-height: 1.65; }\n\n\/* Page types grid *\/\n.sv-types-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }\n.sv-type-card { border: 1px solid var(--border); border-radius: 16px; overflow: hidden; background: #0e0e1a; transition: border-color 0.2s, transform 0.2s; }\n.sv-type-card:hover { border-color: rgba(76,183,49,0.3); transform: translateY(-2px); }\n.sv-type-img-wrap { aspect-ratio: 16\/9; overflow: hidden; border-bottom: 1px solid var(--border); }\n.sv-type-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }\n.sv-type-info { padding: 16px 20px 18px; }\n.sv-type-info-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n.sv-type-num { font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gray); flex-shrink: 0; }\n.sv-type-title { font-size: 13px; font-weight: 700; color: var(--white); background: rgba(76,183,49,0.1); border: 1px solid rgba(76,183,49,0.25); border-radius: 6px; padding: 5px 12px; white-space: nowrap; }\n.sv-type-desc { font-size: 13px; color: var(--gray); line-height: 1.6; }\n\n\/* Portfolio bento *\/\n.sv-folio-grid { display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; min-height: 440px; }\n.sv-folio-item { border-radius: 16px; overflow: hidden; background: #0e0e1a; border: 1px solid var(--border); position: relative; }\n.sv-folio-item.sv-folio-featured { grid-row: span 2; }\n.sv-folio-img { width: 100%; height: 100%; min-height: 160px; object-fit: cover; display: block; }\n.sv-folio-item.sv-folio-featured .sv-folio-img { min-height: 100%; }\n.sv-folio-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 14px; background: linear-gradient(to top, rgba(10,10,18,0.88) 0%, transparent 100%); font-size: 12px; color: var(--gray-light); font-weight: 500; }\n\n\/* Price calculator *\/\n.sv-calc-wrap { border: 1px solid var(--border); border-radius: 20px; background: #0d0d18; padding: 36px 40px; margin-top: 40px; position: relative; overflow: hidden; }\n.sv-calc-wrap::before { content: ''; position: absolute; top: -60px; right: -60px; width: 240px; height: 240px; background: radial-gradient(ellipse, rgba(76,183,49,0.06) 0%, transparent 70%); pointer-events: none; }\n.sv-calc-title { font-size: 17px; font-weight: 800; color: var(--white); margin-bottom: 6px; }\n.sv-calc-sub { font-size: 13px; color: var(--gray); margin-bottom: 32px; line-height: 1.5; }\n.sv-calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; margin-bottom: 32px; }\n.sv-calc-field { display: flex; flex-direction: column; gap: 10px; }\n.sv-calc-label { font-size: 12px; font-weight: 700; color: var(--white); text-transform: uppercase; letter-spacing: 0.08em; }\n.sv-calc-options { display: flex; flex-direction: column; gap: 6px; }\n.sv-calc-opt { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--border); border-radius: 10px; cursor: pointer; transition: border-color 0.2s, background 0.2s; background: #10101c; }\n.sv-calc-opt:hover { border-color: rgba(76,183,49,0.35); }\n.sv-calc-opt.active { border-color: var(--accent); background: rgba(76,183,49,0.06); }\n.sv-calc-opt-radio { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--border); flex-shrink: 0; transition: border-color 0.2s, background 0.2s; }\n.sv-calc-opt.active .sv-calc-opt-radio { border-color: var(--accent); background: var(--accent); }\n.sv-calc-opt-label { font-size: 13px; color: var(--gray-light); font-weight: 500; flex: 1; }\n.sv-calc-opt.active .sv-calc-opt-label { color: var(--white); }\n.sv-calc-opt-price { font-size: 12px; color: var(--gray); font-weight: 600; }\n.sv-calc-opt.active .sv-calc-opt-price { color: var(--accent); }\n\/* Checkboxes *\/\n.sv-calc-checks { display: flex; flex-direction: column; gap: 6px; }\n.sv-calc-chk { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--border); border-radius: 10px; cursor: pointer; transition: border-color 0.2s, background 0.2s; background: #10101c; }\n.sv-calc-chk:hover { border-color: rgba(76,183,49,0.35); }\n.sv-calc-chk.checked { border-color: var(--accent); background: rgba(76,183,49,0.06); }\n.sv-calc-chk-box { width: 14px; height: 14px; border-radius: 3px; border: 2px solid var(--border); flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: border-color 0.2s, background 0.2s; }\n.sv-calc-chk.checked .sv-calc-chk-box { border-color: var(--accent); background: var(--accent); }\n.sv-calc-chk-tick { display: none; }\n.sv-calc-chk.checked .sv-calc-chk-tick { display: block; }\n.sv-calc-chk-label { font-size: 13px; color: var(--gray-light); font-weight: 500; flex: 1; }\n.sv-calc-chk.checked .sv-calc-chk-label { color: var(--white); }\n.sv-calc-chk-price { font-size: 12px; color: var(--gray); font-weight: 600; }\n.sv-calc-chk.checked .sv-calc-chk-price { color: var(--accent); }\n\/* Result *\/\n.sv-calc-result { border-top: 1px solid var(--border); padding-top: 24px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }\n.sv-calc-total { flex: 1; }\n.sv-calc-total-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gray); margin-bottom: 4px; }\n.sv-calc-total-range { font-size: 26px; font-weight: 800; color: var(--white); line-height: 1; }\n.sv-calc-total-range span { color: var(--accent); }\n.sv-calc-total-note { font-size: 11px; color: var(--gray); margin-top: 5px; }\n.sv-calc-cta { flex-shrink: 0; }\n\n\/* Process *\/\n.sv-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 44px; position: relative; }\n.sv-process::before { content: ''; position: absolute; top: 24px; left: 12.5%; right: 12.5%; height: 1px; background: var(--border); }\n.sv-proc-step { text-align: center; padding: 0 12px; }\n.sv-proc-num { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(76,183,49,0.4); background: var(--bg); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; color: var(--accent); margin: 0 auto 16px; position: relative; z-index: 1; }\n.sv-proc-title { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 6px; }\n.sv-proc-desc { font-size: 12px; color: var(--gray); line-height: 1.6; }\n\n\/* Checklist inclus *\/\n.sv-inclus-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n.sv-inclus-card { border: 1px solid var(--border); border-radius: 16px; padding: 26px; }\n.sv-inclus-title { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 18px; }\n.sv-chk-list { list-style: none; --theme-list-indent: 0; padding-inline-start: 0; margin-block-end: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }\n.sv-chk-list li { display: flex; gap: 10px; font-size: 13px; color: var(--gray-light); align-items: flex-start; line-height: 1.5; }\n.sv-chk-icon { width: 14px; height: 14px; flex-shrink: 0; margin-top: 1px; color: var(--accent); }\n\n\/* Proof band *\/\n.sv-proof { padding: 60px 0; }\n.sv-proof-inner { border: 1px solid var(--border); border-radius: 20px; padding: 44px; display: grid; grid-template-columns: 1fr 1px 1fr 1px 1fr; gap: 32px; align-items: center; }\n.sv-proof-divider { background: var(--border); height: 44px; }\n.sv-proof-stat { text-align: center; }\n.sv-proof-num { font-size: 2rem; font-weight: 800; color: var(--white); line-height: 1; }\n.sv-proof-num span { color: var(--accent); }\n.sv-proof-stat p { font-size: 13px; color: var(--gray); margin: 6px 0 0; line-height: 1.5; }\n\n\/* Internal link card *\/\n.sv-article-link { display: flex; align-items: center; gap: 20px; border: 1px solid var(--border); border-radius: 16px; padding: 22px 28px; background: #0e0e1a; text-decoration: none; margin-top: 40px; transition: border-color 0.2s; }\n.sv-article-link:hover { border-color: rgba(76,183,49,0.3); }\n.sv-article-link-icon { flex-shrink: 0; display: flex; color: var(--accent); }\n.sv-article-link-body { flex: 1; }\n.sv-article-link-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--accent); margin-bottom: 4px; }\n.sv-article-link-title { font-size: 14px; font-weight: 700; color: var(--white); line-height: 1.35; margin-bottom: 3px; }\n.sv-article-link-sub { font-size: 13px; color: var(--gray); }\n.sv-article-link-arrow { font-size: 18px; color: var(--gray-dark); flex-shrink: 0; }\n\n\/* FAQ *\/\n.sv-faq-list { display: flex; flex-direction: column; gap: 8px; margin-top: 36px; }\n.sv-faq-item { border: 1px solid var(--border); border-radius: 12px; background: #0e0e1a; overflow: hidden; transition: border-color 0.2s; }\n.sv-faq-item.sv-faq-open { border-color: rgba(255,255,255,0.14); }\n.sv-faq-trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 24px; background: none; border: none; cursor: pointer; text-align: left; }\n.sv-faq-q { font-size: 15px; font-weight: 700; color: var(--white); line-height: 1.4; }\n.sv-faq-chevron { flex-shrink: 0; width: 18px; height: 18px; color: var(--gray); transition: transform 0.25s; }\n.sv-faq-item.sv-faq-open .sv-faq-chevron { transform: rotate(180deg); color: var(--accent); }\n.sv-faq-body { display: none; padding: 0 24px 18px; }\n.sv-faq-a { font-size: 14px; color: var(--gray-light); line-height: 1.7; margin: 0; }\n\n\/* Responsive *\/\n@media (max-width: 999.98px) {\n  .sv-hero-inner { grid-template-columns: 1fr; gap: 40px; }\n  .sv-feat-grid { grid-template-columns: 1fr 1fr; }\n  .sv-types-grid { grid-template-columns: 1fr; }\n  .sv-folio-grid { grid-template-columns: 1fr; grid-template-rows: auto; min-height: unset; }\n  .sv-folio-item.sv-folio-featured { grid-row: span 1; min-height: 300px; }\n  .sv-folio-item { min-height: 200px; }\n  .sv-process { grid-template-columns: 1fr 1fr; gap: 24px; }\n  .sv-process::before { display: none; }\n  .sv-inclus-grid { grid-template-columns: 1fr; }\n  .sv-proof-inner { grid-template-columns: 1fr; text-align: center; gap: 24px; }\n  .sv-proof-divider { display: none; }\n  .sv-calc-grid { grid-template-columns: 1fr; }\n}\n@media (max-width: 689.98px) {\n  .sv-hero { padding: 24px 0 48px; }\n  .sv-section { padding: 52px 0; }\n  .sv-feat-grid { grid-template-columns: 1fr; }\n  .sv-types-grid { grid-template-columns: 1fr; }\n  .sv-logos-strip { grid-template-columns: repeat(2, 1fr); max-width: 480px; }\n  .sv-hero-btns { flex-direction: column; }\n  .sv-process { grid-template-columns: 1fr; }\n  .sv-calc-wrap { padding: 24px 20px; }\n  .sv-calc-result { flex-direction: column; align-items: flex-start; gap: 16px; }\n  .sv-proof-inner { padding: 28px 20px; }\n  .sv-sticky-text { display: none; }\n  .sv-sticky-btn { flex: 1; text-align: center; }\n  .sv-sticky { bottom: 12px; border-radius: 12px; }\n  .sv-sticky-inner { padding: 12px 16px; }\n}\n<\/style>\n\n<div class=\"sv-page\">\n\n<!-- Sticky -->\n<div class=\"sv-sticky\" id=\"svSticky\">\n  <div class=\"sv-sticky-inner\">\n    <p class=\"sv-sticky-text\"><strong>Cr\u00e9ation site vitrine<\/strong>&nbsp;\u00b7&nbsp;Sur-mesure, design inclus, SEO configur\u00e9<\/p>\n    <a href=\"#contact\" class=\"sv-btn-primary sv-sticky-btn\" style=\"padding:10px 20px;font-size:13px;\">Demander un devis<\/a>\n  <\/div>\n<\/div>\n\n<!-- Hero -->\n<section class=\"sv-hero\">\n  <div class=\"sv-container\">\n    <div class=\"sv-hero-inner\">\n      <div>\n        <div class=\"sv-tag\" data-aos=\"fade-up\">Web Designer Freelance \u00b7 Paris<\/div>\n        <h1 class=\"sv-h1\" data-anim=\"\">Cr\u00e9ation de <em>site vitrine<\/em> sur-mesure pour votre entreprise<\/h1>\n        <p class=\"sv-hero-desc\" data-anim=\"\">Design, int\u00e9gration WordPress, SEO on-page configur\u00e9. Vous repartez avec un site professionnel, rapide et administrable en autonomie, livr\u00e9 cl\u00e9 en main.<\/p>\n        <div class=\"sv-hero-btns\" data-anim=\"\">\n          <a href=\"\/demande-de-devis\/\" class=\"sv-btn-primary\">Demander un devis gratuit<\/a>\n          <a href=\"#svPortfolio\" class=\"sv-btn-ghost\">Voir les r\u00e9alisations<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"sv-hero-visual\" data-aos=\"fade-left\" data-aos-delay=\"150\">\n        <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2024\/09\/EthiFinance-Web-Design-01.jpg\" alt=\"Cr\u00e9ation site vitrine sur-mesure \u2014 Altay Dagistan web designer Paris\" class=\"sv-hero-img\" loading=\"eager\" title=\"\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Logos -->\n<section class=\"sv-logos\" aria-label=\"R\u00e9f\u00e9rences clients\">\n  <div class=\"sv-container\">\n    <p class=\"sv-logos-label\">R\u00e9f\u00e9rences clients<\/p>\n    <div class=\"sv-logos-strip\">\n      <div class=\"sv-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=\"sv-logo-item\"><img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/01\/vinci.webp\" alt=\"Vinci\" title=\"\"><\/div>\n      <div class=\"sv-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=\"sv-logo-item\"><img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/03\/cocolabs.webp\" alt=\"Cocolabs\" title=\"\"><\/div>\n      <div class=\"sv-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=\"sv-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<!-- What I deliver -->\n<section class=\"sv-section\">\n  <div class=\"sv-container\">\n    <div class=\"sv-section-head\" data-aos=\"fade-up\">\n      <span class=\"sv-section-eyebrow\">Approche<\/span>\n      <h2 class=\"sv-section-title\">Un site livr\u00e9 cl\u00e9 en main, sans interm\u00e9diaire<\/h2>\n      <p class=\"sv-section-sub\">Design, int\u00e9gration et mise en ligne par le m\u00eame interlocuteur. Pas de template impos\u00e9, pas de sous-traitance.<\/p>\n    <\/div>\n    <div class=\"sv-feat-grid\">\n      <div class=\"sv-feat-card\" data-anim=\"\">\n        <span class=\"sv-feat-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"><\/rect><path d=\"M3 9h18\"><\/path><path d=\"M9 21V9\"><\/path><\/svg><\/span>\n        <div class=\"sv-feat-title\">Design Figma valid\u00e9 avant int\u00e9gration<\/div>\n        <div class=\"sv-feat-desc\">Vous voyez le design complet de toutes les pages avant qu&rsquo;une seule ligne soit int\u00e9gr\u00e9e. Aucune surprise \u00e0 la livraison.<\/div>\n      <\/div>\n      <div class=\"sv-feat-card\" data-anim=\"\">\n        <span class=\"sv-feat-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><path d=\"m21 21-4.3-4.3\"><\/path><\/svg><\/span>\n        <div class=\"sv-feat-title\">SEO on-page configur\u00e9 d&rsquo;entr\u00e9e<\/div>\n        <div class=\"sv-feat-desc\">Rank Math configur\u00e9, H1\/H2 structur\u00e9s, m\u00e9tadescriptions r\u00e9dig\u00e9es, sitemap soumis. Google Analytics connect\u00e9. Votre site est indexable d\u00e8s le premier jour.<\/div>\n      <\/div>\n      <div class=\"sv-feat-card\" data-anim=\"\">\n        <span class=\"sv-feat-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20h9\"><\/path><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z\"><\/path><\/svg><\/span>\n        <div class=\"sv-feat-title\">Administrable sans d\u00e9veloppeur<\/div>\n        <div class=\"sv-feat-desc\">WordPress + Blocksy Pro. Vous modifiez textes, images et pages depuis l&rsquo;interface, sans toucher au code.<\/div>\n      <\/div>\n      <div class=\"sv-feat-card\" data-anim=\"\">\n        <span class=\"sv-feat-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"><\/rect><path d=\"M8 21h8\"><\/path><path d=\"M12 17v4\"><\/path><path d=\"M7 10.5h10\"><\/path><path d=\"M7 13.5h6\"><\/path><\/svg><\/span>\n        <div class=\"sv-feat-title\">Responsive soign\u00e9<\/div>\n        <div class=\"sv-feat-desc\">Chaque breakpoint est trait\u00e9 au pixel. Mobile, tablette et desktop con\u00e7us ensemble d\u00e8s la maquette Figma.<\/div>\n      <\/div>\n      <div class=\"sv-feat-card\" data-anim=\"\">\n        <span class=\"sv-feat-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"><\/polyline><polyline points=\"16 7 22 7 22 13\"><\/polyline><\/svg><\/span>\n        <div class=\"sv-feat-title\">Performances Core Web Vitals<\/div>\n        <div class=\"sv-feat-desc\">Pas de JavaScript superflu, pas de CSS mort. Blocksy Pro est l&rsquo;un des th\u00e8mes WordPress les plus rapides du march\u00e9.<\/div>\n      <\/div>\n      <div class=\"sv-feat-card\" data-anim=\"\">\n        <span class=\"sv-feat-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg><\/span>\n        <div class=\"sv-feat-title\">Propri\u00e9t\u00e9 totale<\/div>\n        <div class=\"sv-feat-desc\">Votre site est install\u00e9 sur votre h\u00e9bergement. Pas d&rsquo;abonnement \u00e0 une plateforme, pas de verrouillage. Vous \u00eates chez vous.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Types de sites -->\n<section class=\"sv-section\" style=\"padding-top:0;\">\n  <div class=\"sv-container\">\n    <div class=\"sv-section-head\" data-aos=\"fade-up\">\n      <span class=\"sv-section-eyebrow\">Formats<\/span>\n      <h2 class=\"sv-section-title\">Quel type de site vitrine vous correspond&nbsp;?<\/h2>\n      <p class=\"sv-section-sub\">Chaque projet est diff\u00e9rent. Voici les formats les plus courants, selon votre activit\u00e9 et vos objectifs.<\/p>\n    <\/div>\n    <div class=\"sv-types-grid\">\n      <div class=\"sv-type-card\" data-anim=\"\">\n        <div class=\"sv-type-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/05\/Site-institutionnel-web-design.webp\" alt=\"Site vitrine institutionnel B2B\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"sv-type-info\">\n          <div class=\"sv-type-info-top\"><span class=\"sv-type-num\">01<\/span>\n          <div class=\"sv-type-title\">Site institutionnel<\/div><\/div>\n          <div class=\"sv-type-desc\">Pr\u00e9sentation compl\u00e8te de l&rsquo;entreprise, de ses services, de son \u00e9quipe et de ses r\u00e9alisations. La r\u00e9f\u00e9rence pour les PME, agences et cabinets B2B.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sv-type-card\" data-anim=\"\">\n        <div class=\"sv-type-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/05\/Site-SaaS-ou-produit-tech-web-design.webp\" alt=\"Site vitrine SaaS ou produit tech\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"sv-type-info\">\n          <div class=\"sv-type-info-top\"><span class=\"sv-type-num\">02<\/span>\n          <div class=\"sv-type-title\">Site SaaS ou produit tech<\/div><\/div>\n          <div class=\"sv-type-desc\">Pr\u00e9sentation d&rsquo;un logiciel ou d&rsquo;une plateforme. Hero orient\u00e9 conversion, sections fonctionnalit\u00e9s, pricing, t\u00e9moignages. Pens\u00e9 pour g\u00e9n\u00e9rer des inscriptions ou des d\u00e9mos.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sv-type-card\" data-anim=\"\">\n        <div class=\"sv-type-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/05\/Landing-page-de-service-web-design.webp\" alt=\"Landing page de service\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"sv-type-info\">\n          <div class=\"sv-type-info-top\"><span class=\"sv-type-num\">03<\/span>\n          <div class=\"sv-type-title\">Landing page de service<\/div><\/div>\n          <div class=\"sv-type-desc\">Page unique centr\u00e9e sur une seule offre. Pas de navigation, un seul appel \u00e0 l&rsquo;action. Id\u00e9ale pour des campagnes ou des offres cibl\u00e9es.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sv-type-card\" data-anim=\"\">\n        <div class=\"sv-type-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/05\/profession-liberale-et-cabinet-web-design.webp\" alt=\"Site vitrine profession lib\u00e9rale et cabinet\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"sv-type-info\">\n          <div class=\"sv-type-info-top\"><span class=\"sv-type-num\">04<\/span>\n          <div class=\"sv-type-title\">Profession lib\u00e9rale et cabinet<\/div><\/div>\n          <div class=\"sv-type-desc\">Avocats, experts-comptables, architectes, consultants. Un site sobre et professionnel qui inspire confiance avant le premier rendez-vous.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Portfolio -->\n<section class=\"sv-section\" id=\"svPortfolio\" style=\"padding-top:0;\">\n  <div class=\"sv-container\">\n    <div class=\"sv-section-head\" data-aos=\"fade-up\">\n      <span class=\"sv-section-eyebrow\">R\u00e9alisations<\/span>\n      <h2 class=\"sv-section-title\">Sites vitrines con\u00e7us pour des march\u00e9s B2B<\/h2>\n      <p class=\"sv-section-sub\">SaaS, cybers\u00e9curit\u00e9, FinTech, e-commerce : des projets sur des secteurs techniques avec des d\u00e9cideurs exigeants.<\/p>\n    <\/div>\n    <div class=\"sv-folio-grid\">\n      <div class=\"sv-folio-item sv-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, refonte WordPress B2B\" class=\"sv-folio-img\" loading=\"lazy\" title=\"\">\n        <div class=\"sv-folio-caption\">EthiFinance \u00b7 Refonte WordPress<\/div>\n      <\/div>\n      <div class=\"sv-folio-item\" data-anim=\"\">\n        <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2025\/03\/cyberacademy-site-04.png\" alt=\"Site web ACG CyberAcademy WordPress\" class=\"sv-folio-img\" loading=\"lazy\" title=\"\">\n        <div class=\"sv-folio-caption\">ACG CyberAcademy \u00b7 Refonte WordPress<\/div>\n      <\/div>\n      <div class=\"sv-folio-item\" data-anim=\"\">\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=\"sv-folio-img\" loading=\"lazy\" title=\"\">\n        <div class=\"sv-folio-caption\">Gamer Deer \u00b7 E-commerce WooCommerce<\/div>\n      <\/div>\n    <\/div>\n    <a href=\"\/qu-est-ce-qu-un-site-vitrine\/\" class=\"sv-article-link\" data-aos=\"fade-up\">\n      <span class=\"sv-article-link-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20\"><\/path><\/svg><\/span>\n      <div class=\"sv-article-link-body\">\n        <div class=\"sv-article-link-label\">Guide pratique<\/div>\n        <div class=\"sv-article-link-title\">Qu&rsquo;est-ce qu&rsquo;un site vitrine&nbsp;? D\u00e9finition, contenu et co\u00fbt<\/div>\n        <div class=\"sv-article-link-sub\">Tout ce qu&rsquo;un d\u00e9cideur B2B doit savoir avant de lancer un projet de site vitrine<\/div>\n      <\/div>\n      <span class=\"sv-article-link-arrow\">\u2192<\/span>\n    <\/a>\n  <\/div>\n<\/section>\n\n<!-- Calculator -->\n<section class=\"sv-section\" id=\"svCalc\" style=\"padding-top:0;\">\n  <div class=\"sv-container\">\n    <div class=\"sv-section-head\" data-aos=\"fade-up\">\n      <span class=\"sv-section-eyebrow\">Estimation<\/span>\n      <h2 class=\"sv-section-title\">Estimez le budget de votre site vitrine<\/h2>\n      <p class=\"sv-section-sub\">S\u00e9lectionnez votre configuration pour obtenir une fourchette indicative. Le devis pr\u00e9cis est gratuit et fourni sous 24&nbsp;h.<\/p>\n    <\/div>\n    <div class=\"sv-calc-wrap\" data-aos=\"fade-up\">\n      <div class=\"sv-calc-grid\">\n        <!-- Col 1 : type de site -->\n        <div class=\"sv-calc-field\">\n          <span class=\"sv-calc-label\">Type de site<\/span>\n          <div class=\"sv-calc-options\" id=\"svCalcType\">\n            <div class=\"sv-calc-opt active\" onclick=\"svSelectOpt(this,'type')\" data-min=\"1500\" data-max=\"3000\">\n              <div class=\"sv-calc-opt-radio\"><\/div>\n              <span class=\"sv-calc-opt-label\">Site institutionnel (5 \u00e0 8 pages)<\/span>\n              <span class=\"sv-calc-opt-price\">1 500 \u2013 3 000&nbsp;\u20ac<\/span>\n            <\/div>\n            <div class=\"sv-calc-opt\" onclick=\"svSelectOpt(this,'type')\" data-min=\"2500\" data-max=\"4500\">\n              <div class=\"sv-calc-opt-radio\"><\/div>\n              <span class=\"sv-calc-opt-label\">Site SaaS \/ produit tech<\/span>\n              <span class=\"sv-calc-opt-price\">2 500 \u2013 4 500&nbsp;\u20ac<\/span>\n            <\/div>\n            <div class=\"sv-calc-opt\" onclick=\"svSelectOpt(this,'type')\" data-min=\"800\" data-max=\"1500\">\n              <div class=\"sv-calc-opt-radio\"><\/div>\n              <span class=\"sv-calc-opt-label\">Landing page (1 page)<\/span>\n              <span class=\"sv-calc-opt-price\">800 \u2013 1 500&nbsp;\u20ac<\/span>\n            <\/div>\n            <div class=\"sv-calc-opt\" onclick=\"svSelectOpt(this,'type')\" data-min=\"1800\" data-max=\"3500\">\n              <div class=\"sv-calc-opt-radio\"><\/div>\n              <span class=\"sv-calc-opt-label\">Site portfolio \/ agence<\/span>\n              <span class=\"sv-calc-opt-price\">1 800 \u2013 3 500&nbsp;\u20ac<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <!-- Col 2 : options -->\n        <div class=\"sv-calc-field\">\n          <span class=\"sv-calc-label\">Options suppl\u00e9mentaires<\/span>\n          <div class=\"sv-calc-checks\" id=\"svCalcOpts\">\n            <div class=\"sv-calc-chk\" onclick=\"svToggleChk(this)\" data-min=\"300\" data-max=\"600\">\n              <div class=\"sv-calc-chk-box\"><svg class=\"sv-calc-chk-tick\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n              <span class=\"sv-calc-chk-label\">R\u00e9daction des contenus<\/span>\n              <span class=\"sv-calc-chk-price\">+300 \u2013 600&nbsp;\u20ac<\/span>\n            <\/div>\n            <div class=\"sv-calc-chk\" onclick=\"svToggleChk(this)\" data-min=\"400\" data-max=\"800\">\n              <div class=\"sv-calc-chk-box\"><svg class=\"sv-calc-chk-tick\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n              <span class=\"sv-calc-chk-label\">Blog + 3 premiers articles<\/span>\n              <span class=\"sv-calc-chk-price\">+400 \u2013 800&nbsp;\u20ac<\/span>\n            <\/div>\n            <div class=\"sv-calc-chk\" onclick=\"svToggleChk(this)\" data-min=\"300\" data-max=\"500\">\n              <div class=\"sv-calc-chk-box\"><svg class=\"sv-calc-chk-tick\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n              <span class=\"sv-calc-chk-label\">Syst\u00e8me multilingue<\/span>\n              <span class=\"sv-calc-chk-price\">+300 \u2013 500&nbsp;\u20ac<\/span>\n            <\/div>\n            <div class=\"sv-calc-chk\" onclick=\"svToggleChk(this)\" data-min=\"150\" data-max=\"300\">\n              <div class=\"sv-calc-chk-box\"><svg class=\"sv-calc-chk-tick\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n              <span class=\"sv-calc-chk-label\">Formulaire de devis avanc\u00e9<\/span>\n              <span class=\"sv-calc-chk-price\">+150 \u2013 300&nbsp;\u20ac<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sv-calc-result\">\n        <div class=\"sv-calc-total\">\n          <div class=\"sv-calc-total-label\">Estimation indicative HT<\/div>\n          <div class=\"sv-calc-total-range\" id=\"svCalcRange\"><span id=\"svCalcMin\">1 500<\/span> \u2013 <span id=\"svCalcMax\">3 000<\/span>&nbsp;\u20ac<\/div>\n          <div class=\"sv-calc-total-note\">Devis pr\u00e9cis gratuit sous 24 h selon votre brief<\/div>\n        <\/div>\n        <div class=\"sv-calc-cta\">\n          <a href=\"\/demande-de-devis\/\" class=\"sv-btn-primary\">Obtenir un devis gratuit<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Process -->\n<section class=\"sv-section\">\n  <div class=\"sv-container\">\n    <div class=\"sv-section-head\" data-aos=\"fade-up\">\n      <span class=\"sv-section-eyebrow\">M\u00e9thode<\/span>\n      <h2 class=\"sv-section-title\">Du brief \u00e0 la mise en ligne, 4 \u00e9tapes<\/h2>\n    <\/div>\n    <div class=\"sv-process\">\n      <div class=\"sv-proc-step\" data-anim=\"\">\n        <div class=\"sv-proc-num\">01<\/div>\n        <div class=\"sv-proc-title\">Cadrage<\/div>\n        <div class=\"sv-proc-desc\">Objectifs, cibles, arborescence, contenus disponibles. Par \u00e9change e-mail ou appel de 30 minutes.<\/div>\n      <\/div>\n      <div class=\"sv-proc-step\" data-anim=\"\">\n        <div class=\"sv-proc-num\">02<\/div>\n        <div class=\"sv-proc-title\">Design Figma<\/div>\n        <div class=\"sv-proc-desc\">Maquette compl\u00e8te des pages cl\u00e9s. Valid\u00e9e par vos soins avant toute int\u00e9gration.<\/div>\n      <\/div>\n      <div class=\"sv-proc-step\" data-anim=\"\">\n        <div class=\"sv-proc-num\">03<\/div>\n        <div class=\"sv-proc-title\">Int\u00e9gration<\/div>\n        <div class=\"sv-proc-desc\">WordPress + Blocksy Pro. Responsive, rapide, modifiable en autonomie sans d\u00e9veloppeur.<\/div>\n      <\/div>\n      <div class=\"sv-proc-step\" data-anim=\"\">\n        <div class=\"sv-proc-num\">04<\/div>\n        <div class=\"sv-proc-title\">SEO et livraison<\/div>\n        <div class=\"sv-proc-desc\">Rank Math configur\u00e9, sitemap soumis, Analytics connect\u00e9. Livr\u00e9 sur votre h\u00e9bergement.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Inclus -->\n<section class=\"sv-section\" style=\"padding-top:0;\">\n  <div class=\"sv-container\">\n    <div class=\"sv-section-head\" data-aos=\"fade-up\">\n      <span class=\"sv-section-eyebrow\">Livrables<\/span>\n      <h2 class=\"sv-section-title\">Ce qui est inclus dans votre commande<\/h2>\n    <\/div>\n    <div class=\"sv-inclus-grid\">\n      <div class=\"sv-inclus-card\" data-aos=\"fade-up\">\n        <div class=\"sv-inclus-title\">Pages cr\u00e9\u00e9es<\/div>\n        <ul class=\"sv-chk-list\">\n          <li><svg class=\"sv-chk-icon\" 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&rsquo;accueil<\/li>\n          <li><svg class=\"sv-chk-icon\" 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=\"sv-chk-icon\" 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 propos<\/li>\n          <li><svg class=\"sv-chk-icon\" 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=\"sv-chk-icon\" 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 et RGPD<\/li>\n          <li><svg class=\"sv-chk-icon\" 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=\"sv-inclus-card\" data-anim=\"\">\n        <div class=\"sv-inclus-title\">Livrables techniques<\/div>\n        <ul class=\"sv-chk-list\">\n          <li><svg class=\"sv-chk-icon\" 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 (fichier source fourni)<\/li>\n          <li><svg class=\"sv-chk-icon\" 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=\"sv-chk-icon\" 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=\"sv-chk-icon\" 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 et tablette<\/li>\n          <li><svg class=\"sv-chk-icon\" 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=\"sv-chk-icon\" 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=\"sv-proof\">\n  <div class=\"sv-container\">\n    <div class=\"sv-proof-inner\" data-aos=\"zoom-in\">\n      <div class=\"sv-proof-stat\">\n        <div class=\"sv-proof-num\">+15<span>ans<\/span><\/div>\n        <p>Exp\u00e9rience web design et branding B2B<\/p>\n      <\/div>\n      <div class=\"sv-proof-divider\"><\/div>\n      <div class=\"sv-proof-stat\">\n        <p><strong style=\"font-size:15px;color:var(--white);display:block;margin-bottom:4px;\">EthiFinance, ACG, Cocolabs, UBI Solutions\u2026<\/strong>R\u00e9f\u00e9rences B2B tech livr\u00e9es<\/p>\n      <\/div>\n      <div class=\"sv-proof-divider\"><\/div>\n      <div class=\"sv-proof-stat\">\n        <div class=\"sv-proof-num\"><span>3<\/span> \u2013 6<span>sem.<\/span><\/div>\n        <p>D\u00e9lai moyen de livraison cl\u00e9 en main<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- FAQ -->\n<section class=\"sv-section\">\n  <div class=\"sv-container\">\n    <div class=\"sv-section-head\" data-aos=\"fade-up\">\n      <span class=\"sv-section-eyebrow\">FAQ<\/span>\n      <h2 class=\"sv-section-title\">Questions fr\u00e9quentes sur la cr\u00e9ation de site vitrine<\/h2>\n    <\/div>\n    <div class=\"sv-faq-list\">\n      <div class=\"sv-faq-item sv-faq-open\" id=\"svFaq0\">\n        <button class=\"sv-faq-trigger\" onclick=\"svToggleFaq(0)\">\n          <span class=\"sv-faq-q\">Combien co\u00fbte la cr\u00e9ation d&rsquo;un site vitrine&nbsp;?<\/span>\n          <svg class=\"sv-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=\"sv-faq-body\" style=\"display:block;\">\n          <p class=\"sv-faq-a\">Entre 800 et 4 500&nbsp;\u20ac HT pour la grande majorit\u00e9 des projets r\u00e9alis\u00e9s par un freelance. Une landing page commence autour de 800&nbsp;\u20ac. Un site institutionnel 5 \u00e0 8 pages se situe entre 1 500 et 3 000&nbsp;\u20ac. Un site SaaS ou produit tech entre 2 500 et 4 500&nbsp;\u20ac. Les options (r\u00e9daction, blog, multilingue) s&rsquo;ajoutent \u00e0 ces bases. Utilisez le calculateur ci-dessus pour une premi\u00e8re estimation, et demandez un devis gratuit pour un chiffre pr\u00e9cis.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"sv-faq-item\" id=\"svFaq1\">\n        <button class=\"sv-faq-trigger\" onclick=\"svToggleFaq(1)\">\n          <span class=\"sv-faq-q\">Quel est le d\u00e9lai de livraison&nbsp;?<\/span>\n          <svg class=\"sv-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=\"sv-faq-body\">\n          <p class=\"sv-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      <div class=\"sv-faq-item\" id=\"svFaq2\">\n        <button class=\"sv-faq-trigger\" onclick=\"svToggleFaq(2)\">\n          <span class=\"sv-faq-q\">Faut-il fournir les contenus texte et les images&nbsp;?<\/span>\n          <svg class=\"sv-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=\"sv-faq-body\">\n          <p class=\"sv-faq-a\">Oui. Textes et images sont \u00e0 fournir de votre c\u00f4t\u00e9. Si vous n&rsquo;en avez pas encore, la r\u00e9daction peut \u00eatre ajout\u00e9e au projet. Je peux \u00e9galement vous orienter vers un photographe professionnel.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"sv-faq-item\" id=\"svFaq3\">\n        <button class=\"sv-faq-trigger\" onclick=\"svToggleFaq(3)\">\n          <span class=\"sv-faq-q\">Puis-je g\u00e9rer le site en autonomie apr\u00e8s la livraison&nbsp;?<\/span>\n          <svg class=\"sv-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=\"sv-faq-body\">\n          <p class=\"sv-faq-a\">Oui. Une prise en main est incluse \u00e0 la livraison. WordPress + Blocksy Pro vous permet de modifier textes, images et pages sans toucher au code, sans d\u00e9veloppeur.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"sv-faq-item\" id=\"svFaq4\">\n        <button class=\"sv-faq-trigger\" onclick=\"svToggleFaq(4)\">\n          <span class=\"sv-faq-q\">Vous travaillez sur quel h\u00e9bergement&nbsp;?<\/span>\n          <svg class=\"sv-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=\"sv-faq-body\">\n          <p class=\"sv-faq-a\">La mise en ligne est faite sur votre h\u00e9bergement existant, ou sur un compte Hostinger que vous ouvrez (quelques euros par mois). Je g\u00e8re la configuration et le d\u00e9ploiement. L&rsquo;h\u00e9bergement reste sous votre propri\u00e9t\u00e9.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"sv-faq-item\" id=\"svFaq5\">\n        <button class=\"sv-faq-trigger\" onclick=\"svToggleFaq(5)\">\n          <span class=\"sv-faq-q\">Quelle est la diff\u00e9rence entre un site vitrine et une refonte&nbsp;?<\/span>\n          <svg class=\"sv-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=\"sv-faq-body\">\n          <p class=\"sv-faq-a\">Une cr\u00e9ation part de z\u00e9ro : arborescence, charte graphique, design, int\u00e9gration. Une refonte WordPress repart d&rsquo;un site existant pour en am\u00e9liorer la structure, les performances et le design. Les deux suivent le m\u00eame processus (cadrage, Figma, int\u00e9gration, SEO).<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    { \"@type\": \"Question\", \"name\": \"Combien co\u00fbte la cr\u00e9ation d'un site vitrine ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Entre 1 500 et 7 000 \u20ac HT selon le nombre de pages, le niveau de personnalisation design et les options (r\u00e9daction, blog, multilingue).\" } },\n    { \"@type\": \"Question\", \"name\": \"Quel est le d\u00e9lai de livraison ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"En g\u00e9n\u00e9ral 3 \u00e0 6 semaines selon le nombre de pages et la complexit\u00e9 du design.\" } },\n    { \"@type\": \"Question\", \"name\": \"Faut-il fournir les contenus texte et les images ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Oui. Textes et images sont \u00e0 fournir de votre c\u00f4t\u00e9. La r\u00e9daction peut \u00eatre ajout\u00e9e au projet.\" } },\n    { \"@type\": \"Question\", \"name\": \"Puis-je g\u00e9rer le site en autonomie apr\u00e8s la livraison ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Oui. Une prise en main est incluse. WordPress + Blocksy Pro vous permet de modifier textes, images et pages sans toucher au code.\" } },\n    { \"@type\": \"Question\", \"name\": \"Vous travaillez sur quel h\u00e9bergement ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"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 entre un site vitrine et une refonte ?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Une cr\u00e9ation part de z\u00e9ro : arborescence, charte graphique, design, int\u00e9gration. Une refonte repart d'un site existant pour en am\u00e9liorer la structure, les performances et le design.\" } }\n  ]\n}\n<\/script>\n\n<script src=\"https:\/\/altaydagistan.com\/wp-content\/anim-lib\/aos.js\"><\/script>\n<script>\n(function() {\n  (function() {\n    function rescue() { var els = document.querySelectorAll('[data-aos]'); for (var i = 0; i < els.length; i++) { els[i].style.opacity = '1'; els[i].style.transform = 'none'; } }\n    if (typeof AOS !== 'undefined') { AOS.init({ once: true, offset: 110, duration: 500 }); } else { rescue(); }\n  })();\n\n  \/* Sticky *\/\n  window.addEventListener('scroll', function() {\n    var s = document.getElementById('svSticky');\n    if (!s) { return; }\n    if (window.scrollY > 400) { s.classList.add('sv-visible'); }\n    else { s.classList.remove('sv-visible'); }\n  }, { passive: true });\n\n  \/* Calculator *\/\n  var baseMin = 1500, baseMax = 3000;\n\n  function svSelectOpt(el, group) {\n    var parent = document.getElementById('svCalcType');\n    var opts = parent.querySelectorAll('.sv-calc-opt');\n    for (var i = 0; i < opts.length; i++) { opts[i].classList.remove('active'); }\n    el.classList.add('active');\n    baseMin = parseInt(el.getAttribute('data-min'));\n    baseMax = parseInt(el.getAttribute('data-max'));\n    svCalcUpdate();\n  }\n  window.svSelectOpt = svSelectOpt;\n\n  function svToggleChk(el) {\n    el.classList.toggle('checked');\n    svCalcUpdate();\n  }\n  window.svToggleChk = svToggleChk;\n\n  function svCalcUpdate() {\n    var min = baseMin, max = baseMax;\n    var chks = document.querySelectorAll('#svCalcOpts .sv-calc-chk.checked');\n    for (var i = 0; i < chks.length; i++) {\n      min += parseInt(chks[i].getAttribute('data-min'));\n      max += parseInt(chks[i].getAttribute('data-max'));\n    }\n    var fmtMin = min.toLocaleString('fr-FR');\n    var fmtMax = max.toLocaleString('fr-FR');\n    document.getElementById('svCalcMin').textContent = fmtMin;\n    document.getElementById('svCalcMax').textContent = fmtMax;\n  }\n\n  function svToggleFaq(index) {\n    var total = 6;\n    for (var i = 0; i < total; i++) {\n      var item = document.getElementById('svFaq' + i);\n      if (!item) { continue; }\n      var body = item.querySelector('.sv-faq-body');\n      if (i === index) {\n        var isOpen = item.classList.contains('sv-faq-open');\n        if (isOpen) { item.classList.remove('sv-faq-open'); body.style.display = 'none'; }\n        else { item.classList.add('sv-faq-open'); body.style.display = 'block'; }\n      } else { item.classList.remove('sv-faq-open'); body.style.display = 'none'; }\n    }\n  }\n  window.svToggleFaq = svToggleFaq;\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Cr\u00e9ation site vitrine&nbsp;\u00b7&nbsp;Sur-mesure, design inclus, SEO configur\u00e9 Demander un devis Web Designer Freelance \u00b7 Paris Cr\u00e9ation de site vitrine sur-mesure pour votre entreprise Design, int\u00e9gration WordPress, SEO on-page configur\u00e9. Vous repartez avec un site professionnel, rapide et administrable en autonomie, livr\u00e9 cl\u00e9 en main. Demander un devis gratuit Voir les r\u00e9alisations R\u00e9f\u00e9rences clients Approche Un [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-18937","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/pages\/18937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/comments?post=18937"}],"version-history":[{"count":19,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/pages\/18937\/revisions"}],"predecessor-version":[{"id":19151,"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/pages\/18937\/revisions\/19151"}],"wp:attachment":[{"href":"https:\/\/altaydagistan.com\/en\/wp-json\/wp\/v2\/media?parent=18937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}