{"id":8830,"date":"2022-12-27T02:44:14","date_gmt":"2022-12-27T00:44:14","guid":{"rendered":"https:\/\/altaydagistan.com\/?p=8830"},"modified":"2026-06-29T16:32:40","modified_gmt":"2026-06-29T15:32:40","slug":"vitrin-sitesi-nedir","status":"publish","type":"post","link":"https:\/\/altaydagistan.com\/tr\/vitrin-sitesi-nedir\/","title":{"rendered":"Vitrin sitesi nedir? Tan\u0131m ve rehber"},"content":{"rendered":"\n<style>\n:root {\n  --bg: #0A0A12;\n  --white: #FFFFFF;\n  --gray-light: #B9B9B9;\n  --gray: #8E8E8E;\n  --gray-dark: #434343;\n  --accent: #4CB731;\n  --blue: #287CCA;\n  --red: #CD3434;\n  --border: #434343;\n  --font: 'Manrope', sans-serif;\n}\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\n.sw-wrap {\n  max-width: 1000px; margin: 0 auto;\n  padding: 60px 40px 100px;\n  font-family: var(--font); color: var(--white);\n  background: var(--bg);\n}\n.sw-wrap img { pointer-events: none; }\n\n.sw-eyebrow { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.12em; color: var(--gray); margin-bottom: 16px; }\n.sw-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; line-height: 1.2; color: var(--white); margin-bottom: 24px; }\n.sw-intro { font-size: 16px; line-height: 1.75; color: var(--gray-light); border-left: 3px solid var(--blue); padding-left: 20px; margin-bottom: 48px; }\n\n.sw-wrap h2 { font-size: 22px; font-weight: 800; color: var(--white); margin: 52px 0 18px; display: flex; align-items: center; gap: 10px; line-height: 1.25; }\n.sw-wrap h2 .icon { display: inline-flex; align-items: center; flex-shrink: 0; color: var(--accent); }\n.sw-wrap h3 { font-size: 16px; font-weight: 700; color: var(--accent); margin: 28px 0 10px; }\n.sw-wrap p { font-size: 16px; line-height: 1.75; color: var(--gray-light); margin-bottom: 18px; }\n.sw-wrap p:last-child { margin-bottom: 0; }\n.sw-wrap strong { color: var(--white); }\n\n.callout { border-radius: 12px; padding: 18px 22px; margin: 24px 0; display: flex; gap: 14px; align-items: flex-start; }\n.callout-blue  { background: rgba(40,124,202,0.10); border-left: 3px solid var(--blue); }\n.callout-green { background: rgba(76,183,49,0.10);  border-left: 3px solid var(--accent); }\n.callout-amber { background: rgba(186,117,23,0.10); border-left: 3px solid #BA7517; }\n.callout-icon  { display: flex; flex-shrink: 0; margin-top: 2px; }\n.callout-blue  .callout-icon { color: var(--blue); }\n.callout-green .callout-icon { color: var(--accent); }\n.callout-amber .callout-icon { color: #BA7517; }\n.callout-text  { font-size: 15px; color: var(--gray-light); line-height: 1.65; font-family: var(--font); }\n.callout-text strong { color: var(--white); }\n\n.key-numbers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 0 48px; }\n.kn-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px 20px; text-align: center; background: #0e0e1a; }\n.kn-value { font-size: 26px; font-weight: 800; color: var(--white); margin-bottom: 4px; line-height: 1.1; }\n.kn-value span { color: var(--accent); }\n.kn-label { font-size: 12px; color: var(--gray); font-weight: 500; line-height: 1.4; }\n\n.sw-img { width: 100%; height: auto; display: block; border-radius: 16px; border: 1px solid var(--border); margin: 36px 0; object-fit: cover; }\n\n.sw-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 28px 0 40px; }\n.sw-feat-card { border: 1px solid var(--border); border-radius: 16px; padding: 22px 20px 20px; background: #0e0e1a; transition: border-color 0.2s, transform 0.2s; }\n.sw-feat-card:hover { border-color: rgba(255,255,255,0.16); transform: translateY(-2px); }\n.sw-feat-icon { display: flex; margin-bottom: 14px; color: var(--accent); }\n.sw-feat-title { font-size: 14px; font-weight: 700; color: var(--white); margin-bottom: 7px; line-height: 1.35; }\n.sw-feat-desc { font-size: 13px; color: var(--gray); line-height: 1.65; }\n\n.sw-compare-toggle { display: flex; align-items: center; justify-content: center; gap: 0; margin: 28px 0 0; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; width: fit-content; }\n.sw-toggle-btn { font-family: var(--font); font-size: 13px; font-weight: 700; padding: 10px 22px; cursor: pointer; border: none; background: #0e0e1a; color: var(--gray); transition: background 0.2s, color 0.2s; white-space: nowrap; }\n.sw-toggle-btn.active { background: var(--accent); color: #fff; }\n.sw-compare-panels { margin-top: 0; }\n.sw-compare-panel { display: none; }\n.sw-compare-panel.active { display: block; }\n\n.sw-vs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 20px 0 36px; }\n.sw-vs-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px 22px; background: #0e0e1a; }\n.sw-vs-badge { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; padding: 3px 8px; border-radius: 4px; margin-bottom: 12px; }\n.sw-vs-badge-green { background: rgba(76,183,49,0.12); color: var(--accent); border: 1px solid rgba(76,183,49,0.25); }\n.sw-vs-badge-blue  { background: rgba(40,124,202,0.12); color: var(--blue);   border: 1px solid rgba(40,124,202,0.25); }\n.sw-vs-title { font-size: 15px; font-weight: 800; color: var(--white); margin-bottom: 14px; }\n.sw-vs-list { list-style: none; --theme-list-indent: 0; padding-inline-start: 0; margin-block-end: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }\n.sw-vs-list li { font-size: 13px; color: var(--gray-light); padding-left: 18px; position: relative; line-height: 1.55; }\n.sw-vs-list li::before { content: '\u2192'; position: absolute; left: 0; color: var(--accent); font-weight: 700; font-size: 11px; top: 1px; }\n.sw-vs-card.sw-vs-right .sw-vs-list li::before { color: var(--blue); }\n\n.table-wrap { overflow-x: auto; margin: 20px 0 32px; border-radius: 16px; border: 1px solid var(--border); }\n.sw-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; }\n.sw-wrap thead th { background: #12121e; padding: 13px 18px; text-align: left; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent); border-bottom: 1px solid var(--border); }\n.sw-wrap tbody td { padding: 13px 18px; border-bottom: 1px solid #1a1a28; color: var(--gray-light); vertical-align: top; line-height: 1.5; }\n.sw-wrap tbody tr:last-child td { border-bottom: none; }\n.sw-wrap tbody tr:hover td { background: #12121e; }\n.sw-wrap tbody td.td-name  { font-weight: 700; color: var(--white); }\n.sw-wrap tbody td.td-green { color: var(--accent); font-weight: 600; }\n.sw-wrap tbody td.td-red   { color: #f09595; font-weight: 600; }\n.sw-wrap tbody td.td-gray  { color: var(--gray); font-size: 13px; }\n\n.sw-pages-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 28px 0 40px; }\n.sw-page-card { border: 1px solid var(--border); border-radius: 16px; overflow: hidden; background: #0e0e1a; transition: border-color 0.2s, transform 0.2s; }\n.sw-page-card:hover { border-color: rgba(76,183,49,0.3); transform: translateY(-2px); }\n.sw-page-mockup { background: #070710; border-bottom: 1px solid var(--border); }\n.sw-mockup-bar { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-bottom: 1px solid #1a1a28; background: #0e0e18; }\n.sw-mockup-dot { width: 7px; height: 7px; border-radius: 50%; background: #2a2a3a; flex-shrink: 0; }\n.sw-mockup-url { font-size: 9px; color: #3a3a52; font-family: var(--font); margin-left: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }\n.sw-mockup-body { padding: 14px 14px 16px; }\n.sw-mockup-hero { margin-bottom: 12px; }\n.sw-mockup-h1 { height: 10px; border-radius: 3px; background: rgba(76,183,49,0.25); width: 70%; margin-bottom: 6px; }\n.sw-mockup-h2 { height: 7px; border-radius: 3px; background: #1e1e30; width: 55%; margin-bottom: 10px; }\n.sw-mockup-btn { height: 18px; border-radius: 4px; background: rgba(76,183,49,0.3); width: 30%; }\n.sw-mockup-row { display: flex; gap: 6px; }\n.sw-mockup-block { flex: 1; height: 28px; border-radius: 6px; background: #1a1a2a; border: 1px solid #242436; }\n.sw-mockup-section-title { height: 8px; border-radius: 3px; background: rgba(76,183,49,0.2); width: 40%; margin-bottom: 12px; }\n.sw-mockup-cards { display: flex; gap: 6px; margin-bottom: 6px; }\n.sw-mockup-card { flex: 1; height: 34px; border-radius: 6px; background: #1a1a2a; border: 1px solid #242436; }\n.sw-mockup-about { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; }\n.sw-mockup-avatar { width: 32px; height: 32px; border-radius: 50%; background: #1e1e30; flex-shrink: 0; border: 1px solid #2a2a40; }\n.sw-mockup-about-text { flex: 1; padding-top: 2px; display: flex; flex-direction: column; gap: 5px; }\n.sw-mockup-line { height: 6px; border-radius: 3px; background: #1e1e30; margin-bottom: 5px; }\n.sw-mockup-line-full { width: 100%; }\n.sw-mockup-line-mid { width: 70%; }\n.sw-mockup-line-short { width: 45%; }\n.sw-mockup-form { display: flex; flex-direction: column; gap: 6px; }\n.sw-mockup-field { height: 16px; border-radius: 4px; background: #12121e; border: 1px solid #242436; }\n.sw-mockup-field-tall { height: 32px; }\n.sw-mockup-submit { height: 18px; border-radius: 4px; background: rgba(76,183,49,0.3); width: 35%; margin-top: 2px; }\n.sw-page-info { padding: 16px 20px 20px; }\n.sw-page-num { font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); display: block; margin-bottom: 6px; }\n.sw-page-title { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 6px; }\n.sw-page-desc { font-size: 13px; color: var(--gray); line-height: 1.65; }\n\n.sw-process { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin: 28px 0 40px; position: relative; }\n.sw-process::before { content: ''; position: absolute; top: 19px; left: 10%; right: 10%; height: 2px; background: linear-gradient(to right, var(--accent), var(--border)); }\n.sw-proc-step { display: flex; flex-direction: column; align-items: center; text-align: center; }\n.sw-proc-dot { width: 38px; height: 38px; border-radius: 50%; border: 2px solid var(--accent); background: var(--bg); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; color: var(--accent); position: relative; z-index: 1; margin-bottom: 12px; }\n.sw-proc-step:first-child .sw-proc-dot { background: var(--accent); color: var(--bg); }\n.sw-proc-title { font-size: 12px; font-weight: 700; color: var(--white); margin-bottom: 4px; line-height: 1.3; }\n.sw-proc-sub { font-size: 11px; color: var(--gray); line-height: 1.4; }\n\n.sw-why-grid { display: flex; flex-direction: column; gap: 10px; margin: 28px 0 40px; }\n.sw-why-card { border: 1px solid var(--border); border-radius: 16px; padding: 20px 24px; background: #0e0e1a; display: flex; flex-direction: row; align-items: center; gap: 20px; transition: border-color 0.2s; }\n.sw-why-card:hover { border-color: rgba(76,183,49,0.3); }\n.sw-why-icon { display: flex; align-items: center; justify-content: center; color: var(--accent); flex-shrink: 0; width: 44px; height: 44px; border-radius: 50%; background: rgba(76,183,49,0.12); border: 1px solid rgba(76,183,49,0.2); }\n.sw-why-body { flex: 1; min-width: 0; }\n.sw-why-title { font-size: 14px; font-weight: 700; color: var(--white); line-height: 1.35; margin-bottom: 4px; }\n.sw-why-desc { font-size: 13px; color: var(--gray); line-height: 1.55; }\n.sw-why-bar-wrap { flex-shrink: 0; width: 180px; }\n.sw-why-bar-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }\n.sw-why-bar-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; }\n.sw-why-bar-label.level-crit  { color: var(--accent); }\n.sw-why-bar-label.level-high  { color: var(--blue); }\n.sw-why-bar-label.level-mod   { color: #e0a040; }\n.sw-why-bar-pct { font-size: 10px; font-weight: 700; color: var(--gray-dark); }\n.sw-why-bar-track { height: 4px; border-radius: 2px; background: #1e1e2e; overflow: hidden; }\n.sw-why-bar-fill { height: 100%; border-radius: 2px; animation: barGrow 1s ease-out forwards; }\n.sw-why-bar-fill.level-crit { background: var(--accent); }\n.sw-why-bar-fill.level-high { background: var(--blue); }\n.sw-why-bar-fill.level-mod  { background: #e0a040; }\n@keyframes barGrow { from { width: 0; } }\n\n\/* Inline CTA *\/\n.inline-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid rgba(76,183,49,0.25); border-radius: 14px; padding: 20px 24px; margin: 40px 0; background: rgba(76,183,49,0.04); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); box-shadow: 0 0 24px rgba(76,183,49,0.07), 0 0 6px rgba(76,183,49,0.04); }\n.inline-cta-text { display: flex; flex-direction: column; gap: 4px; }\n.inline-cta-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--accent); }\n.inline-cta-title { font-size: 15px; font-weight: 700; color: var(--white); line-height: 1.35; }\n.inline-cta-btn { flex-shrink: 0; display: inline-block; background: var(--accent); color: #fff !important; font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 700; padding: 11px 22px; border-radius: 8px; text-decoration: none; white-space: nowrap; transition: filter 0.2s; }\n.inline-cta-btn:hover { filter: brightness(1.1); color: #fff !important; }\n\n\/* CTA box *\/\n.cta-box { border: 1px solid var(--border); border-radius: 24px; padding: 64px 56px; background: #0e0e1a; position: relative; overflow: hidden; text-align: center; margin-top: 64px; }\n.cta-box::before { content: ''; position: absolute; top: -80px; left: 50%; transform: translateX(-50%); width: 500px; height: 300px; background: radial-gradient(ellipse, rgba(76,183,49,0.14) 0%, transparent 70%); pointer-events: none; }\n.cta-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.13em; color: var(--accent); margin-bottom: 20px; display: block; position: relative; }\n.cta-box .cta-title { font-size: clamp(22px, 3vw, 32px); font-weight: 800; color: var(--white); line-height: 1.2; margin-bottom: 14px; position: relative; font-family: var(--font); padding: 0 !important; }\n.cta-box .cta-sub { font-size: 15px; color: var(--gray-light); line-height: 1.7; max-width: 520px; margin: 0 auto 32px; position: relative; padding: 0 !important; }\n.cta-btn { display: inline-block; background: var(--accent); color: #fff; font-family: var(--font); font-size: 15px; font-weight: 700; padding: 14px 36px; border-radius: 8px; text-decoration: none; position: relative; margin-bottom: 32px; transition: filter 0.2s; }\n.cta-btn:hover { filter: brightness(1.1); color: #fff; }\n.cta-meta { display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; position: relative; }\n.cta-meta-item { display: flex; align-items: center; gap: 7px; font-size: 13px; color: var(--gray); font-family: var(--font); }\n.cta-meta-item .icon-meta { display: flex; color: var(--gray); }\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .sw-wrap { padding: 40px 0 80px; }\n  .sw-eyebrow, .sw-title, .sw-intro, .sw-wrap h2, .sw-wrap h3, .sw-wrap p { padding: 0 20px; }\n  .sw-intro { margin-left: 0; margin-right: 0; }\n  .key-numbers { grid-template-columns: 1fr; margin: 20px 20px 36px; }\n  .callout { border-radius: 0; border-right: none; border-top: none; border-bottom: none; margin: 20px 0; padding: 16px 20px; }\n  .sw-img { border-radius: 0; border-left: none; border-right: none; margin: 28px 0; }\n  .sw-feature-grid { grid-template-columns: 1fr; margin: 20px 20px 32px; }\n  .sw-why-grid { margin: 20px 20px 32px; }\n  .sw-why-card { flex-direction: column; align-items: flex-start; gap: 12px; padding: 18px 20px; }\n  .sw-why-card .sw-why-title, .sw-why-card .sw-why-desc { padding: 0 !important; }\n  .sw-why-bar-wrap { width: 100%; }\n  .sw-vs-grid { grid-template-columns: 1fr; margin: 16px 20px 28px; }\n  .sw-compare-toggle { margin: 24px 20px 0; }\n  .sw-compare-panels { padding: 0 20px; }\n  .table-wrap { border-radius: 0; border-left: none; border-right: none; }\n  .sw-wrap table, .sw-wrap tbody { display: block; }\n  .sw-wrap thead { display: none; }\n  .sw-wrap tbody { display: flex; flex-direction: column; gap: 0; }\n  .sw-wrap tbody tr { display: block; padding: 14px 20px; border-bottom: 1px solid var(--border); }\n  .sw-wrap tbody tr:last-child { border-bottom: none; }\n  .sw-wrap tbody td { display: block; padding: 0; border: none; font-size: 14px; line-height: 1.5; }\n  .sw-wrap tbody td::before { content: attr(data-label); display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gray); margin-top: 10px; margin-bottom: 3px; }\n  .sw-wrap tbody td:first-child::before { margin-top: 0; }\n  .sw-pages-grid { grid-template-columns: 1fr; margin: 20px 20px 32px; }\n  .sw-page-info { padding: 14px 16px 18px; }\n  .sw-page-info .sw-page-title, .sw-page-info .sw-page-desc { padding: 0 !important; }\n  .sw-process { grid-template-columns: 1fr; margin: 0 20px 32px; }\n  .sw-process::before { display: none; }\n  .sw-proc-step { flex-direction: row; align-items: flex-start; text-align: left; gap: 14px; margin-bottom: 16px; }\n  .sw-proc-dot { flex-shrink: 0; margin-bottom: 0; }\n  .cta-box { padding: 40px 24px; border-radius: 0; border-left: none; border-right: none; margin-top: 48px; }\n  .cta-btn { display: block; text-align: center; }\n  .cta-meta { gap: 14px; }\n  .inline-cta { flex-direction: column; align-items: flex-start; gap: 14px; }\n  .inline-cta-btn { width: 100%; text-align: center; }\n}\n@media (max-width: 500px) {\n  .sw-title { font-size: 26px; }\n  .sw-wrap h2 { font-size: 18px; }\n  .kn-value { font-size: 22px; }\n}\n<\/style>\n\n<article class=\"sw-wrap\">\n\n  <p class=\"sw-eyebrow\">Web Design &middot; Guide pratique<\/p>\n  <h1 class=\"sw-title\">Qu&rsquo;est-ce qu&rsquo;un site vitrine&nbsp;?<\/h1>\n  <p class=\"sw-intro\">Un site vitrine est la pr&eacute;sence digitale de r&eacute;f&eacute;rence pour les entreprises qui veulent &ecirc;tre trouv&eacute;es, comprises et contact&eacute;es en ligne. D&eacute;finition, fonctions, contenu et co&ucirc;t. L&rsquo;essentiel avant de lancer un projet.<\/p>\n\n  <h2>\n    <span class=\"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\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"><\/rect><path d=\"M8 21h8\"><\/path><path d=\"M12 17v4\"><\/path><\/svg><\/span>\n    D&eacute;finition\n  <\/h2>\n  <p>Un <strong>site vitrine<\/strong> est un site web con&ccedil;u pour pr&eacute;senter une entreprise, ses services et son positionnement, sans fonctionnalit&eacute; de vente ou de transaction en ligne. Son r&ocirc;le est d&rsquo;informer, de rassurer et de d&eacute;clencher une prise de contact.<\/p>\n  <p>C&rsquo;est le format de site le plus courant pour les prestataires de services, les &eacute;diteurs de logiciels, les cabinets et les PME B2B. Il s&rsquo;adresse &agrave; vos prospects, partenaires et investisseurs. Pas &agrave; un acheteur en train de cliquer sur &ldquo;ajouter au panier&rdquo;.<\/p>\n\n  <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2022\/12\/landing-page-examples.webp\" alt=\"Exemple de site vitrine, web design moderne\" class=\"sw-img\" loading=\"eager\" title=\"\">\n\n  <div class=\"key-numbers\">\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>73<\/span>&nbsp;%<\/div>\n      <div class=\"kn-label\">des PME fran&ccedil;aises ont un site web<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>5<\/span>&nbsp;sec<\/div>\n      <div class=\"kn-label\">pour convaincre un visiteur de rester sur la page<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>3<\/span>&nbsp;fois<\/div>\n      <div class=\"kn-label\">plus de contacts pour les entreprises avec un site optimis&eacute;<\/div>\n    <\/div>\n  <\/div>\n\n  <h2>\n    <span class=\"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\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg><\/span>\n    &Agrave; quoi sert un site vitrine&nbsp;?\n  <\/h2>\n  <p>Un site vitrine remplit plusieurs fonctions concr&egrave;tes pour votre activit&eacute;.<\/p>\n\n  <div class=\"sw-feature-grid\">\n    <div class=\"sw-feat-card\">\n      <span class=\"sw-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=\"sw-feat-title\">&Ecirc;tre trouv&eacute; sur Google<\/div>\n      <div class=\"sw-feat-desc\">Un site structur&eacute; et optimis&eacute; capte du trafic organique sur les requ&ecirc;tes li&eacute;es &agrave; votre activit&eacute;, votre secteur ou votre zone g&eacute;ographique, sans d&eacute;penser en publicit&eacute;.<\/div>\n    <\/div>\n    <div class=\"sw-feat-card\">\n      <span class=\"sw-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=\"m11 17 2 2a1 1 0 1 0 3-3\"><\/path><path d=\"m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4\"><\/path><path d=\"m21 3 1 11h-1\"><\/path><path d=\"M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3\"><\/path><path d=\"M3 4h8\"><\/path><\/svg><\/span>\n      <div class=\"sw-feat-title\">Asseoir votre cr&eacute;dibilit&eacute;<\/div>\n      <div class=\"sw-feat-desc\">Avant tout rendez-vous ou signature, un prospect v&eacute;rifie votre pr&eacute;sence en ligne. Un site professionnel ferme la porte aux doutes et valide la d&eacute;cision de vous contacter.<\/div>\n    <\/div>\n    <div class=\"sw-feat-card\">\n      <span class=\"sw-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=\"m22 2-7 20-4-9-9-4Z\"><\/path><path d=\"M22 2 11 13\"><\/path><\/svg><\/span>\n      <div class=\"sw-feat-title\">G&eacute;n&eacute;rer des contacts qualifi&eacute;s<\/div>\n      <div class=\"sw-feat-desc\">Formulaire, prise de rendez-vous, num&eacute;ro direct : le site convertit les visiteurs en prospects sans interm&eacute;diaire, 24h\/24.<\/div>\n    <\/div>\n    <div class=\"sw-feat-card\">\n      <span class=\"sw-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=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.29 7 12 12 20.71 7\"><\/polyline><line x1=\"12\" x2=\"12\" y1=\"22\" y2=\"12\"><\/line><\/svg><\/span>\n      <div class=\"sw-feat-title\">Pr&eacute;senter votre offre en d&eacute;tail<\/div>\n      <div class=\"sw-feat-desc\">Produits, services, fonctionnalit&eacute;s, cas d&rsquo;usage : le site est l&rsquo;endroit o&ugrave; vous expliquez ce que vous faites avec le niveau de d&eacute;tail qu&rsquo;un commercial ne peut pas toujours transmettre seul.<\/div>\n    <\/div>\n    <div class=\"sw-feat-card\">\n      <span class=\"sw-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.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z\"><\/path><circle cx=\"7.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"><\/circle><\/svg><\/span>\n      <div class=\"sw-feat-title\">Affirmer votre diff&eacute;rence<\/div>\n      <div class=\"sw-feat-desc\">Votre march&eacute; est concurrentiel. Le site est le premier endroit o&ugrave; un prospect comprend pourquoi vous, plut&ocirc;t qu&rsquo;un autre. Par le design, le discours et les preuves que vous choisissez de mettre en avant.<\/div>\n    <\/div>\n    <div class=\"sw-feat-card\">\n      <span class=\"sw-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\"><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"10\"><\/line><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"4\"><\/line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"14\"><\/line><\/svg><\/span>\n      <div class=\"sw-feat-title\">Appuyer le cycle de vente<\/div>\n      <div class=\"sw-feat-desc\">Lien partag&eacute; apr&egrave;s un premier &eacute;change, support envoy&eacute; avant une d&eacute;mo, validation d&rsquo;une offre : le site travaille entre chaque interaction commerciale.<\/div>\n    <\/div>\n  <\/div>\n\n  <h2>\n    <span class=\"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\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 16v-4\"><\/path><path d=\"M12 8h.01\"><\/path><\/svg><\/span>\n    Pourquoi vous en avez besoin\n  <\/h2>\n  <p>Un site vitrine n&rsquo;est pas une option de communication. C&rsquo;est un point de passage oblig\u00e9 dans le parcours d&rsquo;achat B2B &mdash; avant le premier appel, avant la d&eacute;mo, avant la signature.<\/p>\n\n  <div class=\"sw-why-grid\">\n    <div class=\"sw-why-card\">\n      <span class=\"sw-why-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M22 21v-2a4 4 0 0 1-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/span>\n      <div class=\"sw-why-body\"><div class=\"sw-why-title\">Vos concurrents sont d&eacute;j&agrave; en ligne<\/div>\n      <div class=\"sw-why-desc\">Sans site, vous n&rsquo;existez pas dans la phase de comparaison. Le prospect choisit parmi ceux qu&rsquo;il a pu &eacute;valuer.<\/div><\/div>\n      <div class=\"sw-why-bar-wrap\">\n        <div class=\"sw-why-bar-head\"><span class=\"sw-why-bar-label level-crit\">Critique<\/span><span class=\"sw-why-bar-pct\">95%<\/span><\/div>\n        <div class=\"sw-why-bar-track\"><div class=\"sw-why-bar-fill level-crit\" style=\"width:95%\"><\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"sw-why-card\">\n      <span class=\"sw-why-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"><\/path><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><\/svg><\/span>\n      <div class=\"sw-why-body\"><div class=\"sw-why-title\">Votre prospect vous cherche avant d&rsquo;appeler<\/div>\n      <div class=\"sw-why-desc\">La majorit&eacute; des acheteurs B2B font des recherches en ligne avant tout premier contact. Ce qu&rsquo;ils trouvent d&eacute;termine s&rsquo;ils appellent.<\/div><\/div>\n      <div class=\"sw-why-bar-wrap\">\n        <div class=\"sw-why-bar-head\"><span class=\"sw-why-bar-label level-crit\">Critique<\/span><span class=\"sw-why-bar-pct\">90%<\/span><\/div>\n        <div class=\"sw-why-bar-track\"><div class=\"sw-why-bar-fill level-crit\" style=\"width:90%\"><\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"sw-why-card\">\n      <span class=\"sw-why-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg><\/span>\n      <div class=\"sw-why-body\"><div class=\"sw-why-title\">Votre site travaille quand vous ne travaillez pas<\/div>\n      <div class=\"sw-why-desc\">Un site r&eacute;pond aux questions, pr&eacute;sente l&rsquo;offre et capture des contacts 24h\/24, y compris hors heures ouvr&eacute;es.<\/div><\/div>\n      <div class=\"sw-why-bar-wrap\">\n        <div class=\"sw-why-bar-head\"><span class=\"sw-why-bar-label level-high\">&Eacute;lev&eacute;<\/span><span class=\"sw-why-bar-pct\">82%<\/span><\/div>\n        <div class=\"sw-why-bar-track\"><div class=\"sw-why-bar-fill level-high\" style=\"width:82%\"><\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"sw-why-card\">\n      <span class=\"sw-why-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" 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><path d=\"m9 12 2 2 4-4\"><\/path><\/svg><\/span>\n      <div class=\"sw-why-body\"><div class=\"sw-why-title\">La cr&eacute;dibilit&eacute; se joue en quelques secondes<\/div>\n      <div class=\"sw-why-desc\">Un site soign&eacute; valide instantan&eacute;ment votre s&eacute;rieux. Un site dat&eacute; ou absent g&eacute;n&egrave;re un doute qui ne se rattrape pas facilement.<\/div><\/div>\n      <div class=\"sw-why-bar-wrap\">\n        <div class=\"sw-why-bar-head\"><span class=\"sw-why-bar-label level-high\">&Eacute;lev&eacute;<\/span><span class=\"sw-why-bar-pct\">78%<\/span><\/div>\n        <div class=\"sw-why-bar-track\"><div class=\"sw-why-bar-fill level-high\" style=\"width:78%\"><\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"sw-why-card\">\n      <span class=\"sw-why-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 17 13.5 8.5 8.5 13.5 2 7\"><\/polyline><polyline points=\"16 17 22 17 22 11\"><\/polyline><\/svg><\/span>\n      <div class=\"sw-why-body\"><div class=\"sw-why-title\">Vous perdez des leads sans le savoir<\/div>\n      <div class=\"sw-why-desc\">Les prospects qui ne trouvent pas ce qu&rsquo;ils cherchent ne le signalent pas. Ils passent simplement &agrave; la concurrence.<\/div><\/div>\n      <div class=\"sw-why-bar-wrap\">\n        <div class=\"sw-why-bar-head\"><span class=\"sw-why-bar-label level-mod\">Important<\/span><span class=\"sw-why-bar-pct\">68%<\/span><\/div>\n        <div class=\"sw-why-bar-track\"><div class=\"sw-why-bar-fill level-mod\" style=\"width:68%\"><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2022\/12\/saas-landing-page.webp\" alt=\"Design de site vitrine SaaS, web design moderne\" class=\"sw-img\" loading=\"lazy\" title=\"\">\n\n  <h2>\n    <span class=\"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=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"><\/path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"><\/path><path d=\"M10 9H8\"><\/path><path d=\"M16 13H8\"><\/path><path d=\"M16 17H8\"><\/path><\/svg><\/span>\n    Ce que contient un site vitrine\n  <\/h2>\n  <p>Un site vitrine efficace repose sur quatre pages fondamentales. D&rsquo;autres sections viennent s&rsquo;y ajouter selon l&rsquo;activit&eacute; : blog, t&eacute;moignages, portfolio, mentions l&eacute;gales.<\/p>\n\n  <div class=\"sw-pages-grid\">\n    <div class=\"sw-page-card\">\n      <div class=\"sw-page-mockup\">\n        <div class=\"sw-mockup-bar\"><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-url\">altaydagistan.com\/<\/span><\/div>\n        <div class=\"sw-mockup-body\">\n          <div class=\"sw-mockup-hero\"><div class=\"sw-mockup-h1\"><\/div><div class=\"sw-mockup-h2\"><\/div><div class=\"sw-mockup-btn\"><\/div><\/div>\n          <div class=\"sw-mockup-row\"><div class=\"sw-mockup-block\"><\/div><div class=\"sw-mockup-block\"><\/div><div class=\"sw-mockup-block\"><\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sw-page-info\"><span class=\"sw-page-num\">01<\/span><div class=\"sw-page-title\">Page d&rsquo;accueil<\/div><div class=\"sw-page-desc\">Accroche, proposition de valeur, appel &agrave; l&rsquo;action principal. C&rsquo;est la page la plus vue. Elle doit convaincre en quelques secondes.<\/div><\/div>\n    <\/div>\n    <div class=\"sw-page-card\">\n      <div class=\"sw-page-mockup\">\n        <div class=\"sw-mockup-bar\"><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-url\">altaydagistan.com\/services<\/span><\/div>\n        <div class=\"sw-mockup-body\">\n          <div class=\"sw-mockup-section-title\"><\/div>\n          <div class=\"sw-mockup-cards\"><div class=\"sw-mockup-card\"><\/div><div class=\"sw-mockup-card\"><\/div><\/div>\n          <div class=\"sw-mockup-cards\"><div class=\"sw-mockup-card\"><\/div><div class=\"sw-mockup-card\"><\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sw-page-info\"><span class=\"sw-page-num\">02<\/span><div class=\"sw-page-title\">Page services<\/div><div class=\"sw-page-desc\">D&eacute;tail des prestations, cibles, b&eacute;n&eacute;fices. La page que les prospects consultent juste avant de vous contacter.<\/div><\/div>\n    <\/div>\n    <div class=\"sw-page-card\">\n      <div class=\"sw-page-mockup\">\n        <div class=\"sw-mockup-bar\"><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-url\">altaydagistan.com\/a-propos<\/span><\/div>\n        <div class=\"sw-mockup-body\">\n          <div class=\"sw-mockup-about\"><div class=\"sw-mockup-avatar\"><\/div><div class=\"sw-mockup-about-text\"><div class=\"sw-mockup-line sw-mockup-line-full\"><\/div><div class=\"sw-mockup-line sw-mockup-line-full\"><\/div><div class=\"sw-mockup-line sw-mockup-line-short\"><\/div><\/div><\/div>\n          <div class=\"sw-mockup-line sw-mockup-line-full\" style=\"margin-top:10px;\"><\/div><div class=\"sw-mockup-line sw-mockup-line-full\"><\/div><div class=\"sw-mockup-line sw-mockup-line-mid\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sw-page-info\"><span class=\"sw-page-num\">03<\/span><div class=\"sw-page-title\">Page &Agrave; propos<\/div><div class=\"sw-page-desc\">Identit&eacute; de l&rsquo;entreprise, &eacute;quipe, valeurs, histoire. Elle humanise la relation avant m&ecirc;me le premier contact.<\/div><\/div>\n    <\/div>\n    <div class=\"sw-page-card\">\n      <div class=\"sw-page-mockup\">\n        <div class=\"sw-mockup-bar\"><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-dot\"><\/span><span class=\"sw-mockup-url\">altaydagistan.com\/contact<\/span><\/div>\n        <div class=\"sw-mockup-body\">\n          <div class=\"sw-mockup-section-title\" style=\"width:50%;\"><\/div>\n          <div class=\"sw-mockup-form\"><div class=\"sw-mockup-field\"><\/div><div class=\"sw-mockup-field\"><\/div><div class=\"sw-mockup-field sw-mockup-field-tall\"><\/div><div class=\"sw-mockup-submit\"><\/div><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sw-page-info\"><span class=\"sw-page-num\">04<\/span><div class=\"sw-page-title\">Page contact<\/div><div class=\"sw-page-desc\">Formulaire, coordonn&eacute;es, prise de rendez-vous. Le point de conversion final. Sa clart&eacute; conditionne le taux de prise de contact.<\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <h2>\n    <span class=\"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\"><rect width=\"20\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\"><\/rect><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><path d=\"M6 12h.01M18 12h.01\"><\/path><\/svg><\/span>\n    Combien co&ucirc;te un site vitrine&nbsp;?\n  <\/h2>\n  <p>Les tarifs varient selon le type de prestataire, le nombre de pages, et les fonctionnalit&eacute;s int&eacute;gr&eacute;es. Voici les fourchettes observ&eacute;es en France pour un site vitrine professionnel.<\/p>\n\n  <div class=\"table-wrap\">\n    <table>\n      <thead>\n        <tr><th>Type de prestation<\/th><th>Tarif HT<\/th><th>Pour qui<\/th><th>D&eacute;lai<\/th><\/tr>\n      <\/thead>\n      <tbody>\n        <tr><td class=\"td-name\" data-label=\"Type\">Template premium (DIY)<\/td><td class=\"td-gray\" data-label=\"Tarif HT\">100 &ndash; 500&nbsp;&euro;<\/td><td data-label=\"Pour qui\">Tr&egrave;s petits budgets, auto-entrepreneurs<\/td><td class=\"td-gray\" data-label=\"D&eacute;lai\">Variable<\/td><\/tr>\n        <tr><td class=\"td-name\" data-label=\"Type\">Freelance web designer<\/td><td class=\"td-green\" data-label=\"Tarif HT\">1 500 &ndash; 6 000&nbsp;&euro;<\/td><td data-label=\"Pour qui\">PME, startups, prestataires de services<\/td><td data-label=\"D&eacute;lai\">3 &ndash; 6 semaines<\/td><\/tr>\n        <tr><td class=\"td-name\" data-label=\"Type\">Agence web<\/td><td data-label=\"Tarif HT\">5 000 &ndash; 20 000&nbsp;&euro;+<\/td><td data-label=\"Pour qui\">Grands comptes, projets multi-march&eacute;s<\/td><td class=\"td-gray\" data-label=\"D&eacute;lai\">2 &ndash; 5 mois<\/td><\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <div class=\"callout callout-amber\">\n    <span class=\"callout-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"><\/path><path d=\"M12 9v4\"><\/path><path d=\"M12 17h.01\"><\/path><\/svg><\/span>\n    <div class=\"callout-text\"><strong>Ce qui fait varier le tarif :<\/strong> nombre de pages, int&eacute;gration d&rsquo;un blog, cr&eacute;ation des contenus texte et visuels, optimisation SEO initiale, h&eacute;bergement, maintenance incluse ou non.<\/div>\n  <\/div>\n\n  <!-- INLINE CTA -->\n  <div class=\"inline-cta\">\n    <div class=\"inline-cta-text\">\n      <span class=\"inline-cta-label\">Cr&eacute;ation site vitrine &middot; Paris<\/span>\n      <span class=\"inline-cta-title\">Vous cherchez un web designer pour cr&eacute;er votre site vitrine&nbsp;? Devis sous&nbsp;24&nbsp;h.<\/span>\n    <\/div>\n    <a href=\"\/creation-site-vitrine\/\" class=\"inline-cta-btn\">Voir la&nbsp;prestation<\/a>\n  <\/div>\n\n  <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2022\/12\/997801d3ada20658f82_take_result.webp\" alt=\"R&eacute;sultat web design site vitrine, conception graphique\" class=\"sw-img\" loading=\"lazy\" title=\"\">\n\n  <h2>\n    <span class=\"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=\"M21.3 8.7 8.7 21.3c-1 1-2.5 1-3.4 0l-2.6-2.6c-1-1-1-2.5 0-3.4L15.3 2.7c1-1 2.5-1 3.4 0l2.6 2.6c1 1 1 2.5 0 3.4Z\"><\/path><path d=\"m7.5 10.5 2 2\"><\/path><path d=\"m10.5 7.5 2 2\"><\/path><path d=\"m13.5 4.5 2 2\"><\/path><path d=\"m4.5 13.5 2 2\"><\/path><\/svg><\/span>\n    Site vitrine vs landing page\n  <\/h2>\n  <p>Les deux sont souvent confondus. La diff&eacute;rence est structurelle : une <strong>landing page<\/strong> est une page unique avec un seul objectif de conversion (inscription, t&eacute;l&eacute;chargement, devis). Un <strong>site vitrine<\/strong> est un ensemble de pages qui couvre l&rsquo;ensemble de la communication de l&rsquo;entreprise.<\/p>\n\n  <div class=\"sw-vs-grid\">\n    <div class=\"sw-vs-card\">\n      <span class=\"sw-vs-badge sw-vs-badge-green\">Site vitrine<\/span>\n      <div class=\"sw-vs-title\">Communication globale<\/div>\n      <ul class=\"sw-vs-list\">\n        <li>Plusieurs pages et sections<\/li>\n        <li>Navigation, menu, footer<\/li>\n        <li>R&eacute;f&eacute;rencement naturel sur plusieurs mots-cl&eacute;s<\/li>\n        <li>Dur&eacute;e de vie longue (2 &agrave; 5 ans)<\/li>\n        <li>Convient aux entreprises &eacute;tablies<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"sw-vs-card sw-vs-right\">\n      <span class=\"sw-vs-badge sw-vs-badge-blue\">Landing page<\/span>\n      <div class=\"sw-vs-title\">Conversion unique<\/div>\n      <ul class=\"sw-vs-list\">\n        <li>Page unique sans navigation<\/li>\n        <li>Un seul appel &agrave; l&rsquo;action<\/li>\n        <li>Optimis&eacute;e pour une campagne ou un produit<\/li>\n        <li>Dur&eacute;e de vie courte (campagne)<\/li>\n        <li>Convient aux lancements, offres, publicit&eacute;<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout callout-green\">\n    <span class=\"callout-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"><\/path><path d=\"M9 18h6\"><\/path><path d=\"M10 22h4\"><\/path><\/svg><\/span>\n    <div class=\"callout-text\"><strong>Les deux sont compl&eacute;mentaires :<\/strong> un site vitrine sert de base permanente, une landing page cible une action sp&eacute;cifique dans le cadre d&rsquo;une campagne. La plupart des entreprises ont besoin des deux &agrave; terme.<\/div>\n  <\/div>\n\n  <div class=\"cta-box\">\n    <span class=\"cta-eyebrow\">Web Design Freelance &middot; Paris<\/span>\n    <p class=\"cta-title\">Vous avez un projet de site vitrine&nbsp;?<\/p>\n    <p class=\"cta-sub\">Je con&ccedil;ois des sites vitrines sur-mesure pour les entreprises B2B : design, int&eacute;gration WordPress, optimisation SEO.<\/p>\n    <a href=\"\/demande-de-devis\/\" class=\"cta-btn\">Demander un devis<\/a>\n    <div class=\"cta-meta\">\n      <div class=\"cta-meta-item\"><span class=\"icon-meta\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg><\/span><span>R&eacute;ponse sous&nbsp;24&nbsp;h<\/span><\/div>\n      <div class=\"cta-meta-item\"><span class=\"icon-meta\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path><\/svg><\/span><span>contact@altaydagistan.com<\/span><\/div>\n    <\/div>\n  <\/div>\n\n<\/article>\n\n<script>\nfunction swToggle(id) {\n  var panels = document.querySelectorAll('.sw-compare-panel');\n  for (var i = 0; i < panels.length; i++) { panels[i].classList.remove('active'); }\n  var btns = document.querySelectorAll('.sw-toggle-btn');\n  for (var j = 0; j < btns.length; j++) {\n    btns[j].classList.remove('active');\n    if (btns[j].getAttribute('onclick') === \"swToggle('\" + id + \"')\") { btns[j].classList.add('active'); }\n  }\n  var target = document.getElementById('swp-' + id);\n  if (target) { target.classList.add('active'); }\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Web Design &middot; Guide pratique Qu&rsquo;est-ce qu&rsquo;un site vitrine&nbsp;? Un site vitrine est la pr&eacute;sence digitale de r&eacute;f&eacute;rence pour les entreprises qui veulent &ecirc;tre trouv&eacute;es, comprises et contact&eacute;es en ligne. D&eacute;finition, fonctions, contenu et co&ucirc;t. L&rsquo;essentiel avant de lancer un projet. D&eacute;finition Un site vitrine est un site web con&ccedil;u pour pr&eacute;senter une entreprise, ses [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18922,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[155],"tags":[],"class_list":["post-8830","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-graphisme"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts\/8830","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/types\/post"}],"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=8830"}],"version-history":[{"count":23,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts\/8830\/revisions"}],"predecessor-version":[{"id":19171,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts\/8830\/revisions\/19171"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/media\/18922"}],"wp:attachment":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/media?parent=8830"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/categories?post=8830"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/tags?post=8830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}