1<!DOCTYPE html> 2<html lang="fr"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 6 <title>Simulateur de budget IA | Ce que votre entreprise paie et ce que ça lui rapporte</title> 7 <meta name="description" content="Photographiez ce que votre entreprise paie déjà pour l'IA, repérez le sur-équipement, estimez les heures rendues par vos usages et repartez avec un classeur Excel et un rapport prêt pour la direction. Gratuit, sans inscription." /> 8 <meta name="author" content="Maijin Sà rl" /> 9 <meta name="theme-color" content="#f7f6f2" /> 10 11 <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> 12 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" /> 13 <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> 14 15 <link rel="preconnect" href="https://api.fontshare.com" /> 16 <link rel="preconnect" href="https://fonts.googleapis.com" /> 17 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 18 <!-- Switzer retirée le 14/08 : plus utilisée par le site depuis la migration 19 de l'index en DA instrument ; le gabarit print (design/index-03-affiche.html) 20 charge la sienne. --> 21 <link href="https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@700,800&f[]=general-sans@400,500,600&display=swap" rel="stylesheet" /> 22 <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet" /> 23 24 <meta property="og:title" content="Simulateur de budget IA | Ce que votre entreprise paie et ce que ça lui rapporte" /> 25 <meta property="og:description" content="Photographiez ce que votre entreprise paie déjà pour l'IA, repérez le sur-équipement, estimez les heures rendues par vos usages et repartez avec un classeur Excel et un rapport prêt pour la direction. Gratuit, sans inscription." /> 26 <meta property="og:type" content="website" /> 27 <meta property="og:url" content="https://diagnostic-ia.ch/budget" /> 28 <meta property="og:image" content="https://diagnostic-ia.ch/og.png" /> 29 <meta name="twitter:card" content="summary_large_image" /> 30 <meta name="twitter:image" content="https://diagnostic-ia.ch/og.png" /> 31 32
32<script type="application/ld+json"> 33 { 34 "@context": "https://schema.org", 35 "@type": "Organization", 36 "name": "Maijin", 37 "legalName": "Maijin Sà rl", 38 "url": "https://maijin.ch", 39 "logo": "https://diagnostic-ia.ch/logo-maijin-noir.png", 40 "description": "Cabinet suisse de transformation et de formation IA, basé à Genève. Audit, formation et déploiement de systèmes IA pour les organisations.", 41 "email": "[email protected]", 42 "address": { 43 "@type": "PostalAddress", 44 "streetAddress": "Rue de Lyon 109", 45 "postalCode": "1203", 46 "addressLocality": "Genève", 47 "addressCountry": "CH" 48 }, 49 "areaServed": ["CH", "FR"], 50 "founder": [ 51 { "@type": "Person", "name": "Jean-Baptiste Berthoux", "jobTitle": "Chief AI Officer", "sameAs": "https://www.linkedin.com/in/jean-baptiste-berthoux/" }, 52 { "@type": "Person", "name": "Rémi Vancayzeele", "jobTitle": "CEO" } 53 ], 54 "sameAs": [ 55 "https://maijin.ch", 56 "https://maijin.ai", 57 "https://www.linkedin.com/in/jean-baptiste-berthoux/" 58 ] 59 } 60 </script>
60 61
61<script type="application/ld+json"> 62 { 63 "@context": "https://schema.org", 64 "@type": "WebApplication", 65 "name": "Diagnostic IA", 66 "url": "https://diagnostic-ia.ch", 67 "applicationCategory": "BusinessApplication", 68 "operatingSystem": "Web", 69 "inLanguage": ["fr", "en", "de", "it"], 70 "isAccessibleForFree": true, 71 "description": "Ãvaluation gratuite de la maturité IA générative pour les dirigeants de PME suisses et romandes. Huit dimensions, quatre niveaux, un résultat en trois minutes.", 72 "offers": { 73 "@type": "Offer", 74 "price": "0", 75 "priceCurrency": "CHF" 76 }, 77 "provider": { 78 "@type": "Organization", 79 "name": "Maijin", 80 "url": "https://maijin.ch" 81 } 82 } 83 </script>
83 84 <!-- Google Analytics 4 + Consent Mode v2 (mesure d'audience active par defaut, refus possible via la banniere) --> 85
85<script id="ga-consent-init"> 86 window.dataLayer = window.dataLayer || []; 87 function gtag(){dataLayer.push(arguments);} 88 gtag('consent', 'default', { 89 ad_storage: 'denied', 90 ad_user_data: 'denied', 91 ad_personalization: 'denied', 92 analytics_storage: 'granted' 93 }); 94 try { 95 if (localStorage.getItem('ga-consent') === 'denied') { 96 gtag('consent', 'update', { analytics_storage: 'denied' }); 97 } 98 } catch (e) {} 99 gtag('js', new Date()); 100 gtag('config', 'G-R21LWGHVBP'); 101 </script>
vendor: 68 bytes, lines 101-102
101 102 <script async src="https://www.googletagmanager.com/gtag/js?id=
102G-R21LWGHVBP
vendor: 16 bytes, lines 102-103
102"></script> 103
103<script type="module" crossorigin src="/assets/index-CH1dxBlt.js"></script>
103 104 <link rel="stylesheet" crossorigin href="/assets/index-Bkol2adm.css"> 105 <link rel="canonical" href="https://diagnostic-ia.ch/budget" /> 106 </head> 107 108 <body> 109 <div id="root"><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><div class="min-h-screen"><div class="mx-auto max-w-[1120px] px-4 sm:px-6 md:px-10 py-6 md:py-10"><div class="relative border border-line bg-paper p-6 sm:p-8 md:p-11"><span class="pointer-events-none absolute -top-px -left-px h-3 w-3 border-t-2 border-l-2 border-ink"></span><span class="pointer-events-none absolute -top-px -right-px h-3 w-3 border-t-2 border-r-2 border-ink"></span><span class="pointer-events-none absolute -bottom-px -left-px h-3 w-3 border-b-2 border-l-2 border-ink"></span><span class="pointer-events-none absolute -bottom-px -right-px h-3 w-3 border-b-2 border-r-2 border-ink"></span><span class="pointer-events-none absolute inset-[7px] border border-hairline"></span><div class="relative z-[1]"><header class="flex items-center justify-between gap-4 pb-3.5 mb-6 md:mb-8 border-b border-line"><a aria-label="Maijin" href="/"><img src="/logo-maijin-noir.png" alt="Maijin" class="h-6 md:h-7 w-auto object-contain"/></a><div class="flex items-center gap-4"><span class="hidden sm:block font-mono text-[0.68rem] uppercase tracking-label text-ink-3">Simulateur de budget IA</span><nav aria-label="Choisir la langue" class="flex items-center gap-0.5 font-mono text-xs tracking-wider"><a aria-current="true" class="relative px-2 py-1 uppercase transition-colors text-ink" href="/budget">fr<span class="absolute left-2 right-2 -bottom-px h-0.5 bg-magenta" aria-hidden="true"></span></a><a class="relative px-2 py-1 uppercase transition-colors text-ink-3 hover:text-ink" href="/en/budget">en</a><a class="relative px-2 py-1 uppercase transition-colors text-ink-3 hover:text-ink" href="/de/budget">de</a><a class="relative px-2 py-1 uppercase transition-colors text-ink-3 hover:text-ink" href="/it/budget">it</a></nav></div></header><main><div><p class="reveal font-mono text-[0.72rem] font-medium uppercase tracking-tech text-magenta-ink mb-3">Simulateur de budget IA</p><h1 class="reveal font-display text-3xl md:text-5xl font-extrabold leading-[1.05] tracking-tight text-ink mb-5 max-w-[22ch]">Votre budget IA explose.<br/>Qu'avez-vous à montrer en face ?</h1><p class="reveal text-lg text-ink-2 leading-relaxed mb-8 max-w-[62ch]">En 5 minutes, la photographie exacte de ce que votre entreprise paie pour l'IA, y compris ce que vous payez sans le savoir. En 15, ce que ça lui rapporte, net du temps passé à vérifier. Projeté sur 1 mois, 6 mois, 1 an.</p><div class="border p-5 md:p-6 mb-5 border-line bg-paper"><div class="grid grid-cols-1 gap-5 sm:grid-cols-3 sm:gap-6"><div><p class="font-mono text-[0.66rem] uppercase tracking-label text-magenta-ink mb-1.5">01</p><h2 class="font-display text-base font-bold text-ink mb-1">Pensé pour les DAFs et DSIs</h2><p class="text-sm text-ink-2 leading-relaxed">Chaque question est expliquée. Aucun jargon sans définition, même si vous découvrez l'IA.</p></div><div><p class="font-mono text-[0.66rem] uppercase tracking-label text-magenta-ink mb-1.5">02</p><h2 class="font-display text-base font-bold text-ink mb-1">Des chiffres vérifiables</h2><p class="text-sm text-ink-2 leading-relaxed">L'outil sépare toujours ce qui est <span class="inline-block border px-1.5 py-px font-mono text-[0.62rem] uppercase tracking-label align-middle border-ink-3 text-ink-2 bg-panel">certain</span> (vos factures) de ce qui est <span class="inline-block border px-1.5 py-px font-mono text-[0.62rem] uppercase tracking-label align-middle border-magenta text-magenta-ink bg-magenta-veil">estimé</span> (vos hypothèses).</p></div><div><p class="font-mono text-[0.66rem] uppercase tracking-label text-magenta-ink mb-1.5">03</p><h2 class="font-display text-base font-bold text-ink mb-1">Zéro survente</h2><p class="text-sm text-ink-2 leading-relaxed">Les vraies économies et la capacité libérée ne sont jamais additionnées. Votre comité de direction vous en remerciera.</p></div></div></div><div class="border p-5 md:p-6 mb-5 border-ink bg-ink text-paper"><p class="text-[17px] leading-relaxed">La bonne question n'est plus « combien de fois j'utilise l'IA »,<br class="hidden sm:block"/> mais « <b class="text-magenta">qu'est-ce que j'ai à montrer pour ce que ça m'a coûté ?</b> »</p></div><div class="mt-8 flex flex-wrap items-center justify-between gap-4"><span class="font-mono text-xs text-ink-3">â 5 min pour le budget · +10 min pour le ROI complet</span><button type="button" class="inline-flex items-center gap-2.5 border border-magenta bg-magenta px-5 py-3 font-semibold text-magenta-on transition-[transform,opacity] hover:-translate-y-
109px">Commencer la simulation<span class="font-mono" aria-hidden="true">â</span></button></div></div></main><footer class="flex flex-wrap items-center justify-between gap-x-4 gap-y-2 mt-8 md:mt-11 pt-3.5 border-t border-line font-mono text-[0.68rem] uppercase tracking-wider text-ink-3"><span>Maijin Sà rl · Genève</span><div class="flex flex-wrap items-center gap-x-4 gap-y-1"><a href="https://maijin.ch/" target="_blank" rel="noopener noreferrer" class="border-b border-line hover:text-ink hover:border-magenta transition-colors">maijin.ch</a><a href="https://maijin.beehiiv.com/" target="_blank" rel="noopener noreferrer" class="border-b border-line hover:text-ink hover:border-magenta transition-colors">maijin.beehiiv.com</a><a class="border-b border-line hover:text-ink hover:border-magenta transition-colors" href="/budget">Simulateur de budget</a><a class="border-b border-line hover:text-ink hover:border-magenta transition-colors" href="/empreinte">Empreinte IA</a><a class="border-b border-line hover:text-ink hover:border-magenta transition-colors" href="/index">Index de l'IA romande</a><a href="/methodologie" class="border-b border-line hover:text-ink hover:border-magenta transition-colors">Méthodologie</a><a href="/for-ai" class="border-b border-line hover:text-ink hover:border-magenta transition-colors">For AI</a><a class="border-b border-line hover:text-ink hover:border-magenta transition-colors" href="/confidentialite">Confidentialité</a><a class="border-b border-line hover:text-ink hover:border-magenta transition-colors" href="/cgu">CGU</a></div></footer></div></div></div></div></div> 110 <!-- Mini-banniere d'information (mesure active par defaut ; affichee uniquement si aucun choix stocke) --> 111
111<script> 112 (function () { 113 var KEY = 'ga-consent'; 114 try { if (localStorage.getItem(KEY)) return; } catch (e) { return; } 115 116 var lang = (location.pathname.match(/^\/(en|de|it)(\/|$)/) || [])[1] || 'fr'; 117 var TEXTS = { 118 fr: { message: "Ce site utilise Google Analytics pour mesurer son audience.", 119 accept: "OK", decline: "Refuser" }, 120 en: { message: "This site uses Google Analytics to measure its audience.", 121 accept: "OK", decline: "Refuse" }, 122 de: { message: "Diese Website verwendet Google Analytics zur Reichweitenmessung.", 123 accept: "OK", decline: "Ablehnen" }, 124 it: { message: "Questo sito utilizza Google Analytics per misurare l'audience.", 125 accept: "OK", decline: "Rifiuta" } 126 }; 127 var T = TEXTS[lang]; 128 129 var bar = document.createElement('div'); 130 bar.setAttribute('role', 'region'); 131 bar.setAttribute('aria-label', T.message); 132 bar.style.cssText = 133 'position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-wrap:wrap;' + 134 'align-items:center;justify-content:center;gap:12px;padding:10px 16px;' + 135 'padding-bottom:calc(10px + env(safe-area-inset-bottom));' + 136 'background:rgba(17,17,17,.94);color:#f5f5f5;font-size:14px;line-height:1.4;' + 137 'font-family:system-ui,sans-serif;'; 138 139 var msg = document.createElement('span'); 140 msg.textContent = T.message; 141 142 var ok = document.createElement('button'); 143 ok.type = 'button'; 144 ok.textContent = T.accept; 145 ok.style.cssText = 'background:#f5f5f5;color:#111;border:0;border-radius:999px;' + 146 'padding:6px 16px;font-weight:600;font-size:14px;cursor:pointer;'; 147 148 var no = document.createElement('button'); 149 no.type = 'button'; 150 no.textContent = T.decline; 151 no.style.cssText = 'background:transparent;color:#cfcfcf;border:0;' + 152 'text-decoration:underline;font-size:13px;cursor:pointer;'; 153 154 // La barre est en position:fixed : sans rembourrage equivalent sur le 155 // body, elle recouvre le bas de page (sur mobile, le bouton Suivant du 156 // questionnaire) et bloque le funnel tant qu'aucun choix n'est fait. 157 function fit() { 158 document.body.style.paddingBottom = bar.offsetHeight + 'px'; 159 } 160 161 function choose(v) { 162 try { localStorage.setItem(KEY, v); } catch (e) {} 163 if (typeof window.gtag === 'function') { 164 window.gtag('consent', 'update', { analytics_storage: v }); 165 } 166 window.removeEventListener('resize', fit); 167 document.body.style.paddingBottom = ''; 168 bar.remove(); 169 } 170 ok.addEventListener('click', function () { choose('granted'); }); 171 no.addEventListener('click', function () { choose('denied'); }); 172 173 bar.appendChild(msg); bar.appendChild(ok); bar.appendChild(no); 174 document.body.appendChild(bar); 175 fit(); 176 window.addEventListener('resize', fit); 177 })(); 178 </script>
178 179 </body> 180</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.