{"id":18959,"date":"2026-05-23T22:56:54","date_gmt":"2026-05-23T21:56:54","guid":{"rendered":"https:\/\/altaydagistan.com\/?p=18959"},"modified":"2026-05-24T05:52:08","modified_gmt":"2026-05-24T04:52:08","slug":"site-vitrini-olusturma-butcesi","status":"publish","type":"post","link":"https:\/\/altaydagistan.com\/tr\/site-vitrini-olusturma-butcesi\/","title":{"rendered":"Web sitesi tasar\u0131m\u0131: a\u015famalara g\u00f6re b\u00fct\u00e7e ve planlama"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.css\">\n<style>\n:root {\n  --bg: #0A0A12; --white: #FFFFFF; --gray-light: #B9B9B9; --gray: #8E8E8E;\n  --gray-dark: #434343; --accent: #4CB731; --blue: #287CCA; --red: #CD3434; --border: #434343;\n}\n* { box-sizing: border-box; margin: 0; padding: 0; }\n.article-wrap { max-width: 1000px; margin: 0 auto; padding: 60px 40px 100px; font-family: 'Manrope', sans-serif; color: var(--white); background: var(--bg); }\n.article-wrap h1, .article-wrap h2, .article-wrap h3 { font-family: 'Space Grotesk', sans-serif; }\n.article-wrap img { pointer-events: none; }\n.article-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gray); margin-bottom: 16px; }\n.article-title { font-size: clamp(28px, 4vw, 42px); font-weight: 800; line-height: 1.2; color: var(--white); margin-bottom: 16px; }\n.article-intro { font-size: 18px; color: var(--gray-light); line-height: 1.7; border-left: 3px solid var(--blue); padding-left: 20px; margin-bottom: 48px; }\n.article-wrap h2 { font-size: 22px; font-weight: 800; color: var(--white); margin: 52px 0 18px; display: flex; align-items: center; gap: 10px; }\n.article-wrap h2 .icon { display: inline-flex; align-items: center; flex-shrink: 0; color: var(--accent); }\n.article-wrap p { font-size: 16px; color: var(--gray-light); margin-bottom: 16px; line-height: 1.75; }\n.article-wrap strong { color: var(--white); font-weight: 700; }\n.article-wrap hr { border: none; border-top: 1px solid var(--border); margin: 48px 0; }\n\n\/* Key numbers *\/\n.key-numbers { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 32px 0 52px; }\n.kn-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px 20px; text-align: center; background: #0d0d18; }\n.kn-value { font-size: 28px; font-weight: 800; color: var(--white); margin-bottom: 6px; line-height: 1; }\n.kn-value span { color: var(--accent); }\n.kn-label { font-size: 12px; color: var(--gray); font-weight: 500; line-height: 1.5; }\n\n\/* Images *\/\n.article-img-wrap { margin: 40px 0; }\n.article-img-wrap img { width: 100%; height: auto; border-radius: 16px; border: 1px solid var(--border); display: block; }\n.article-img-caption { font-size: 12px; color: var(--gray); margin-top: 10px; font-style: italic; padding-left: 4px; }\n\n\/* Callouts *\/\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; }\n.callout-text strong { color: var(--white); }\n\n\/* Table *\/\n.table-wrap { overflow-x: auto; margin: 20px 0 32px; border-radius: 16px; border: 1px solid var(--border); }\n.article-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; }\n.article-wrap thead th { background: #12121e; padding: 13px 18px; text-align: left; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--white); border-bottom: 1px solid var(--border); }\n.article-wrap tbody td { padding: 13px 18px; border-bottom: 1px solid #1a1a28; color: var(--gray-light); vertical-align: top; line-height: 1.5; }\n.article-wrap tbody tr:last-child td { border-bottom: none; }\n.article-wrap tbody tr:hover td { background: #12121e; }\n.article-wrap tbody td.td-name  { font-weight: 700; color: var(--white); }\n.article-wrap tbody td.td-green { color: var(--accent); font-weight: 600; }\n.article-wrap tbody td.td-gray  { color: var(--gray); font-size: 13px; }\n.article-wrap tbody td.td-red   { color: #f09595; font-weight: 600; }\n\n\/* Timeline Gantt *\/\n.timeline-wrap { margin: 28px 0 40px; display: flex; flex-direction: column; gap: 10px; }\n.tl-row { display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 16px; }\n.tl-label { font-size: 13px; font-weight: 700; color: var(--white); text-align: right; }\n.tl-bar-track { position: relative; height: 36px; background: #12121e; border-radius: 8px; overflow: visible; border: 1px solid var(--border); }\n.tl-bar { position: absolute; top: 4px; height: 28px; border-radius: 6px; display: flex; align-items: center; padding: 0 10px; font-size: 11px; font-weight: 700; white-space: nowrap; }\n.tl-bar-brief  { background: rgba(40,124,202,0.5); color: #9dcbf5; }\n.tl-bar-design { background: rgba(76,183,49,0.5); color: #b5e8a0; }\n.tl-bar-dev    { background: rgba(186,117,23,0.5); color: #f5d08a; }\n.tl-bar-test   { background: rgba(205,52,52,0.35); color: #f5a0a0; }\n.tl-bar-launch { background: rgba(76,183,49,0.9); color: #fff; }\n.tl-weeks { display: grid; grid-template-columns: 180px 1fr; margin-bottom: 4px; gap: 16px; }\n.tl-weeks-track { display: flex; }\n.tl-week { flex: 1; font-size: 10px; color: var(--gray); text-align: center; font-weight: 600; }\n\n\/* Budget simulator *\/\n.sim-wrap { border: 1px solid var(--border); border-radius: 20px; background: #0d0d18; padding: 36px 40px; margin: 28px 0 40px; position: relative; overflow: hidden; }\n.sim-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.sim-title { font-size: 17px; font-weight: 800; color: var(--white); margin-bottom: 6px; }\n.sim-sub { font-size: 13px; color: var(--gray); margin-bottom: 24px; }\n.sim-profile-row { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }\n.sim-label { font-size: 12px; font-weight: 700; color: var(--white); text-transform: uppercase; letter-spacing: 0.08em; flex-shrink: 0; }\n.sim-profile-opts { display: flex; gap: 8px; flex-wrap: wrap; }\n.sim-profile-opt { padding: 8px 16px; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--gray); cursor: pointer; background: #10101c; transition: border-color 0.2s, color 0.2s, background 0.2s; }\n.sim-profile-opt:hover { border-color: rgba(76,183,49,0.35); color: var(--gray-light); }\n.sim-profile-opt.active { border-color: var(--accent); color: var(--white); background: rgba(76,183,49,0.08); }\n.sim-deliverables { display: flex; flex-direction: column; gap: 6px; margin-bottom: 24px; }\n.sim-cat-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--accent); margin-top: 14px; margin-bottom: 4px; }\n.sim-del-item { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid var(--border); border-radius: 10px; background: #10101c; cursor: pointer; transition: border-color 0.2s, background 0.2s; }\n.sim-del-item:hover { border-color: rgba(76,183,49,0.3); }\n.sim-del-item.checked { border-color: rgba(76,183,49,0.4); background: rgba(76,183,49,0.05); }\n.sim-del-box { width: 16px; height: 16px; border-radius: 4px; border: 2px solid var(--border); flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; }\n.sim-del-item.checked .sim-del-box { background: var(--accent); border-color: var(--accent); }\n.sim-del-box svg { display: none; }\n.sim-del-item.checked .sim-del-box svg { display: block; }\n.sim-del-label { font-size: 13px; color: var(--white); flex: 1; }\n.sim-del-price { font-size: 12px; font-weight: 700; color: var(--gray); white-space: nowrap; }\n.sim-del-item.checked .sim-del-price { color: var(--accent); }\n.sim-result { border-top: 1px solid var(--border); padding-top: 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.sim-stat { text-align: center; }\n.sim-stat-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; color: var(--gray); margin-bottom: 6px; }\n.sim-stat-value { font-size: 22px; font-weight: 800; color: var(--white); line-height: 1; }\n.sim-stat-value span { color: var(--accent); }\n\n\/* FAQ *\/\n.faq-list { display: flex; flex-direction: column; gap: 8px; margin: 28px 0 40px; }\n.faq-item { border: 1px solid var(--border); border-radius: 12px; background: #0e0e1a; overflow: hidden; transition: border-color 0.2s; }\n.faq-item.faq-open { border-color: rgba(255,255,255,0.14); }\n.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.faq-q { font-size: 15px; font-weight: 700; color: var(--white); line-height: 1.4; }\n.faq-chevron { flex-shrink: 0; width: 18px; height: 18px; color: var(--gray); transition: transform 0.25s; }\n.faq-item.faq-open .faq-chevron { transform: rotate(180deg); color: var(--accent); }\n.faq-body { display: none; padding: 0 24px 18px; }\n.faq-a { font-size: 14px; color: var(--gray-light); line-height: 1.7; margin: 0; }\n\n\/* Sticky *\/\n.art-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); -webkit-backdrop-filter: blur(24px); }\n.art-sticky.art-sticky-visible { transform: translateX(-50%) translateY(0); }\n.art-sticky-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; }\n.art-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.art-sticky-text strong { color: var(--white); }\n.art-sticky-btn { flex-shrink: 0; padding: 10px 20px; font-size: 13px; font-weight: 700; background: var(--accent); color: #fff; border-radius: 8px; text-decoration: none; white-space: nowrap; transition: filter 0.2s; }\n.art-sticky-btn:hover { filter: brightness(1.1); color: #fff; }\n\n\/* CTA *\/\n.cta-box { border: 1px solid var(--gray-dark); border-radius: 24px; padding: 52px 44px; text-align: center; margin-top: 64px; background: #0e0e1a; position: relative; overflow: hidden; }\n.cta-box::before { content: ''; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); width: 500px; height: 260px; background: radial-gradient(ellipse, rgba(76,183,49,0.11) 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: 18px; display: block; position: relative; }\n\/* Force white + larger size \u2014 must beat .article-wrap p specificity *\/\n.article-wrap .cta-title { font-size: clamp(26px, 3.5vw, 34px) !important; font-weight: 800 !important; color: var(--white) !important; margin-bottom: 12px; position: relative; }\n.article-wrap .cta-sub { font-size: 15px; color: var(--gray-light); margin-bottom: 28px; line-height: 1.65; max-width: 480px; margin-left: auto; margin-right: auto; position: relative; }\n.cta-btn { display: inline-block; background: var(--accent); color: #fff; font-size: 15px; font-weight: 700; padding: 14px 32px; border-radius: 8px; text-decoration: none; margin-bottom: 20px; transition: filter 0.2s; position: relative; }\n.cta-btn:hover { filter: brightness(1.1); color: #fff; }\n.article-wrap .cta-meta { font-size: 12px; color: var(--gray); position: relative; }\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .article-wrap { padding: 40px 0 80px; }\n  .article-eyebrow, .article-title, .article-intro, .article-wrap h2, .article-wrap p { padding: 0 20px; }\n  .key-numbers { grid-template-columns: 1fr; margin: 20px 20px 40px; }\n  .article-img-wrap { margin: 28px 20px; }\n  .callout { border-radius: 0; border-right: none; border-top: none; border-bottom: none; margin: 20px 0; padding: 16px 20px; }\n  .table-wrap { border-radius: 0; border-left: none; border-right: none; }\n  .article-wrap thead { display: none; }\n  .article-wrap tbody tr { display: block; padding: 14px 20px; border-bottom: 1px solid var(--border); }\n  .article-wrap tbody td { display: block; padding: 0; border: none; margin-top: 8px; font-size: 14px; }\n  .article-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-bottom: 3px; }\n  .article-wrap tbody td:first-child { margin-top: 0; }\n  .timeline-wrap { margin: 20px 20px 32px; }\n  .tl-row { grid-template-columns: 1fr; gap: 4px; }\n  .tl-label { text-align: left; font-size: 12px; }\n  .tl-weeks { display: none; }\n  .sim-wrap { border-radius: 0; border-left: none; border-right: none; padding: 24px 20px; margin: 20px 0 32px; }\n  .sim-result { grid-template-columns: 1fr; gap: 12px; }\n  .faq-list { margin: 20px 20px 32px; }\n  .cta-box { padding: 36px 24px; border-radius: 0; border-left: none; border-right: none; }\n  .cta-btn { display: block; text-align: center; }\n  .art-sticky { bottom: 12px; border-radius: 12px; }\n  .art-sticky-inner { padding: 12px 16px; }\n  .art-sticky-text { display: none; }\n  .art-sticky-btn { flex: 1; text-align: center; }\n}\n@media (max-width: 500px) {\n  .article-title { font-size: 26px; }\n  .article-wrap h2 { font-size: 18px; }\n  .key-numbers { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"art-sticky\" id=\"artSticky\">\n  <div class=\"art-sticky-inner\">\n    <p class=\"art-sticky-text\"><strong>Site vitrine sur-mesure<\/strong>&nbsp;&middot;&nbsp;Web designer freelance &middot; Paris<\/p>\n    <a href=\"\/demande-de-devis\/\" class=\"art-sticky-btn\">Demander un devis<\/a>\n  <\/div>\n<\/div>\n\n<article class=\"article-wrap\">\n\n  <p class=\"article-eyebrow\">Web Design &middot; Guide d\u00e9cideur<\/p>\n  <h1 class=\"article-title\">Cr\u00e9ation d&rsquo;un site vitrine : planning type et budget r\u00e9el<\/h1>\n  <p class=\"article-intro\">Combien de temps faut-il pour cr\u00e9er un site vitrine professionnel, et quel est le budget r\u00e9el ? Ce guide d\u00e9taille le planning phase par phase, les tarifs selon le profil prestataire, et les facteurs qui font glisser un projet hors d\u00e9lai ou hors budget.<\/p>\n\n\n  <hr>\n\n  <!-- Section 1 : facteurs qui influencent le budget -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\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\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg><\/span>\n    Ce qui d\u00e9termine le prix d&rsquo;un site vitrine\n  <\/h2>\n  <p>Le budget d&rsquo;un site vitrine varie d&rsquo;un facteur 1 \u00e0 10 selon le p\u00e9rim\u00e8tre. Trois variables expliquent la quasi-totalit\u00e9 de cet \u00e9cart.<\/p>\n\n  <div class=\"table-wrap\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <table>\n      <thead>\n        <tr><th>Variable<\/th><th>Impact sur le budget<\/th><th>Ce que cela signifie concr\u00e8tement<\/th><\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td class=\"td-name\" data-label=\"Variable\">Nombre de pages<\/td>\n          <td class=\"td-green\" data-label=\"Impact\">\u00c9lev\u00e9<\/td>\n          <td data-label=\"Concr\u00e8tement\">Chaque page suppl\u00e9mentaire repr\u00e9sente de la conception et de l&rsquo;int\u00e9gration. Un site 3 pages et un site 12 pages n&rsquo;ont rien \u00e0 voir.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Variable\">Personnalisation du design<\/td>\n          <td class=\"td-green\" data-label=\"Impact\">\u00c9lev\u00e9<\/td>\n          <td data-label=\"Concr\u00e8tement\">Un design sur-mesure construit en Figma de z\u00e9ro prend 2 \u00e0 3 fois plus de temps qu&rsquo;un th\u00e8me adapt\u00e9. La diff\u00e9rence se voit imm\u00e9diatement.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Variable\">Contenus fournis<\/td>\n          <td data-label=\"Impact\">Moyen \u00e0 \u00e9lev\u00e9<\/td>\n          <td data-label=\"Concr\u00e8tement\">Si les textes et images sont fournis d\u00e8s le brief, le projet avance sans attente. Si tout est \u00e0 produire, comptez 30 \u00e0 50 % de temps suppl\u00e9mentaire.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Variable\">Fonctionnalit\u00e9s sp\u00e9cifiques<\/td>\n          <td data-label=\"Impact\">Variable<\/td>\n          <td data-label=\"Concr\u00e8tement\">Formulaire avanc\u00e9, multilingue, espace client, connexion CRM. Chaque fonctionnalit\u00e9 hors p\u00e9rim\u00e8tre standard ajoute des jours de d\u00e9veloppement.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Variable\">Nombre de cycles de validation<\/td>\n          <td class=\"td-red\" data-label=\"Impact\">Sous-estim\u00e9<\/td>\n          <td data-label=\"Concr\u00e8tement\">Un client d\u00e9cisif r\u00e9duit le projet de 30 %. Un client qui implique 5 personnes apr\u00e8s livraison des maquettes le rallonge du m\u00eame ordre.<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <div class=\"callout callout-amber\" data-aos=\"fade-up\">\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 d=\"M12 9v4\"\/><path d=\"M12 17h.01\"\/><\/svg><\/span>\n    <div class=\"callout-text\"><strong>R\u00e8gle pratique :<\/strong> le budget d&rsquo;un site vitrine professionnel est principalement du temps de conception et d&rsquo;int\u00e9gration, pas de la licence logicielle. Le co\u00fbt varie selon le nombre de pages, le niveau de personnalisation du design et les fonctionnalit\u00e9s demand\u00e9es.<\/div>\n  <\/div>\n\n  <!-- Section 2 : planning phase par phase -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\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=\"M8 2v4\"\/><path d=\"M16 2v4\"\/><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"\/><path d=\"M3 10h18\"\/><\/svg><\/span>\n    Planning type : de la phase de brief \u00e0 la mise en ligne\n  <\/h2>\n  <p>Un projet de site vitrine de 5 \u00e0 8 pages se d\u00e9roule sur 4 \u00e0 6 semaines selon la r\u00e9activit\u00e9 des \u00e9changes. Voici le s\u00e9quencement standard.<\/p>\n\n  <!-- Gantt visuel -->\n  <div class=\"timeline-wrap\" data-aos=\"fade-up\" data-aos-duration=\"400\">\n    <div class=\"tl-weeks\">\n      <div><\/div>\n      <div class=\"tl-weeks-track\">\n        <div class=\"tl-week\">S1<\/div>\n        <div class=\"tl-week\">S2<\/div>\n        <div class=\"tl-week\">S3<\/div>\n        <div class=\"tl-week\">S4<\/div>\n        <div class=\"tl-week\">S5<\/div>\n        <div class=\"tl-week\">S6<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tl-row\">\n      <div class=\"tl-label\">Brief &#038; audit<\/div>\n      <div class=\"tl-bar-track\">\n        <div class=\"tl-bar tl-bar-brief\" style=\"left:0%;width:16.6%;\">Brief<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tl-row\">\n      <div class=\"tl-label\">Maquettes Figma<\/div>\n      <div class=\"tl-bar-track\">\n        <div class=\"tl-bar tl-bar-design\" style=\"left:16.6%;width:33.3%;\">Design<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tl-row\">\n      <div class=\"tl-label\">Int\u00e9gration WordPress<\/div>\n      <div class=\"tl-bar-track\">\n        <div class=\"tl-bar tl-bar-dev\" style=\"left:33.3%;width:33.3%;\">Int\u00e9gration<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tl-row\">\n      <div class=\"tl-label\">Tests &#038; corrections<\/div>\n      <div class=\"tl-bar-track\">\n        <div class=\"tl-bar tl-bar-test\" style=\"left:66.6%;width:16.6%;\">Tests<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"tl-row\">\n      <div class=\"tl-label\">Mise en ligne<\/div>\n      <div class=\"tl-bar-track\">\n        <div class=\"tl-bar tl-bar-launch\" style=\"left:83.3%;width:16.6%;\">Live<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"table-wrap\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <table>\n      <thead>\n        <tr><th>Phase<\/th><th>Dur\u00e9e indicative<\/th><th>Ce qui se passe<\/th><th>Votre r\u00f4le<\/th><\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td class=\"td-name\" data-label=\"Phase\">Brief et audit<\/td>\n          <td class=\"td-green\" data-label=\"Dur\u00e9e\">2 \u2013 4 jours<\/td>\n          <td data-label=\"Ce qui se passe\">Analyse de l&rsquo;existant, d\u00e9finition de l&rsquo;arborescence, liste des pages, cahier des charges valid\u00e9.<\/td>\n          <td class=\"td-gray\" data-label=\"Votre r\u00f4le\">R\u00e9pondre au questionnaire de brief, fournir les r\u00e9f\u00e9rences et contraintes.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Phase\">Maquettes Figma<\/td>\n          <td class=\"td-green\" data-label=\"Dur\u00e9e\">4 \u2013 8 jours<\/td>\n          <td data-label=\"Ce qui se passe\">Design complet de toutes les pages en desktop et mobile. Validation avant int\u00e9gration.<\/td>\n          <td class=\"td-gray\" data-label=\"Votre r\u00f4le\">Valider le design dans un d\u00e9lai d\u00e9fini. Maximum 2 cycles de retours inclus.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Phase\">Int\u00e9gration WordPress<\/td>\n          <td class=\"td-green\" data-label=\"Dur\u00e9e\">4 \u2013 6 jours<\/td>\n          <td data-label=\"Ce qui se passe\">D\u00e9veloppement du site, int\u00e9gration des contenus fournis, configuration SEO (Rank Math), responsive mobile.<\/td>\n          <td class=\"td-gray\" data-label=\"Votre r\u00f4le\">Fournir les textes d\u00e9finitifs et les images avant le d\u00e9but de cette phase.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Phase\">Tests et corrections<\/td>\n          <td class=\"td-green\" data-label=\"Dur\u00e9e\">1 \u2013 2 jours<\/td>\n          <td data-label=\"Ce qui se passe\">V\u00e9rification sur navigateurs et appareils r\u00e9els, corrections des anomalies, optimisation des images.<\/td>\n          <td class=\"td-gray\" data-label=\"Votre r\u00f4le\">Recette client : signaler les anomalies via un document structur\u00e9.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Phase\">Mise en ligne<\/td>\n          <td class=\"td-green\" data-label=\"Dur\u00e9e\">1 jour<\/td>\n          <td data-label=\"Ce qui se passe\">Migration vers l&rsquo;h\u00e9bergement de production, configuration DNS, SSL, soumission sitemap \u00e0 Google.<\/td>\n          <td class=\"td-gray\" data-label=\"Votre r\u00f4le\">Acc\u00e8s FTP ou cPanel fourni. Validation finale avant ouverture au public.<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <div class=\"article-img-wrap\" data-aos=\"fade-up\" data-aos-duration=\"500\">\n    <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2024\/09\/EthiFinance-Web-Design-01.jpg\" alt=\"Cr\u00e9ation site vitrine EthiFinance \u2014 web designer freelance Paris\" loading=\"lazy\" title=\"\">\n    <p class=\"article-img-caption\">Site vitrine EthiFinance &middot; Design Figma et int\u00e9gration WordPress &middot; &copy; Altay Dagistan<\/p>\n  <\/div>\n\n  <!-- Section 3 : ce qui retarde un projet -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\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\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/span>\n    Ce qui retarde un projet web\n  <\/h2>\n  <p>La majorit\u00e9 des d\u00e9passements de planning ne viennent pas du d\u00e9veloppement. Ils viennent des interfaces entre le client et le prestataire.<\/p>\n\n  <div class=\"table-wrap\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <table>\n      <thead>\n        <tr><th>Cause<\/th><th>Impact moyen<\/th><th>Comment l&rsquo;\u00e9viter<\/th><\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td class=\"td-name\" data-label=\"Cause\">Contenus fournis en retard<\/td>\n          <td class=\"td-red\" data-label=\"Impact\">+1 \u00e0 3 semaines<\/td>\n          <td data-label=\"Comment l'\u00e9viter\">Pr\u00e9parer textes et images avant le lancement du projet. Les contenus doivent \u00eatre pr\u00eats avant la phase d&rsquo;int\u00e9gration.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Cause\">Interlocuteurs multiples non align\u00e9s<\/td>\n          <td class=\"td-red\" data-label=\"Impact\">+1 \u00e0 2 semaines<\/td>\n          <td data-label=\"Comment l'\u00e9viter\">D\u00e9signer un r\u00e9f\u00e9rent unique c\u00f4t\u00e9 client avec pouvoir de d\u00e9cision. Les retours consolid\u00e9s \u00e9vitent les aller-retours contradictoires.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Cause\">Changement de p\u00e9rim\u00e8tre en cours<\/td>\n          <td class=\"td-red\" data-label=\"Impact\">+1 \u00e0 4 semaines<\/td>\n          <td data-label=\"Comment l'\u00e9viter\">Valider l&rsquo;arborescence et les fonctionnalit\u00e9s au brief. Toute nouvelle page ou fonctionnalit\u00e9 ajout\u00e9e ensuite fait l&rsquo;objet d&rsquo;un avenant.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Cause\">Validation des maquettes sans d\u00e9lai fix\u00e9<\/td>\n          <td data-label=\"Impact\">+1 semaine<\/td>\n          <td data-label=\"Comment l'\u00e9viter\">Fixer une date limite de retour sur les maquettes d\u00e8s le d\u00e9but du projet. Sans d\u00e9lai, la phase design peut s&rsquo;\u00e9tirer ind\u00e9finiment.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Cause\">Acc\u00e8s h\u00e9bergement tardif<\/td>\n          <td data-label=\"Impact\">+2 \u00e0 5 jours<\/td>\n          <td data-label=\"Comment l'\u00e9viter\">Pr\u00e9parer les acc\u00e8s FTP, cPanel ou h\u00e9bergeur d\u00e8s le d\u00e9but du projet. La mise en ligne ne peut pas d\u00e9marrer sans eux.<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <!-- Section 4 : simulateur de budget -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\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\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><path d=\"M6 12h.01M18 12h.01\"\/><\/svg><\/span>\n    Estimez le budget de votre site\n  <\/h2>\n  <p>Cochez les \u00e9l\u00e9ments qui correspondent \u00e0 votre projet pour obtenir une estimation indicative.<\/p>\n\n  <div class=\"sim-wrap\" data-aos=\"fade-up\" data-aos-duration=\"400\">\n    <div class=\"sim-title\">Simulateur de budget site vitrine<\/div>\n    <p class=\"sim-sub\">Tarifs indicatifs HT. Hors h\u00e9bergement, nom de domaine et impression.<\/p>\n\n    <div class=\"sim-profile-row\">\n      <span class=\"sim-label\">Profil prestataire<\/span>\n      <div class=\"sim-profile-opts\">\n        <div class=\"sim-profile-opt active\" onclick=\"simSetProfile('freelance', this)\">Freelance sp\u00e9cialis\u00e9<\/div>\n        <div class=\"sim-profile-opt\" onclick=\"simSetProfile('agence_small', this)\">Petite agence<\/div>\n        <div class=\"sim-profile-opt\" onclick=\"simSetProfile('agence_mid', this)\">Agence mid-market<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"sim-deliverables\">\n      <div class=\"sim-cat-label\">Base du projet<\/div>\n\n      <div class=\"sim-del-item checked\" onclick=\"simToggleDel(this)\" data-freelance=\"400\" data-agence_small=\"800\" data-agence_mid=\"1600\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">Brief, audit et cahier des charges<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"400\" data-agence_small=\"800\" data-agence_mid=\"1 600\">400 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sim-del-item checked\" onclick=\"simToggleDel(this)\" data-freelance=\"1600\" data-agence_small=\"3200\" data-agence_mid=\"6000\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">Maquettes Figma desktop + mobile<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"1 600\" data-agence_small=\"3 200\" data-agence_mid=\"6 000\">1 600 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sim-del-item checked\" onclick=\"simToggleDel(this)\" data-freelance=\"1600\" data-agence_small=\"3200\" data-agence_mid=\"6000\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">Int\u00e9gration WordPress (5 \u00e0 8 pages)<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"1 600\" data-agence_small=\"3 200\" data-agence_mid=\"6 000\">1 600 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sim-del-item checked\" onclick=\"simToggleDel(this)\" data-freelance=\"400\" data-agence_small=\"800\" data-agence_mid=\"1600\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">SEO on-page (Rank Math, m\u00e9tadonn\u00e9es, sitemap)<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"400\" data-agence_small=\"800\" data-agence_mid=\"1 600\">400 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sim-del-item checked\" onclick=\"simToggleDel(this)\" data-freelance=\"400\" data-agence_small=\"800\" data-agence_mid=\"1600\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">Tests, corrections et mise en ligne<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"400\" data-agence_small=\"800\" data-agence_mid=\"1 600\">400 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sim-cat-label\">Options courantes<\/div>\n\n      <div class=\"sim-del-item\" onclick=\"simToggleDel(this)\" data-freelance=\"800\" data-agence_small=\"1600\" data-agence_mid=\"3000\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">Pages suppl\u00e9mentaires (par tranche de 3)<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"800\" data-agence_small=\"1 600\" data-agence_mid=\"3 000\">800 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sim-del-item\" onclick=\"simToggleDel(this)\" data-freelance=\"600\" data-agence_small=\"1200\" data-agence_mid=\"2400\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">Blog avec 3 premiers articles<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"600\" data-agence_small=\"1 200\" data-agence_mid=\"2 400\">600 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sim-del-item\" onclick=\"simToggleDel(this)\" data-freelance=\"800\" data-agence_small=\"1600\" data-agence_mid=\"3200\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">Syst\u00e8me multilingue (FR + EN)<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"800\" data-agence_small=\"1 600\" data-agence_mid=\"3 200\">800 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sim-del-item\" onclick=\"simToggleDel(this)\" data-freelance=\"600\" data-agence_small=\"1200\" data-agence_mid=\"2400\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">R\u00e9daction des contenus (par page)<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"600\" data-agence_small=\"1 200\" data-agence_mid=\"2 400\">600 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sim-del-item\" onclick=\"simToggleDel(this)\" data-freelance=\"400\" data-agence_small=\"800\" data-agence_mid=\"1600\">\n        <div class=\"sim-del-box\"><svg 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\"\/><\/svg><\/div>\n        <span class=\"sim-del-label\">Formulaire de devis \/ contact avanc\u00e9<\/span>\n        <span class=\"sim-del-price\" data-freelance=\"400\" data-agence_small=\"800\" data-agence_mid=\"1 600\">400 \u20ac<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"sim-result\">\n      <div class=\"sim-stat\"><div class=\"sim-stat-label\">\u00c9l\u00e9ments s\u00e9lectionn\u00e9s<\/div><div class=\"sim-stat-value\"><span id=\"simCount\">5<\/span><\/div><\/div>\n      <div class=\"sim-stat\"><div class=\"sim-stat-label\">Budget estim\u00e9 HT<\/div><div class=\"sim-stat-value\" id=\"simTotal\"><span>4 400<\/span> \u20ac<\/div><\/div>\n      <div class=\"sim-stat\"><div class=\"sim-stat-label\">Devis pr\u00e9cis<\/div><div class=\"sim-stat-value\" style=\"font-size:14px;color:var(--gray-light);font-weight:600;line-height:1.3;\">Gratuit sous&nbsp;24&nbsp;h<\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout callout-blue\" data-aos=\"fade-up\">\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\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4\"\/><path d=\"M12 8h.01\"\/><\/svg><\/span>\n    <div class=\"callout-text\"><strong>Lecture des fourchettes :<\/strong> les tarifs freelance sont g\u00e9n\u00e9ralement deux \u00e0 quatre fois inf\u00e9rieurs \u00e0 ceux d&rsquo;une agence pour un r\u00e9sultat \u00e9quivalent. Les \u00e9carts refl\u00e8tent les frais de structure, les marges et le nombre d&rsquo;interlocuteurs impliqu\u00e9s.<\/div>\n  <\/div>\n\n  <div class=\"article-img-wrap\" data-aos=\"fade-up\" data-aos-duration=\"500\">\n    <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2025\/03\/cyberacademy-site-04.png\" alt=\"Site web ACG CyberAcademy \u2014 int\u00e9gration WordPress sur-mesure\" loading=\"lazy\" title=\"\">\n    <p class=\"article-img-caption\">Site ACG CyberAcademy &middot; Refonte WordPress sur-mesure &middot; &copy; Altay Dagistan<\/p>\n  <\/div>\n\n  <!-- Section 5 : inclus dans un projet standard -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\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\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\n    Ce qui est inclus dans un projet standard\n  <\/h2>\n  <p>Un site vitrine livr\u00e9 cl\u00e9 en main comprend syst\u00e9matiquement les \u00e9l\u00e9ments suivants, sans facturation suppl\u00e9mentaire.<\/p>\n\n  <div class=\"table-wrap\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <table>\n      <thead>\n        <tr><th>Livrable<\/th><th>D\u00e9tail<\/th><\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td class=\"td-name\" data-label=\"Livrable\">Maquette Figma compl\u00e8te<\/td>\n          <td data-label=\"D\u00e9tail\">Fichier source transmis \u00e0 la livraison. Desktop et mobile, toutes pages.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Livrable\">Responsive mobile et tablette<\/td>\n          <td data-label=\"D\u00e9tail\">Con\u00e7u d\u00e8s la maquette, pas en adaptation apr\u00e8s coup. Chaque breakpoint est trait\u00e9.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Livrable\">SEO on-page configur\u00e9<\/td>\n          <td data-label=\"D\u00e9tail\">Rank Math install\u00e9, H1\/H2 structur\u00e9s, m\u00e9tadescriptions r\u00e9dig\u00e9es, sitemap soumis \u00e0 Google Search Console.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Livrable\">Formulaire de contact<\/td>\n          <td data-label=\"D\u00e9tail\">Formulaire fonctionnel avec notification e-mail. Protection anti-spam.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Livrable\">Mention l\u00e9gale et politique de confidentialit\u00e9<\/td>\n          <td data-label=\"D\u00e9tail\">Pages cr\u00e9\u00e9es avec les mentions obligatoires selon la r\u00e9glementation fran\u00e7aise.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Livrable\">Mise en ligne sur votre h\u00e9bergement<\/td>\n          <td data-label=\"D\u00e9tail\">D\u00e9ploiement, configuration SSL, v\u00e9rification du bon chargement sur les principaux navigateurs.<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Livrable\">Prise en main<\/td>\n          <td data-label=\"D\u00e9tail\">Pr\u00e9sentation de l&rsquo;interface WordPress pour que vous puissiez modifier textes et images en autonomie.<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <!-- Section 6 : ce qui n'est pas inclus -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\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\"\/><path d=\"m15 9-6 6\"\/><path d=\"m9 9 6 6\"\/><\/svg><\/span>\n    Ce qui n&rsquo;est pas inclus par d\u00e9faut\n  <\/h2>\n  <p>Pour \u00e9viter les surprises en cours de projet, voici ce qui sort du p\u00e9rim\u00e8tre standard et se facture en option ou en r\u00e9gie.<\/p>\n\n  <div class=\"table-wrap\" data-aos=\"fade-up\" data-aos-duration=\"300\">\n    <table>\n      <thead>\n        <tr><th>Hors p\u00e9rim\u00e8tre<\/th><th>Option ou r\u00e9gie&nbsp;?<\/th><th>Ordre de grandeur<\/th><\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td class=\"td-name\" data-label=\"Hors p\u00e9rim\u00e8tre\">H\u00e9bergement et nom de domaine<\/td>\n          <td data-label=\"Type\">Votre charge directe<\/td>\n          <td class=\"td-gray\" data-label=\"Ordre de grandeur\">5 \u00e0 20 \u20ac \/ mois selon h\u00e9bergeur<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Hors p\u00e9rim\u00e8tre\">R\u00e9daction des textes<\/td>\n          <td data-label=\"Type\">Option factur\u00e9e<\/td>\n          <td class=\"td-gray\" data-label=\"Ordre de grandeur\">600 \u20ac par page r\u00e9dig\u00e9e<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Hors p\u00e9rim\u00e8tre\">Photographie professionnelle<\/td>\n          <td data-label=\"Type\">Prestataire externe<\/td>\n          <td class=\"td-gray\" data-label=\"Ordre de grandeur\">500 \u00e0 1 500 \u20ac selon le photographe<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Hors p\u00e9rim\u00e8tre\">Maintenance et mises \u00e0 jour<\/td>\n          <td data-label=\"Type\">Forfait mensuel ou r\u00e9gie<\/td>\n          <td class=\"td-gray\" data-label=\"Ordre de grandeur\">80 \u00e0 200 \u20ac \/ mois<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Hors p\u00e9rim\u00e8tre\">E-commerce (WooCommerce)<\/td>\n          <td data-label=\"Type\">Projet distinct<\/td>\n          <td class=\"td-gray\" data-label=\"Ordre de grandeur\">Sur devis, p\u00e9rim\u00e8tre diff\u00e9rent<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"td-name\" data-label=\"Hors p\u00e9rim\u00e8tre\">Allers-retours suppl\u00e9mentaires<\/td>\n          <td data-label=\"Type\">R\u00e9gie apr\u00e8s le 2e cycle<\/td>\n          <td class=\"td-gray\" data-label=\"Ordre de grandeur\">400 \u20ac \/ jour<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <div class=\"article-img-wrap\" data-aos=\"fade-up\" data-aos-duration=\"500\">\n    <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2021\/07\/website01.jpg\" alt=\"Conception site web \u00e9v\u00e9nementiel B2B \u2014 web designer freelance Paris\" loading=\"lazy\" title=\"\">\n    <p class=\"article-img-caption\">Site web pour organisateur d&rsquo;\u00e9v\u00e9nements professionnels &middot; &copy; Altay Dagistan<\/p>\n  <\/div>\n\n  <!-- Section 7 : FAQ -->\n  <h2 data-aos=\"fade-up\" data-aos-duration=\"300\">\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\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><path d=\"M12 17h.01\"\/><\/svg><\/span>\n    Questions fr\u00e9quentes sur le budget et le planning\n  <\/h2>\n\n  <div class=\"faq-list\" data-aos=\"fade-up\" data-aos-duration=\"400\">\n\n    <div class=\"faq-item faq-open\" id=\"faq0\">\n      <button class=\"faq-trigger\" onclick=\"toggleFaq(0)\">\n        <span class=\"faq-q\">Peut-on faire un site vitrine pour moins de 1 000 \u20ac ?<\/span>\n        <svg class=\"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\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-body\" style=\"display:block;\">\n        <p class=\"faq-a\">Avec un th\u00e8me g\u00e9n\u00e9rique non personnalis\u00e9 et des contenus enti\u00e8rement fournis, oui. La r\u00e9alit\u00e9 des sites professionnels qui convertissent est diff\u00e9rente : design sur-mesure, SEO configur\u00e9, responsive soign\u00e9. En dessous de 1 500 \u20ac HT avec un freelance, le p\u00e9rim\u00e8tre est tr\u00e8s limit\u00e9. Un budget inf\u00e9rieur conduit g\u00e9n\u00e9ralement \u00e0 un site qui ressemble \u00e0 des milliers d&rsquo;autres.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" id=\"faq1\">\n      <button class=\"faq-trigger\" onclick=\"toggleFaq(1)\">\n        <span class=\"faq-q\">Pourquoi un freelance co\u00fbte moins cher qu&rsquo;une agence ?<\/span>\n        <svg class=\"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\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-body\">\n        <p class=\"faq-a\">Pas de frais de structure, pas de commercial, pas de chef de projet interm\u00e9diaire. Vous travaillez directement avec la personne qui con\u00e7oit et int\u00e8gre votre site. Le TJM est souvent identique, mais le nombre de jours factur\u00e9s est plus bas parce qu&rsquo;il n&rsquo;y a pas de coordination interne \u00e0 absorber.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" id=\"faq2\">\n      <button class=\"faq-trigger\" onclick=\"toggleFaq(2)\">\n        <span class=\"faq-q\">Que se passe-t-il si je veux modifier des choses apr\u00e8s la livraison ?<\/span>\n        <svg class=\"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\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-body\">\n        <p class=\"faq-a\">Les modifications de contenu (texte, images) sont de votre ressort via WordPress. Les modifications de design ou de structure apr\u00e8s livraison font l&rsquo;objet d&rsquo;un devis compl\u00e9mentaire. C&rsquo;est pourquoi la phase de validation des maquettes est critique : c&rsquo;est le moment d&rsquo;arbitrer.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" id=\"faq3\">\n      <button class=\"faq-trigger\" onclick=\"toggleFaq(3)\">\n        <span class=\"faq-q\">Le d\u00e9lai de 3 \u00e0 8 semaines inclut-il mon temps de validation ?<\/span>\n        <svg class=\"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\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-body\">\n        <p class=\"faq-a\">Oui. Le planning type int\u00e8gre 3 \u00e0 5 jours ouvr\u00e9s de d\u00e9lai de validation \u00e0 chaque phase. Si vos retours arrivent plus vite, le projet avance plus vite. Le d\u00e9lai r\u00e9el d\u00e9pend presque enti\u00e8rement de la r\u00e9activit\u00e9 des \u00e9changes.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" id=\"faq4\">\n      <button class=\"faq-trigger\" onclick=\"toggleFaq(4)\">\n        <span class=\"faq-q\">Faut-il un cahier des charges pour d\u00e9marrer ?<\/span>\n        <svg class=\"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\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-body\">\n        <p class=\"faq-a\">Non. Un questionnaire de brief est suffisant pour d\u00e9marrer. Il couvre l&rsquo;activit\u00e9, les cibles, les r\u00e9f\u00e9rences visuelles, l&rsquo;arborescence souhait\u00e9e et les contraintes techniques. Le brief est produit avec vous lors de la premi\u00e8re phase du projet.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"faq-item\" id=\"faq5\">\n      <button class=\"faq-trigger\" onclick=\"toggleFaq(5)\">\n        <span class=\"faq-q\">Puis-je voir des exemples de sites r\u00e9alis\u00e9s avant de d\u00e9cider ?<\/span>\n        <svg class=\"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\"\/><\/svg>\n      <\/button>\n      <div class=\"faq-body\">\n        <p class=\"faq-a\">Oui. Le portfolio est disponible sur ce site avec des projets d\u00e9taill\u00e9s : EthiFinance, ACG CyberAcademy, Gamer Deer, Kalikado. Chaque projet indique le contexte, le p\u00e9rim\u00e8tre et les livrables produits.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"callout callout-green\" data-aos=\"fade-up\">\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 d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><\/svg><\/span>\n    <div class=\"callout-text\"><strong>Ce qu&rsquo;il faut retenir :<\/strong> le budget d&rsquo;un site vitrine professionnel se situe entre 2 000 et 6 000 \u20ac HT chez un freelance sp\u00e9cialis\u00e9 selon le p\u00e9rim\u00e8tre. Le planning r\u00e9aliste est de 4 \u00e0 6 semaines. Les deux principaux facteurs de d\u00e9passement : les contenus fournis en retard et les validations sans d\u00e9lai fix\u00e9.<\/div>\n  <\/div>\n\n  <div class=\"cta-box\" data-aos=\"zoom-in\" data-aos-duration=\"400\">\n    <span class=\"cta-eyebrow\">Web designer freelance \u00b7 Paris<\/span>\n    <p class=\"cta-title\">Vous avez un projet de site vitrine&nbsp;?<\/p>\n    <p class=\"cta-sub\">Devis gratuit sous 24 h. D\u00e9crivez votre activit\u00e9, le nombre de pages vis\u00e9 et si vous avez d\u00e9j\u00e0 une charte graphique.<\/p>\n    <a href=\"\/demande-de-devis\/\" class=\"cta-btn\">Demander un devis gratuit<\/a>\n    <div class=\"cta-meta\">Paris \u00b7 Freelance \u00b7 Disponible pour missions France enti\u00e8re et remote<\/div>\n  <\/div>\n\n<\/article>\n\n<script>\n(function() {\n\n  \/* AOS *\/\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  function initAOS() { if (typeof AOS !== 'undefined') { AOS.init({ once: true, offset: 110, duration: 500 }); } else { rescue(); } }\n  function loadScript(src, ok, fail) { var s = document.createElement('script'); s.src = src; s.onload = ok; s.onerror = fail; document.body.appendChild(s); }\n  loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/aos\/2.3.4\/aos.js', initAOS, function() { loadScript('https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js', initAOS, rescue); });\n  setTimeout(function() { if (!document.querySelector('.aos-animate')) { rescue(); } }, 3000);\n\n  \/* Sticky *\/\n  window.addEventListener('scroll', function() {\n    var s = document.getElementById('artSticky');\n    if (!s) { return; }\n    if (window.scrollY > 500) { s.classList.add('art-sticky-visible'); } else { s.classList.remove('art-sticky-visible'); }\n  }, { passive: true });\n\n  \/* Simulator *\/\n  var simCurrentProfile = 'freelance';\n  function simSetProfile(profile, el) {\n    simCurrentProfile = profile;\n    var opts = document.querySelectorAll('.sim-profile-opt');\n    for (var i = 0; i < opts.length; i++) { opts[i].classList.remove('active'); }\n    el.classList.add('active');\n    var items = document.querySelectorAll('.sim-del-item');\n    for (var j = 0; j < items.length; j++) {\n      var priceEl = items[j].querySelector('.sim-del-price');\n      if (priceEl) { priceEl.textContent = priceEl.getAttribute('data-' + profile) + ' \\u20ac'; }\n    }\n    simCalc();\n  }\n  window.simSetProfile = simSetProfile;\n  function simToggleDel(el) { el.classList.toggle('checked'); simCalc(); }\n  window.simToggleDel = simToggleDel;\n  function simCalc() {\n    var checked = document.querySelectorAll('.sim-del-item.checked');\n    var total = 0;\n    for (var i = 0; i < checked.length; i++) { total += parseInt(checked[i].getAttribute('data-' + simCurrentProfile)) || 0; }\n    document.getElementById('simCount').textContent = checked.length;\n    document.getElementById('simTotal').innerHTML = '<span>' + total.toLocaleString('fr-FR') + '<\/span> \\u20ac';\n  }\n  simCalc();\n\n  \/* FAQ *\/\n  function toggleFaq(index) {\n    var total = 6;\n    for (var i = 0; i < total; i++) {\n      var item = document.getElementById('faq' + i);\n      if (!item) { continue; }\n      var body = item.querySelector('.faq-body');\n      if (!body) { continue; }\n      if (i === index) {\n        var isOpen = item.classList.contains('faq-open');\n        if (isOpen) { item.classList.remove('faq-open'); body.style.display = 'none'; }\n        else { item.classList.add('faq-open'); body.style.display = 'block'; }\n      } else {\n        item.classList.remove('faq-open');\n        body.style.display = 'none';\n      }\n    }\n  }\n  window.toggleFaq = toggleFaq;\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Site vitrine sur-mesure&nbsp;&middot;&nbsp;Web designer freelance &middot; Paris Demander un devis Web Design &middot; Guide d\u00e9cideur Cr\u00e9ation d&rsquo;un site vitrine : planning type et budget r\u00e9el Combien de temps faut-il pour cr\u00e9er un site vitrine professionnel, et quel est le budget r\u00e9el ? Ce guide d\u00e9taille le planning phase par phase, les tarifs selon le profil [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18962,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[155],"tags":[],"class_list":["post-18959","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":6}},"_links":{"self":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts\/18959","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=18959"}],"version-history":[{"count":2,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts\/18959\/revisions"}],"predecessor-version":[{"id":18961,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/posts\/18959\/revisions\/18961"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/media\/18962"}],"wp:attachment":[{"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/media?parent=18959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/categories?post=18959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/altaydagistan.com\/tr\/wp-json\/wp\/v2\/tags?post=18959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}