1<!DOCTYPE html><html lang="fr" class="__variable_975d1f __variable_9b9fd1 __variable_04b02f __variable_a1d03f __variable_d466e1 __variable_d8935c __variable_598095 __variable_cc7473 __variable_33589c __variable_96b36b __variable_e8b655 __variable_d59ba8"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/6245472ced48d3be-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/6e1768769e6f59a2-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7108afb8b1381ad1-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7db6c35d839a711c-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/806de4d605d3ad01-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/8888a3826f4a3af4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/9a4ee768fed045da-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/9e82d62334b205f4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ab2e3a11646b0499-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/b957ea75a84b6ea7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/c9e6921c7fc300d8-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/d8c14dc5fcaf3a63.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e38eb47baf21539a.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/eaead17c7dbfcd5d-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/eafabf029ad39a43-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ee40bb094c99a29a-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/fc727f226c737876-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Flogo-h.png&w=256&q=75 1x, /_next/image?url=%2Fimages%2Flogo-h.png&w=375&q=75 2x" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/83c0a28146c3201f.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1fc2118fc4fc2330.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-f8b29e5e104de8c5.js"/>
1<script src="/_next/static/chunks/fd9d1056-3d5a6f7dc10fe63b.js" async=""></script>
1<script src="/_next/static/chunks/2117-3b25dce6ab5b8a27.js" async=""></script>
1<script src="/_next/static/chunks/main-app-0e29e5ef1af73b0f.js" async=""></script>
1<script src="/_next/static/chunks/2972-76fa5cc019b7a5f6.js" async=""></script>
1<script src="/_next/static/chunks/5237-efb886b2a5c98370.js" async=""></script>
1<script src="/_next/static/chunks/605-47b01fcaee473811.js" async=""></script>
1<script src="/_next/static/chunks/2237-377baa58fd430957.js" async=""></script>
1<script src="/_next/static/chunks/app/%5Bslug%5D/page-46a26a2b50f4e220.js" async=""></script>
1<script src="/_next/static/chunks/c15bf2b0-bcd2d0b7bb408c9a.js" async=""></script>
1<script src="/_next/static/chunks/5878-234055dce52ab033.js" async=""></script>
1<script src="/_next/static/chunks/7050-55e7bb7ff9de3ef8.js" async=""></script>
1<script src="/_next/static/chunks/9986-3528ed51e0c2aa70.js" async=""></script>
1<script src="/_next/static/chunks/8003-ad3b398ff6334c75.js" async=""></script>
1<script src="/_next/static/chunks/7106-c281986c7673f581.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-3ca37302dab77625.js" async=""></script>
1<link rel="preload" href="https://cdn.jsdelivr.net/npm/tarteaucitronjs@latest/tarteaucitron.js" as="script"/><title>Stratégie & Product Engineering</title><meta name="description" content="Agence de développement web, mobile et intégration de l'IA en Bretagne. Applications sur mesure depuis 2012."/><meta property="og:title" content="Agence Koality | Développement web & mobile sur mesure"/><meta property="og:description" content="Agence de développement web, mobile et intégration de l'IA en Bretagne. Applications sur mesure depuis 2012."/><meta property="og:url" content="https://koality.fr"/><meta property="og:site_name" content="Agence Koality"/><meta property="og:locale" content="fr_FR"/><meta property="og:image" content="https://koality.fr/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Koality"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@VotreCompteTwitter"/><meta name="twitter:creator" content="@VotreCompteTwitter"/><meta name="twitter:title" content="Agence Koality | Développement web & mobile sur mesure"/><meta name="twitter:description" content="Agence de développement web, mobile et intégration de l'IA en Bretagne. Applications sur mesure depuis 2012."/><meta name="twitter:image" content="https://koality.fr/og-image.png"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x32"/><link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180"/><meta name="next-size-adjust"/>
1<script> 2 (function() { 3 const theme = localStorage.getItem('koality-theme') || 'dark'; 4 if (theme === 'light') { 5 document.documentElement.setAttribute('data-theme', 'light'); 6 } 7 })(); 8 </script>
8<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
8</head><body class="text-theme-text flex min-h-screen flex-col font-body">
8<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Koality","url":"https://koality.fr","logo":"https://koality.fr/og-image.png","description":"Agence de développement web, mobile et intégration de l'IA en Bretagne. Applications sur mesure depuis 2012.","foundingDate":"2012","areaServed":{"@type":"Country","name":"France"},"address":{"@type":"PostalAddress","addressRegion":"Bretagne","addressCountry":"FR"},"sameAs":[],"knowsAbout":["Développement web","Applications mobiles","React","Next.js","React Native","TypeScript","Intelligence artificielle"]}</script>
8<div class="fixed inset-0 -z-10 overflow-hidden"><div class="absolute inset-0 bg-[#fafafa]"></div><div class="absolute inset-0" style="opacity:0.4;filter:blur(0px);background-image:linear-gradient(to right, #d4d4d4 1px, transparent 1px), 9 linear-gradient(to bottom, #d4d4d4 1px, transparent 1px);background-size:32px 32px"></div><div class="absolute inset-0" style="opacity:0;background-image:radial-gradient(circle, #a3a3a3 1.5px, transparent 1.5px);background-size:32px 32px;background-position:-16px -16px"></div><div class="absolute inset-0" style="background:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(201, 42, 126, 0.04) 0%, transparent 60%)"></div><div class="pointer-events-none absolute inset-0" style="background:radial-gradient(ellipse 70% 60% at 50% 50%, transparent 50%, #fafafa 100%)"></div></div><header class="sticky top-0 z-50 transition-all duration-300 h-20 bg-transparent"><div class="container relative mx-auto flex h-full items-center justify-between px-4 sm:px-6 lg:px-8"><a class="flex-shrink-0 transition-all duration-300 hover:opacity-80" aria-label="Retour à l'accueil" href="/"><img alt="Koality" fetchPriority="high" width="180" height="48" decoding="async" data-nimg="1" class="h-auto transition-all duration-300 w-[130px] sm:w-[160px]" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flogo-h.png&w=256&q=75 1x, /_next/image?url=%2Fimages%2Flogo-h.png&w=375&q=75 2x" src="/_next/image?url=%2Fimages%2Flogo-h.png&w=375&q=75"/></a><nav class="relative flex items-center gap-6"><ul class="hidden items-center gap-6 md:flex"><li><a class="relative text-sm font-medium transition-colors text-gray-700 hover:text-koality-rose" href="/">Accueil</a></li><li class="group relative"><button class="flex items-center gap-1 text-sm font-medium text-gray-600 transition-colors hover:text-gray-900" aria-expanded="false">Expertises<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" class="lucide lucide-chevron-down h-3.5 w-3.5 transition-transform group-hover:rotate-180"><path d="m6 9 6 6 6-6"></path></svg></button></li><li class="group relative"><button class="flex items-center gap-1 text-sm font-medium text-gray-600 transition-colors hover:text-gray-900" aria-expanded="false">Méthodologie<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" class="lucide lucide-chevron-down h-3.5 w-3.5 transition-transform group-hover:rotate-180"><path d="m6 9 6 6 6-6"></path></svg></button></li><li><a class="relative text-sm font-medium transition-colors text-gray-700 hover:text-koality-rose" href="/realisations">Réalisations</a></li><li><a class="relative text-sm font-medium transition-colors text-gray-700 hover:text-koality-rose" href="/l-agence">L'agence</a></li><li><a class="relative text-sm font-medium transition-colors text-gray-700 hover:text-koality-rose" href="/contact">Contact</a></li></ul><a class="group hidden items-center gap-2 rounded-full bg-koality-rose px-6 py-2.5 text-sm font-semibold text-white transition-colors hover:bg-koality-rose/90 md:inline-flex" href="/nos-actions-ia">Nos actions IA<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" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="flex items-center justify-center rounded-lg p-2 text-gray-700 transition-colors hover:bg-gray-100 md:hidden" aria-label="Toggle menu"><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" class="lucide lucide-menu "><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></nav></div></header><main class="flex-1 pb-16"><main class="min-h-screen"><section class="relative flex min-h-[60vh] items-center overflow-hidden pb-16 md:min-
9h-[85vh] md:pb-32"><div class="container relative z-10 mx-auto w-full px-4 py-16 sm:px-6 md:py-24 lg:px-8"><div style="opacity:0;transform:translateY(40px)"><div class="mx-auto max-w-6xl"><div class="grid items-center gap-12 lg:grid-cols-2 lg:gap-16"><div class="flex flex-col justify-center"><h1 class="font-heading text-3xl font-bold leading-[1.1] tracking-tight text-gray-900 sm:text-4xl md:text-5xl lg:text-6xl"><span class="block">Stratégie</span><span class="mt-2 block text-koality-rose">Product Engineering</span></h1><div class="prose prose-lg mt-8 max-w-none font-body [&_p]:mb-6 [&_p]:text-lg [&_p]:leading-relaxed [&_p]:text-gray-600 [&_p:first-of-type]:text-xl [&_p:first-of-type]:font-medium [&_p:first-of-type]:text-gray-800 [&_strong]:font-semibold [&_strong]:text-koality-rose [&_a]:text-koality-rose [&_a]:font-medium [&_a:hover]:text-koality-blue [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors"><p>Le succès d'un produit numérique ne réside pas seulement dans la qualité de son code, mais dans la pertinence de sa conception initiale.</p><p>Notre rôle de Product Engineer commence ici : nous sommes votre partenaire stratégique pour transformer une vision en un plan d'action robuste. Notre mission est de garantir que la solution technique servira parfaitement vos objectifs et répondra aux vrais besoins de vos utilisateurs.</p></div><div class="mt-8 flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:gap-4 md:mt-10"><a href="/contact" class="group inline-flex items-center justify-center gap-3 rounded-full bg-koality-rose px-6 py-3 text-sm font-semibold text-white transition-all duration-300 ease-out sm:px-8 sm:py-4 sm:text-base hover:bg-koality-rose/95 hover:-translate-y-0.5 hover:scale-[1.02] hover:shadow-lg hover:shadow-koality-rose/25 active:translate-y-0 active:scale-[0.98]">Démarrer un projet<svg class="h-4 w-7 flex-shrink-0" viewBox="0 0 28 16" fill="none"><line x1="4" y1="8" x2="14" y2="8" stroke="white" stroke-width="1.5" opacity="0.4"></line><line x1="14" y1="8" x2="24" y2="8" stroke="white" stroke-width="1.5" opacity="0.4"></line><circle cx="4" cy="8" r="3" fill="white" opacity="0.6"></circle><circle cx="14" cy="8" r="3.5" fill="white"></circle><circle cx="24" cy="8" r="3" fill="white" opacity="0.6"></circle></svg></a><a href="/realisations" class="group inline-flex items-center justify-center gap-3 rounded-full border-2 border-gray-300 bg-white px-6 py-3 text-sm font-semibold text-gray-700 transition-all duration-300 ease-out sm:px-8 sm:py-4 sm:text-base hover:border-koality-rose hover:text-koality-rose hover:-translate-y-0.5 hover:scale-[1.02] hover:shadow-lg hover:shadow-koality-rose/10 active:translate-y-0 active:scale-[0.98]">Voir nos réalisations<svg class="h-5 w-5 flex-shrink-0" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" opacity="0.3"></circle><circle cx="12" cy="12" r="6" stroke="currentColor" stroke-width="1.5" opacity="0.6"></circle><circle cx="12" cy="12" r="2" fill="currentColor"></circle></svg></a></div></div><div class="hidden items-center justify-center lg:flex"><svg viewBox="0 0 400 400" class="h-96 w-96 lg:h-[550px] lg:w-[550px]"><path d="M 270,78.75644347017858 L 256,103.00515477614286 L 228,103.00515477614286 L 214,78.75644347017858 L 228,54.5077321642143 L 255.99999999999997,54.50773216421429 Z" fill="none" stroke="#F97316" stroke-width="1" stroke-opacity="0.255"></path><path d="M 186,127.25386608210715 L 172,151.50257738807144 L 144,151.50257738807144 L 130,127.25386608210715 L 144,103.00515477614287 L 171.99999999999997,103.00515477614286 Z" fill="#F97316" opacity="0.19088096845295655" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 102,175.75128869403574 L 88,200.00000000000003 L 60.00000000000001,200.00000000000003 L 46,175.75128869403574 L 59.999999999999986,151.50257738807147 L 87.99999999999999,151.50257738807144 Z" fill="#F97316" opacity="0.1544275650810193" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 144,151.50257738807144 L 130,175.75128869403574 L 102,175.75128869403574 L 88,151.50257738807144 L 101.99999999999999,127.25386608210717 L 129.99999999999997,127.25386608210715 Z" fill="#F97316" opacity="0.19792445845154732" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 186,175.75128869403574 L 172,200.00000000000003 L 144,200.00000000000003 L 130,175.75128869403574 L 144,151.50257738807147 L 171.99999999999997,151.50257738807144 Z" fill="none" stroke="#F97316" stroke-width="1" stroke-opacity="0.255"></path><path d="M 228,151.50257738807144 L 214,175.75128869403574 L 186,175.75128869403574 L 172,151.50257738807144 L 186,127.25386608210717 L 213.99999999999997,127.25386608210715 Z" fill="#F97316" opacity="0.2645949066057504" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 270,175.75128869403574 L 256,200.00000000000003 L 228,200.00000000000003 L 214,175.75128869403574 L 228,151.50257738807147 L 255.99999999999997,151.50257738807144 Z" fill="none" stroke="#F97316" stroke-width="1" stroke-opacity="0.255"></path><path d="M 354,175.75128869403574 L 340,200.00000000000003 L 312,200.00000000000003 L 298,175.75128869403574 L 312,151.50257738807147 L 340,151.50257738807144 Z" fill="none" stroke="#F97316" stroke-width="1" stroke-opacity="0.255"></path><path d="M 144,200 L 130,224.2487113059643 L 102,224.2487113059643 L 88,200 L 101.99999999999999,175.75128869403574 L 129.99999999999997,175.7512886940357 Z" fill="none" stroke="#F97316" stroke-width="1" stroke-opacity="0.255"></path><path d="M 186,224.2487113059643 L 172,248.49742261192858 L 144,248.49742261192858 L 130,224.2487113059643 L 144,200 L 171.99999999999997,200 Z" fill="#F97316" opacity="0.21054238678430107" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 228,200 L 214,224.2487113059643 L 186,224.2487113059643 L 172,200 L 186,175.75128869403574 L 213.99999999999997,175.7512886940357 Z" fill="#F97316" opacity="0.425" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 270,224.2487113059643 L 256,248.49742261192858 L 228,248.49742261192858 L 214,224.2487113059643 L 228,200 L 255.99999999999997,200 Z" fill="#F97316" opacity="0.23619322603935203" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 186,272.74613391789285 L 172,296.9948452238571 L 144,296.9948452238571 L 130,272.74613391789285 L 144,248.49742261192858 L 171.99999999999997,248.49742261192856 Z" fill="#F97316" opacity="0.1734880863641502" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 228,248.49742261192856 L 214,272.74613391789285 L 186,272.74613391789285 L 172,248.49742261192856 L 186,224.24871130596426 L 213.99999999999997,224.24871130596426 Z" fill="#F97316" opacity="0.25019817698794244" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 312,248.49742261192856 L 298,272.74613391789285 L 270,272.74613391789285 L 256,248.49742261192856 L 270,224.24871130596426 L 298,224.24871130596426 Z" fill="none" stroke="#F97316" stroke-width="1" stroke-opacity="0.255"></path><path d="M 144,296.9948452238571 L 130,321.2435565298214 L 102,321.2435565298214 L 88,296.9948452238571 L 101.99999999999999,272.74613391789285 L 129.99999999999997,272.74613391789285 Z" fill="none" stroke="#F97316" stroke-width="1" stroke-opacity="0.255"></path><path d="M 186,321.2435565298214 L 172,345.49226783578564 L 144,345.49226783578564 L 130,321.2435565298214 L 144,296.9948452238571 L 171.99999999999997,296.99484522385706 Z" fill="#F97316" opacity="0.1321806609156427" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 228,296.9948452238571 L 214,321.2435565298214 L 186,321.2435565298214 L 172,296.9948452238571 L 186,272.74613391789285 L 213.99999999999997,272.74613391789285 Z" fill="#F97316" opacity="0.16403975994167708" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path><path d="M 312,296.9948452238571 L 298,321.2435565298214 L 270,321.2435565298214 L 256,296.9948452238571 L 270,272.74613391789285 L 298,272.74613391789285 Z" fill="#F97316" opacity="0.1729018903228695" stroke="#F97316" stroke-width="2" stroke-opacity="0.34"></path></svg></div></div></div></div></div></section><section class="relative pb-32 md:pb-40 "><div class="container relative z-10 mx-auto px-4 sm:px-6 lg:px-8"><div style="opacity:0;transform:translateY(40px)"><div class="mx-auto max-w-6xl"><div class="mb-16 grid items-center gap-8 lg:grid-cols-[1fr_auto]"><div><div class="mb-6 flex items-center gap-3"><div class="h-0.5 w-12 rounded-full bg-koality-rose"></div></div><h2 class="font-heading text-4xl font-semibold text-theme-text md:text-5xl"><span class="text-koality-rose">De l'idée au plan d'action : notre processus</span></h2></div><div class="hidden lg:block"><svg viewBox="0 0 400 400" class="h-52 w-52"><g stroke="#111827" stroke-width="2" fill="none" opacity="0.18"><path d="M 80 200 L 150 200 L 150 120 L 250 120"></path><path d="M 80 280 L 200 280 L 200 200 L 320 200"></path><path d="M 150 120 L 150 80"></path><path d="M 250 120 L 250 200 L 320 200"></path><path d="M 200 280 L 200 340"></path></g><g stroke="#F97316" stroke-width="2" fill="none" opacity="0.42"><path d="M 250 120 L 320 120 L 320 200"></path><path d="M 200 200 L 200 120"></path></g><g fill="#111827"><circle cx="80" cy="200" r="6" opacity="0.36"></circle><circle cx="80" cy="280" r="6" opacity="0.36"></circle><circle cx="150" cy="80" r="6" opacity="0.3"></circle><circle cx="200" cy="340" r="6" opacity="0.3"></circle></g><g fill="#F97316"><circle cx="150" cy="200" r="6" opacity="0.6"></circle>
9<circle cx="250" cy="120" r="6" opacity="0.6"></circle><circle cx="320" cy="200" r="6" opacity="0.6"></circle></g><circle cx="200" cy="200" r="10" fill="#111827" opacity="0.48"></circle><circle cx="200" cy="200" r="5" fill="white" opacity="0.6"></circle></svg></div></div><div class="grid gap-16 lg:grid-cols-[minmax(0,1.7fr)_minmax(0,1fr)] lg:items-start"><ol class="relative space-y-12 before:absolute before:left-14 before:top-0 before:h-full before:w-px before:bg-gray-200 lg:ml-8"><li class="relative pl-32"><div class="absolute left-14 top-1.5 flex h-16 w-16 -translate-x-1/2 items-center justify-center rounded-2xl border border-gray-200 bg-koality-rose text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor-smartphone h-7 w-7 text-white"><path d="M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8"></path><path d="M10 19v-3.96 3.15"></path><path d="M7 19h5"></path><rect width="6" height="10" x="16" y="12" rx="2"></rect></svg></div><div class="absolute left-14 top-[3.5rem] h-14 w-px -translate-x-1/2 bg-koality-rose/20"></div><div class="group pl-2 transition-all duration-500 hover:translate-x-2"><div class="mb-4 flex items-center justify-between gap-4"><span class="inline-flex h-9 items-center rounded-full border border-gray-200 bg-gray-50 px-4 font-heading text-xs uppercase tracking-[0.4em] text-gray-500">Ãtape <!-- -->01</span><span class="font-heading text-4xl font-semibold ${theme === 'light' ? 'text-gray-900/15' : 'text-white/15'} transition-colors duration-500 group-hover:${theme === 'light' ? 'text-gray-900/35' : 'text-white/35'}">01</span></div><h3 class="mb-3 font-heading text-2xl font-semibold text-gray-900">Ateliers de cadrage et découverte</h3><div class="prose prose-gray max-w-none text-base leading-loose text-gray-700 [&_p]:mb-5 [&_p:last-child]:mb-0"><p>Cette étape pose les bases de votre projet. Nous organisons des ateliers collaboratifs avec vous et vos équipes pour analyser en profondeur vos besoins, vos contraintes "métier" et vos objectifs stratégiques. Ensemble, nous posons un cadre clair et partagé par toutes les parties prenantes.</p></div></div></li><li class="relative pl-32"><div class="absolute left-14 top-1.5 flex h-16 w-16 -translate-x-1/2 items-center justify-center rounded-2xl border border-gray-200 bg-koality-rose text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-ccw h-7 w-7 text-white"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg></div><div class="absolute left-14 top-[3.5rem] h-14 w-px -translate-x-1/2 bg-koality-rose/20"></div><div class="group pl-2 transition-all duration-500 hover:translate-x-2"><div class="mb-4 flex items-center justify-between gap-4"><span class="inline-flex h-9 items-center rounded-full border border-gray-200 bg-gray-50 px-4 font-heading text-xs uppercase tracking-[0.4em] text-gray-500">Ãtape <!-- -->02</span><span class="font-heading text-4xl font-semibold ${theme === 'light' ? 'text-gray-900/15' : 'text-white/15'} transition-colors duration-500 group-hover:${theme === 'light' ? 'text-gray-900/35' : 'text-white/35'}">02</span></div><h3 class="mb-3 font-heading text-2xl font-semibold text-gray-900">Définition du produit viable (MVP)</h3><div class="prose prose-gray max-w-none text-base leading-loose text-gray-700 [&_p]:mb-5 [&_p:last-child]:mb-0"><p>Pour être efficace, il faut se concentrer sur l'essentiel. Nous vous aidons à prioriser les fonctionnalités pour définir une première version (MVP - Minimum Viable Product). L'objectif est qu'elle apporte un maximum de valeur à vos utilisateurs dès son lancement, tout en maîtrisant les coûts et les délais.</p></div></div></li><li class="relative pl-32"><div class="absolute left-14 top-1.5 flex h-16 w-16 -translate-x-1/2 items-center justify-center rounded-2xl border border-gray-200 bg-koality-rose text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-7 w-7 text-white"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><div class="absolute left-14 top-[3.5rem] h-14 w-px -translate-x-1/2 bg-koality-rose/20"></div><div class="group pl-2 transition-all duration-500 hover:translate-x-2"><div class="mb-4 flex items-center justify-between gap-4"><span class="inline-flex h-9 items-center rounded-full border border-gray-200 bg-gray-50 px-4 font-heading text-xs uppercase tracking-[0.4em] text-gray-500">
9Ãtape <!-- -->03</span><span class="font-heading text-4xl font-semibold ${theme === 'light' ? 'text-gray-900/15' : 'text-white/15'} transition-colors duration-500 group-hover:${theme === 'light' ? 'text-gray-900/35' : 'text-white/35'}">03</span></div><h3 class="mb-3 font-heading text-2xl font-semibold text-gray-900">Conception UX & Wireframes</h3><div class="prose prose-gray max-w-none text-base leading-loose text-gray-700 [&_p]:mb-5 [&_p:last-child]:mb-0"><p>Avant de construire, il faut visualiser. Nous traduisons la stratégie en parcours utilisateurs clairs (user flows) et en maquettes fonctionnelles (wireframes). Ces éléments, couplés aux spécifications, garantissent que toutes les parties prenantes, des décideurs aux développeurs, partagent une vision unique et sans ambiguïté du produit à construire.</p></div></div></li><li class="relative pl-32"><div class="absolute left-14 top-1.5 flex h-16 w-16 -translate-x-1/2 items-center justify-center rounded-2xl border border-gray-200 bg-koality-rose text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gauge h-7 w-7 text-white"><path d="m12 14 4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg></div><div class="absolute left-14 top-[3.5rem] h-14 w-px -translate-x-1/2 bg-koality-rose/20"></div><div class="group pl-2 transition-all duration-500 hover:translate-x-2"><div class="mb-4 flex items-center justify-between gap-4"><span class="inline-flex h-9 items-center rounded-full border border-gray-200 bg-gray-50 px-4 font-heading text-xs uppercase tracking-[0.4em] text-gray-500">Ãtape <!-- -->04</span><span class="font-heading text-4xl font-semibold ${theme === 'light' ? 'text-gray-900/15' : 'text-white/15'} transition-colors duration-500 group-hover:${theme === 'light' ? 'text-gray-900/35' : 'text-white/35'}">04</span></div><h3 class="mb-3 font-heading text-2xl font-semibold text-gray-900">Recommandation d'architecture et choix technologiques</h3><div class="prose prose-gray max-w-none text-base leading-loose text-gray-700 [&_p]:mb-5 [&_p:last-child]:mb-0"><p>En conclusion de cette phase, nous définissons l'architecture système et la stack technologique la plus adaptée. Cette étape valide les grands choix techniques et prépare le terrain pour la phase d'architecture détaillée.</p></div></div></li></ol><aside class="space-y-10 rounded-2xl border border-gray-200 bg-gray-50 p-8 text-gray-600 lg:sticky lg:top-32"><div class="space-y-6 [&_p:first-child]:font-heading [&_p:first-child]:text-lg [&_p:first-child]:italic [&_p:first-child]:leading-relaxed [&_div]:space-y-4 [&_div]:text-sm [&_div]:leading-relaxed"><ul><li><p>à l'issue de cette phase de stratégie, vous disposez d'un dossier de conception complet et directement actionnable par les équipes techniques.</p></li></ul><p></p><p>Il contient :</p><p></p><p>- Le périmètre du MVP et ses priorités</p><p>- Les parcours utilisateurs et les maquettes fonctionnelles (wireframes)</p><p>- Les spécifications fonctionnelles détaillées</p><p>- La recommandation d'architecture</p><p></p><p>C'est le plan directeur de votre projet, garantissant un développement maîtrisé et aligné sur vos objectifs.</p></div></aside></div></div></div></div></section><section class="relative pb-24 md:pb-32 "><div class="container relative z-10 mx-auto px-4 sm:px-6 lg:px-8"><div style="opacity:0;transform:translateY(40px)"><div class="mb-12 flex justify-center"><svg viewBox="0 0 400 400" class="h-56 w-56"><g><path d="M 200 80 L 235 110.31088913245534 L 200 140.6217782649107 L 165 110.31088913245534 Z" fill="#F97316" opacity="0.2" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 165 110.31088913245534 L 200 140.6217782649107 L 200 175.6217782649107 L 165 145.31088913245534 Z" fill="#F97316" opacity="0.36000000000000004" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 200 140.6217782649107 L 235 110.31088913245534 L 235 145.31088913245534 L 200 175.6217782649107 Z" fill="#F97316" opacity="0.27999999999999997" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path></g><g><path d="M 165 145.31088913245534 L 200 175.6217782649107 L 165 205.93266739736606 L 130 175.6217782649107 Z" fill="#F97316" opacity="0.18000000000000002" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 130 175.6217782649107 L 165 205.93266739736606 L 165 240.93266739736606 L 130 210.6217782649107 Z" fill="#F97316" opacity="0.32400000000000007" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 165 205.93266739736606 L 200 175.6217782649107 L 200 210.6217782649107 L 165 240.93266739736606 Z" fill="#F97316" opacity="0.252" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path></g><g><path d="M 235 145.31088913245534 L 270 175.6217782649107 L 235 205.93266739736606 L 200 175.6217782649107 Z" fill="#F97316" opacity="0.18000000000000002" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 200 175.6217782649107 L 235 205.93266739736606 L 235 240.93266739736606 L 200 210.6217782649107 Z" fill="#F97316" opacity="0.32400000000000007" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 235 205.93266739736606 L 270 175.6217782649107 L 270 210.6217782649107 L 235 240.93266739736606 Z" fill="#F97316" opacity="0.252" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path></g><g><path d="M 130 210.6217782649107 L 165 240.93266739736603 L 130 271.2435565298214 L 95 240.93266739736603 Z" fill="#F97316" opacity="0.15000000000000002" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 95 240.93266739736603 L 130 271.2435565298214 L 130 306.2435565298214 L 95 275.932667397366 Z" fill="#F97316" opacity="0.27" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 130 271.2435565298214 L 165 240.93266739736603 L 165 275.932667397366 L 130 306.2435565298214 Z" fill="#F97316" opacity="0.20999999999999996" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path></g><g><path d="M 200 210.6217782649107 L 235 240.93266739736603 L 200 271.2435565298214 L 165 240.93266739736603 Z" fill="#F97316" opacity="0.16000000000000003" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 165 240.93266739736603 L 200 271.2435565298214 L 200 306.2435565298214 L 165 275.932667397366 Z" fill="#F97316" opacity="0.28800000000000003" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 200 271.2435565298214 L 235 240.93266739736603 L 235 275.932667397366 L 200 306.2435565298214 Z" fill="#F97316" opacity="0.22399999999999998" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path></g><g><path d="M 270 210.6217782649107 L 305 240.93266739736603 L 270 271.2435565298214 L 235 240.93266739736603 Z" fill="#F97316" opacity="0.15000000000000002" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 235 240.93266739736603 L 270 271.2435565298214 L 270 306.2435565298214 L 235 275.932667397366 Z" fill="#F97316" opacity="0.27" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path><path d="M 270 271.2435565298214 L 305 240.93266739736603 L 305 275.932667397366 L 270 306.2435565298214 Z" fill="#F97316" opacity="0.20999999999999996" stroke="#F97316" stroke-width="2" stroke-opacity="0.4"></path></g></svg></div><div class="mx-auto mb-12 max-w-3xl text-center"><h2 class="font-heading text-4xl font-semibold leading-snug text-theme-text md:text-5xl"><span class="text-koality-rose">Pourquoi cette phase est votre meilleur investissement</span></h2><div class="mt-4 flex justify-center"><div class="mb-6 flex items-center gap-3"><div class="h-0.5 w-12 rounded-full bg-koality-rose"></div></div></div></div><div class="relative"><div class="relative grid gap-10 md:grid-cols-3"><div class="group relative z-10 flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white p-10 text-left transition-all duration-300 hover:-translate-y-1 hover:border-koality-rose/30"><div class="mb-8 flex items-center justify-between gap-4"><div class="relative flex items-center gap-4"><div class="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-koality-rose"><svg viewBox="0 0 200 200" class="h-9 w-9"><g stroke="#FFFFFF" stroke-width="1.5" opacity="0.6"><line x1="40" y1="60" x2="100" y2="40"></line><line x1="100" y1="40" x2="160" y2="80"></line>
9<line x1="40" y1="60" x2="80" y2="120"></line><line x1="100" y1="40" x2="80" y2="120"></line><line x1="80" y1="120" x2="140" y2="140"></line><line x1="160" y1="80" x2="140" y2="140"></line><line x1="140" y1="140" x2="120" y2="180"></line></g><g fill="#FFFFFF" opacity="1"><circle cx="40" cy="60" r="6"></circle><circle cx="100" cy="40" r="8"></circle><circle cx="160" cy="80" r="5"></circle><circle cx="80" cy="120" r="7"></circle><circle cx="140" cy="140" r="6"></circle><circle cx="120" cy="180" r="4"></circle></g></svg></div><div class="hidden h-12 w-px bg-koality-rose/30 md:block"></div></div><span class="font-heading text-5xl font-light tracking-tight ${theme === 'light' ? 'text-gray-900/15' : 'text-white/15'} transition-colors duration-500 group-hover:${theme === 'light' ? 'text-gray-900/35' : 'text-white/35'}">01</span></div><h3 class="mb-4 font-heading text-2xl font-semibold leading-tight text-theme-text">Sécuriser votre projet</h3><div class="prose prose-gray max-w-none text-base leading-loose text-gray-600 [&_p]:mb-5 [&_p:last-child]:mb-0"><p>En posant un cadre clair et partagé dès le départ, nous minimisons les risques d'incompréhension, les allers-retours coûteux et les écarts budgétaires. Vous savez où vous allez et nous savons comment y aller.</p></div></div><div class="group relative z-10 flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white p-10 text-left transition-all duration-300 hover:-translate-y-1 hover:border-koality-rose/30"><div class="mb-8 flex items-center justify-between gap-4"><div class="relative flex items-center gap-4"><div class="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-koality-rose"><svg viewBox="0 0 100 100" class="h-9 w-9"><polygon points="50,15 80,30 50,45 20,30" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="1"></polygon><polygon points="20,30 50,45 50,80 20,65" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.8"></polygon><polygon points="50,45 80,30 80,65 50,80" fill="none" stroke="#FFFFFF" stroke-width="2" opacity="0.6"></polygon></svg></div><div class="hidden h-12 w-px bg-koality-rose/30 md:block"></div></div><span class="font-heading text-5xl font-light tracking-tight ${theme === 'light' ? 'text-gray-900/15' : 'text-white/15'} transition-colors duration-500 group-hover:${theme === 'light' ? 'text-gray-900/35' : 'text-white/35'}">02</span></div><h3 class="mb-4 font-heading text-2xl font-semibold leading-tight text-theme-text">Accélérer la réalisation</h3><div class="prose prose-gray max-w-none text-base leading-loose text-gray-600 [&_p]:mb-5 [&_p:last-child]:mb-0"><p>Des spécifications précises et une vision alignée permettent à l'équipe de développement de travailler plus vite et plus sereinement. Moins de questions, c'est plus de temps passé à construire de la valeur.</p></div></div><div class="group relative z-10 flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white p-10 text-left transition-all duration-300 hover:-translate-y-1 hover:border-koality-rose/30"><div class="mb-8 flex items-center justify-between gap-4"><div class="relative flex items-center gap-4"><div class="relative flex h-16 w-16 items-center justify-center rounded-2xl bg-koality-rose"><svg viewBox="0 0 100 100" class="h-9 w-9"><circle cx="20" cy="30" r="3" fill="#FFFFFF" opacity="0.6"></circle><circle cx="45" cy="15" r="5" fill="#FFFFFF" opacity="1"></circle><circle cx="70" cy="25" r="4" fill="#FFFFFF" opacity="0.8"></circle><circle cx="85" cy="50" r="6" fill="#FFFFFF" opacity="1.2"></circle><circle cx="60" cy="60" r="3" fill="#FFFFFF" opacity="0.5"></circle><circle cx="30" cy="70" r="7" fill="#FFFFFF" opacity="1"></circle><circle cx="75" cy="80" r="4" fill="#FFFFFF" opacity="0.7"></circle><circle cx="15" cy="55" r="2" fill="#FFFFFF" opacity="0.4"></circle></svg></div><div class="hidden h-12 w-px bg-koality-rose/30 md:block"></div></div><span class="font-heading text-5xl font-light tracking-tight ${theme === 'light' ? 'text-gray-900/15' : 'text-white/15'} transition-colors duration-500 group-hover:${theme === 'light' ? 'text-gray-900/35' : 'text-white/35'}">03</span></div><h3 class="mb-4 font-heading text-2xl font-semibold leading-tight text-theme-text">Garantir l'adoption</h3><div class="prose prose-gray max-w-none text-base leading-loose text-gray-600 [&_p]:mb-5 [&_p:last-child]:mb-0"><p>En nous concentrant sur les parcours et les usages réels de vos utilisateurs finaux, nous nous assurons que le produit développé sera non seulement fonctionnel, mais aussi pertinent et adopté par sa cible.</p></div></div></div></div></div></div></section><section class="relative pb-32 md:pb-40 "><div class="container relative z-10 mx-auto px-4 sm:px-6 lg:px-8"><div style="opacity:0;transform:translateY(40px)"><div class="mx-auto max-w-5xl"><div class="grid items-center gap-12 lg:grid-cols-[1fr_auto]"><div class="text-center lg:text-left"><h2 class="mb-8 font-heading text-4xl font-semibold leading-tight text-gray-900 md:text-5xl">Prêt à structurer votre vision ?</h2><div class="prose prose-lg max-w-3xl text-gray-600 lg:mx-0 [&_p]:mb-5 [&_p]:text-base [&_p]:leading-loose [&_strong]:font-semibold [&_strong]:text-gray-900"><p><p>Que vous partiez dâune idée, dâun besoin complexe ou dâun projet existant à améliorer, notre expertise en stratég
9ie produit vous aide à clarifier et concrétiser votre vision.</p></p><p><p>Ãchangeons pour poser ensemble les bases de votre futur produit.</p></p></div><div class="mt-10"><a href="/contact" class="group inline-flex items-center gap-3 rounded-full bg-koality-blue px-10 py-4 font-heading text-lg font-semibold text-white transition-all duration-300 ease-out hover:bg-koality-blue/95 hover:-translate-y-0.5 hover:scale-[1.02] hover:shadow-lg hover:shadow-koality-blue/25 active:translate-y-0 active:scale-[0.98]">Discutons de votre projet<svg class="h-5 w-5 flex-shrink-0" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="white" stroke-width="1.5" opacity="0.3"></circle><circle cx="12" cy="12" r="6" stroke="white" stroke-width="1.5" opacity="0.6"></circle><circle cx="12" cy="12" r="2" fill="white"></circle></svg></a></div></div><div class="hidden lg:block"><svg viewBox="0 0 400 400" class="h-64 w-64"><circle cx="200" cy="200" r="180" fill="none" stroke="#111827" stroke-width="2" opacity="0.09"></circle><circle cx="200" cy="200" r="140" fill="none" stroke="#111827" stroke-width="2" opacity="0.162"></circle><circle cx="200" cy="200" r="100" fill="none" stroke="#111827" stroke-width="2" opacity="0.23399999999999999"></circle><circle cx="200" cy="200" r="60" fill="none" stroke="#111827" stroke-width="2" opacity="0.306"></circle><path d="M 200 60 A 140 140 0 0 1 340 200" fill="none" stroke="#F97316" stroke-width="2" opacity="0.6" stroke-linecap="round"></path><circle cx="327.27922061357856" cy="72.72077938642146" r="6" fill="#111827" opacity="0.42"></circle><circle cx="72.72077938642141" cy="327.27922061357856" r="6" fill="#111827" opacity="0.42"></circle><circle cx="340" cy="200" r="6" fill="#F97316" opacity="0.6"></circle><circle cx="200" cy="60" r="6" fill="#F97316" opacity="0.6"></circle><circle cx="129.28932188134524" cy="129.28932188134524" r="6" fill="#111827" opacity="0.42"></circle><circle cx="270.71067811865476" cy="270.71067811865476" r="6" fill="#111827" opacity="0.42"></circle><circle cx="140" cy="200" r="6" fill="#111827" opacity="0.42"></circle><circle cx="200" cy="200" r="10" fill="#111827" opacity="0.48"></circle><circle cx="200" cy="200" r="5" fill="white" opacity="0.6"></circle></svg></div></div></div></div></div></section></main></main><footer class="relative mt-32 overflow-hidden bg-gray-50"><div class="container mx-auto px-4 py-8 sm:px-6 lg:px-8"><div class="flex flex-col items-center justify-center gap-8 pb-10 sm:flex-row sm:items-center sm:gap-12"><div class="flex flex-col items-center gap-2 text-center "><a href="https://www.francenum.gouv.fr/activateurs/koality" target="_blank" rel="noopener noreferrer" class="block transition-transform duration-300 hover:-translate-y-0.5"><div class="flex items-center justify-center rounded-lg bg-white px-5 py-4 shadow-sm ring-1 ring-gray-100 h-24"><img alt="Activateur France Num" loading="lazy" width="400" height="364" decoding="async" data-nimg="1" class="h-full w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flabels%2Factivateur.jpg&w=768&q=75 1x, /_next/image?url=%2Fimages%2Flabels%2Factivateur.jpg&w=1024&q=75 2x" src="/_next/image?url=%2Fimages%2Flabels%2Factivateur.jpg&w=1024&q=75"/></div></a><span class="text-sm font-medium text-gray-700">Activateur France Num</span></div><div class="flex flex-col items-center gap-2 text-center w-full max-w-[200px]"><a href="/documents/certificat-qualiopi.pdf" target="_blank" rel="noopener noreferrer" class="block transition-transform duration-300 hover:-translate-y-0.5"><div class="flex items-center justify-center rounded-lg bg-white px-5 py-4 shadow-sm ring-1 ring-gray-100 w-full"><img alt="Certification Qualiopi - Actions de formation" loading="lazy" width="2489" height="1057" decoding="async" data-nimg="1" class="h-auto w-full object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flabels%2Fqualiopi.jpg&w=1920&q=75 1x" src="/_next/image?url=%2Fimages%2Flabels%2Fqualiopi.jpg&w=1920&q=75"/></div></a><span class="text-sm font-medium text-gray-700">Certifié Qualiopi</span><a href="/documents/certificat-qualiopi.pdf" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-xs font-medium text-gray-500 underline-offset-2 transition-colors hover:text-koality-rose hover:underline">Voir le certificat</a></div><div class="flex flex-col items-center gap-2 text-center "><a href="https://www.adnouest.org/" target="_blank" rel="noopener noreferrer" class="block transition-transform duration-300 hover:-translate-y-0.5"><div class="flex items-center justify-center rounded-lg bg-white px-5 py-4 shadow-sm ring-1 ring-gray-100 h-24"><img alt="Membre ADN Ouest" loading="lazy" width="600" height="600" decoding="async" data-nimg="1" class="h-full w-auto object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flabels%2Fadn-ouest.png&w=768&q=75 1x, /_next/image?url=%2Fimages%2Flabels%2Fadn-ouest.png&w=1280&q=75 2x" src="/_next/image?url=%2Fimages%2Flabels%2Fadn-ouest.png&w=1280&q=75"/></div></a><span class="text-sm font-medium text-gray-700">Membre ADN Ouest</span></div></div><div class="flex flex-col items-center justify-between gap-4 border-t border-gray-200 pt-8 text-sm text-gray-500 sm:flex-row"><div class="text-center sm:text-left"><p>© <!-- -->2026<!-- --> Koality, Solutions web & IA</p></div><nav class="flex flex-wrap items-center justify-center gap-4"><a class="transition-colors hover:text-koality-rose" href="/contact">Contact</a><span class="hidden text-gray-300 sm:inline">â¢</span><a class="transition-colors hover:text-koality-rose" href="/mentions-legales">Mentions légales</a><span class="hidden text-gray-300 sm:inline">â¢</span><a class="transition-colors hover:text-koality-rose" href="/cgv">CGV</a><span class="hidden text-gray-300 sm:inline">â¢</span><a class="transition-colors hover:text-koality-rose" href="/politique-confidentialite">Confidentialité</a></nav></div></div></footer><div class="fixed bottom-0 left-0 right-0 z-50 bg-theme-bg/90 backdrop-blur-md" style="opacity:0;transform:translateY(100px)"><div class="absolute inset-x-0 top-0 h-px bg-gray-200"></div><div class="container mx-auto flex items-center justify-between px-4 py-4 sm:px-6 lg:px-8"><div class="hidden sm:block"><p class="text-sm text-theme-text-muted">Prêt à démarrer votre projet ?</p></div>
9<div class="flex w-full gap-4 sm:w-auto sm:gap-6"><a class="group relative flex flex-1 items-center justify-center gap-2 sm:flex-initial" href="/realisations"><span class="text-sm font-medium text-theme-text transition-colors group-hover:text-theme-accent-rose">Nos projets</span><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" class="lucide lucide-arrow-right h-4 w-4 text-theme-accent-rose transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="absolute bottom-0 left-0 h-px w-0 bg-theme-accent-rose transition-all duration-300 group-hover:w-full"></span></a><div class="h-6 w-px bg-theme-elevated/30"></div><a class="group relative flex flex-1 items-center justify-center gap-2 sm:flex-initial" href="/contact"><span class="text-sm font-medium text-theme-text transition-colors group-hover:text-koality-orange">Nous contacter</span><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" class="lucide lucide-arrow-right h-4 w-4 text-koality-orange transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="absolute bottom-0 left-0 h-px w-0 bg-koality-orange transition-all duration-300 group-hover:w-full"></span></a></div></div></div>
9<script src="/_next/static/chunks/webpack-f8b29e5e104de8c5.js" async=""></script>
9<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
9<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/0484562807a97172-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/13971731025ec697-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/media/1e41be92c43b3255-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:HL[\"/_next/static/media/3d26d2f3aa81a833-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n5:HL[\"/_next/static/media/4c285fdca692ea22-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n6:HL[\"/_next/static/media/6245472ced48d3be-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n7:HL[\"/_next/static/media/6e1768769e6f59a2-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n8:HL[\"/_next/static/media/7108afb8b1381ad1-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n9:HL[\"/_next/static/media/7db6c35d839a711c-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\na:HL[\"/_next/static/media/806de4d605d3ad01-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nb:HL[\"/_next/static/media/8888a3826f4a3af4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nc:HL[\"/_next/static/media/9a4ee768fed045da-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nd:HL[\"/_next/static/media/9e82d62334b205f4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\ne:HL[\"/_next/static/media/ab2e3a11646b0499-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\nf:HL[\"/_next/static/media/b957ea75a84b6ea7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n10:HL[\"/_next/static/media/c9e6921c7fc300d8-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n11:HL[\"/_next/static/media/d8c14dc5fcaf3a63.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n12:HL[\"/_next/static/media/e38eb47baf21539a.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n13:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n14:HL[\"/_next/static/media/eaead17c7dbfcd5d-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n15:HL[\"/_next/static/media/"])</script>
9<script>self.__next_f.push([1,"eafabf029ad39a43-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n16:HL[\"/_next/static/media/ee40bb094c99a29a-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n17:HL[\"/_next/static/media/fc727f226c737876-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n18:HL[\"/_next/static/css/83c0a28146c3201f.css\",\"style\"]\n19:HL[\"/_next/static/css/1fc2118fc4fc2330.css\",\"style\"]\n"])</script>
9<script>self.__next_f.push([1,"1a:I[12846,[],\"\"]\n1d:I[4707,[],\"\"]\n1f:I[36423,[],\"\"]\n22:I[61060,[],\"\"]\n1e:[\"slug\",\"strategie-product-engineering\",\"d\"]\n23:[]\n0:[\"$\",\"$L1a\",null,{\"buildId\":\"_E7Xo4SXBqhTCC7zlNjjw\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"strategie-product-engineering\"],\"initialTree\":[\"\",{\"children\":[[\"slug\",\"strategie-product-engineering\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[[\"slug\",\"strategie-product-engineering\",\"d\"],{\"children\":[\"__PAGE__\",{},[[\"$L1b\",\"$L1c\",null],null],null]},[null,[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$1e\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1f\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/83c0a28146c3201f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1fc2118fc4fc2330.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L20\"],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L21\"],\"globalErrorComponent\":\"$22\",\"missingSlots\":\"$W23\"}]\n"])</script>
9<script>self.__next_f.push([1,"24:I[46660,[\"2972\",\"static/chunks/2972-76fa5cc019b7a5f6.js\",\"5237\",\"static/chunks/5237-efb886b2a5c98370.js\",\"605\",\"static/chunks/605-47b01fcaee473811.js\",\"2237\",\"static/chunks/2237-377baa58fd430957.js\",\"6042\",\"static/chunks/app/%5Bslug%5D/page-46a26a2b50f4e220.js\"],\"default\"]\n25:I[30180,[\"2972\",\"static/chunks/2972-76fa5cc019b7a5f6.js\",\"5237\",\"static/chunks/5237-efb886b2a5c98370.js\",\"605\",\"static/chunks/605-47b01fcaee473811.js\",\"2237\",\"static/chunks/2237-377baa58fd430957.js\",\"6042\",\"static/chunks/app/%5Bslug%5D/page-46a26a2b50f4e220.js\"],\"default\"]\n26:T44e,\u003ch3\u003eAudit et état des lieux\u003c/h3\u003e\n\u003cp\u003eNous commençons par comprendre votre contexte : marché, concurrence, utilisateurs cibles, contraintes techniques existantes. Cet audit initial nous permet d'identifier les opportunités et les points de vigilance dès le départ.\u003c/p\u003e\n\n\u003ch3\u003eAteliers de co-création\u003c/h3\u003e\n\u003cp\u003eDes sessions interactives où votre expertise métier rencontre notre savoir-faire technique. Ensemble, nous dessinons les contours du produit idéal : fonctionnalités clés, expérience utilisateur, contraintes techniques, modèle économique.\u003c/p\u003e\n\n\u003ch3\u003eFeuille de route produit (roadmap)\u003c/h3\u003e\n\u003cp\u003eNous structurons le développement en phases cohérentes et progressives. Chaque phase apporte de la valeur tout en préparant les suivantes. Cette roadmap devient votre boussole pour piloter le projet dans le temps.\u003c/p\u003e\n\n\u003ch3\u003eValidation et jalons\u003c/h3\u003e\n\u003cp\u003eAvant de passer au développement, nous validons ensemble chaque élément : spécifications, maquettes, architecture. Des points de contrôle réguliers garantissent que nous restons alignés sur vos objectifs tout au long du projet.\u003c/p\u003e"])</script>
9<script>self.__next_f.push([1,"1c:[\"$\",\"main\",null,{\"className\":\"min-h-screen\",\"children\":[[\"$\",\"$L24\",null,{\"pageId\":2}],false,[[\"$\",\"$L25\",\"179\",{\"section\":{\"id\":179,\"page_id\":2,\"section_type\":\"hero\",\"title\":\"Stratégie \u0026 Product Engineering\",\"content\":\"\u003cp\u003eLe succès d'un produit numérique ne réside pas seulement dans la qualité de son code, mais dans la pertinence de sa conception initiale.\u003c/p\u003e\u003cp\u003eNotre rôle de Product Engineer commence ici : nous sommes votre partenaire stratégique pour transformer une vision en un plan d'action robuste. Notre mission est de garantir que la solution technique servira parfaitement vos objectifs et répondra aux vrais besoins de vos utilisateurs.\u003c/p\u003e\",\"media_id\":null,\"settings\":{},\"display_order\":0,\"created_at\":\"$D2025-10-28T16:23:21.000Z\",\"updated_at\":\"$D2025-11-12T09:16:24.000Z\"}}],[\"$\",\"$L25\",\"181\",{\"section\":{\"id\":181,\"page_id\":2,\"section_type\":\"content_block\",\"title\":\"De l'idée au plan d'action : notre processus\",\"content\":\"$26\",\"media_id\":null,\"settings\":{\"layout\":\"development-timeline\",\"asideContent\":\"\u003cp\u003eNotre promesse\u0026nbsp;: livrer un produit robuste, performant et maintenable, soutenu par un pipeline QA complet et des itérations maîtrisées.\u003c/p\u003e\\n\u003cdiv\u003e\\n \u003cp\u003e⢠Stack TypeScript strict, Next.js / React Native, CI/CD automatisée.\u003c/p\u003e\\n \u003cp\u003e⢠Sprints de 2 semaines avec revues, démonstrations et jalons documentés.\u003c/p\u003e\\n \u003cp\u003e⢠Batterie QA multi-devices : tests automatisés (Jest, Cypress, Playwright) + QA manuelle.\u003c/p\u003e\\n \u003cp\u003e⢠Objectif de performance Lighthouse ⥠90 sur les quatre piliers clés.\u003c/p\u003e\\n\u003c/div\u003e\",\"contentStructured\":{\"layout\":\"development-timeline\",\"steps\":[{\"title\":\"Ateliers de cadrage et découverte\",\"body\":\"\u003cp\u003eCette étape pose les bases de votre projet. Nous organisons des ateliers collaboratifs avec vous et vos équipes pour analyser en profondeur vos besoins, vos contraintes \\\"métier\\\" et vos objectifs stratégiques. Ensemble, nous posons un cadre clair et partagé par toutes les parties prenantes.\u003c/p\u003e\"},{\"title\":\"Définition du produit viable (MVP)\",\"body\":\"\u003cp\u003ePour être efficace, il faut se concentrer sur l'essentiel. Nous vous aidons à prioriser les fonctionnalités pour définir une première version (MVP - Minimum Viable Product). L'objectif est qu'elle apporte un maximum de valeur à vos utilisateurs dès son lancement, tout en maîtrisant les coûts et les délais.\u003c/p\u003e\"},{\"title\":\"Conception UX \u0026 Wireframes\",\"body\":\"\u003cp\u003eAvant de construire, il faut visualiser. Nous traduisons la stratégie en parcours utilisateurs clairs (user flows) et en maquettes fonctionnelles (wireframes). Ces éléments, couplés aux spécifications, garantissent que toutes les parties prenantes, des décideurs aux développeurs, partagent une vision unique et sans ambiguïté du produit à construire.\u003c/p\u003e\"},{\"title\":\"Recommandation d'architecture et choix technologiques\",\"body\":\"\u003cp\u003eEn conclusion de cette phase, nous définissons l'architecture système et la stack technologique la plus adaptée. Cette étape valide les grands choix techniques et prépare le terrain pour la phase d'architecture détaillée.\u003c/p\u003e\"}],\"asideContent\":\"\u003cul\u003e\u003cli\u003e\u003cp\u003eà l'issue de cette phase de stratégie, vous disposez d'un dossier de conception complet et directement actionnable par les équipes techniques.\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003eIl contient :\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003e- Le périmètre du MVP et ses priorités\u003c/p\u003e\u003cp\u003e- Les parcours utilisateurs et les maquettes fonctionnelles (wireframes)\u003c/p\u003e\u003cp\u003e- Les spécifications fonctionnelles détaillées\u003c/p\u003e\u003cp\u003e- La recommandation d'architecture\u003c/p\u003e\u003cp\u003e\u003c/p\u003e\u003cp\u003eC'est le plan directeur de votre projet, garantissant un développement maîtrisé et aligné sur vos objectifs.\u003c/p\u003e\"}},\"display_order\":2,\"created_at\":\"$D2025-10-28T16:23:21.000Z\",\"updated_at\":\"$D2025-11-12T11:56:58.000Z\"}}],[\"$\",\"$L25\",\"252\",{\"section\":{\"id\":252,\"page_id\":2,\"section_type\":\"content_block\",\"title\":\"Pourquoi cette phase est votre meilleur investissement\",\"content\":\"\",\"media_id\":null,\"settings\":{\"layout\":\"numbered-steps\",\"contentStructured\":{\"layout\":\"numbered-steps\",\"steps\":[{\"title\":\"Sécuriser votre projet\",\"body\":\"\u003cp\u003eEn posant un cadre clair et partagé dès le départ, nous minimisons les risques d'incompréhension, les allers-retours coûteux et les écarts budgétaires. Vous savez où vou
9s allez et nous savons comment y aller.\u003c/p\u003e\"},{\"title\":\"Accélérer la réalisation\",\"body\":\"\u003cp\u003eDes spécifications précises et une vision alignée permettent à l'équipe de développement de travailler plus vite et plus sereinement. Moins de questions, c'est plus de temps passé à construire de la valeur.\u003c/p\u003e\"},{\"title\":\"Garantir l'adoption\",\"body\":\"\u003cp\u003eEn nous concentrant sur les parcours et les usages réels de vos utilisateurs finaux, nous nous assurons que le produit développé sera non seulement fonctionnel, mais aussi pertinent et adopté par sa cible.\u003c/p\u003e\"}]}},\"display_order\":6,\"created_at\":\"$D2025-11-12T09:26:18.000Z\",\"updated_at\":\"$D2025-11-12T09:48:42.000Z\"}}],[\"$\",\"$L25\",\"253\",{\"section\":{\"id\":253,\"page_id\":2,\"section_type\":\"content_block\",\"title\":\"Prêt à structurer votre vision ?\",\"content\":\"\u003cp\u003eQue vous partiez dâune idée, dâun besoin complexe ou dâun projet existant à améliorer, notre expertise en stratégie produit vous aide à clarifier et concrétiser votre vision.\u003c/p\u003e\u003cp\u003eÃchangeons pour poser ensemble les bases de votre futur produit.\u003c/p\u003e\",\"media_id\":null,\"settings\":{\"layout\":\"final-cta\",\"contentStructured\":{\"layout\":\"final-cta\",\"mainText\":\"\u003cp\u003eQue vous partiez dâune idée, dâun besoin complexe ou dâun projet existant à améliorer, notre expertise en stratégie produit vous aide à clarifier et concrétiser votre vision.\u003c/p\u003e\",\"conclusion\":\"\u003cp\u003eÃchangeons pour poser ensemble les bases de votre futur produit.\u003c/p\u003e\"}},\"display_order\":6,\"created_at\":\"$D2025-11-12T09:26:38.000Z\",\"updated_at\":\"$D2025-11-12T10:02:26.000Z\"}}]],false,\"$undefined\"]}]\n"])</script>
9<script>self.__next_f.push([1,"27:I[77405,[\"922\",\"static/chunks/c15bf2b0-bcd2d0b7bb408c9a.js\",\"2972\",\"static/chunks/2972-76fa5cc019b7a5f6.js\",\"5237\",\"static/chunks/5237-efb886b2a5c98370.js\",\"5878\",\"static/chunks/5878-234055dce52ab033.js\",\"605\",\"static/chunks/605-47b01fcaee473811.js\",\"7050\",\"static/chunks/7050-55e7bb7ff9de3ef8.js\",\"9986\",\"static/chunks/9986-3528ed51e0c2aa70.js\",\"8003\",\"static/chunks/8003-ad3b398ff6334c75.js\",\"7106\",\"static/chunks/7106-c281986c7673f581.js\",\"3185\",\"static/chunks/app/layout-3ca37302dab77625.js\"],\"default\"]\n28:I[63396,[\"922\",\"static/chunks/c15bf2b0-bcd2d0b7bb408c9a.js\",\"2972\",\"static/chunks/2972-76fa5cc019b7a5f6.js\",\"5237\",\"static/chunks/5237-efb886b2a5c98370.js\",\"5878\",\"static/chunks/5878-234055dce52ab033.js\",\"605\",\"static/chunks/605-47b01fcaee473811.js\",\"7050\",\"static/chunks/7050-55e7bb7ff9de3ef8.js\",\"9986\",\"static/chunks/9986-3528ed51e0c2aa70.js\",\"8003\",\"static/chunks/8003-ad3b398ff6334c75.js\",\"7106\",\"static/chunks/7106-c281986c7673f581.js\",\"3185\",\"static/chunks/app/layout-3ca37302dab77625.js\"],\"ThemeProvider\"]\n29:I[26475,[\"922\",\"static/chunks/c15bf2b0-bcd2d0b7bb408c9a.js\",\"2972\",\"static/chunks/2972-76fa5cc019b7a5f6.js\",\"5237\",\"static/chunks/5237-efb886b2a5c98370.js\",\"5878\",\"static/chunks/5878-234055dce52ab033.js\",\"605\",\"static/chunks/605-47b01fcaee473811.js\",\"7050\",\"static/chunks/7050-55e7bb7ff9de3ef8.js\",\"9986\",\"static/chunks/9986-3528ed51e0c2aa70.js\",\"8003\",\"static/chunks/8003-ad3b398ff6334c75.js\",\"7106\",\"static/chunks/7106-c281986c7673f581.js\",\"3185\",\"static/chunks/app/layout-3ca37302dab77625.js\"],\"default\"]\n2a:I[58132,[\"922\",\"static/chunks/c15bf2b0-bcd2d0b7bb408c9a.js\",\"2972\",\"static/chunks/2972-76fa5cc019b7a5f6.js\",\"5237\",\"static/chunks/5237-efb886b2a5c98370.js\",\"5878\",\"static/chunks/5878-234055dce52ab033.js\",\"605\",\"static/chunks/605-47b01fcaee473811.js\",\"7050\",\"static/chunks/7050-55e7bb7ff9de3ef8.js\",\"9986\",\"static/chunks/9986-3528ed51e0c2aa70.js\",\"8003\",\"static/chunks/8003-ad3b398ff6334c75.js\",\"7106\",\"static/chunks/7106-c281986c7673f581.js\",\"3185\",\"static/chunks/app/layout-3ca37302dab77625.js\"],\"default\""])</script>
9<script>self.__next_f.push([1,"]\n2b:I[11870,[\"922\",\"static/chunks/c15bf2b0-bcd2d0b7bb408c9a.js\",\"2972\",\"static/chunks/2972-76fa5cc019b7a5f6.js\",\"5237\",\"static/chunks/5237-efb886b2a5c98370.js\",\"5878\",\"static/chunks/5878-234055dce52ab033.js\",\"605\",\"static/chunks/605-47b01fcaee473811.js\",\"7050\",\"static/chunks/7050-55e7bb7ff9de3ef8.js\",\"9986\",\"static/chunks/9986-3528ed51e0c2aa70.js\",\"8003\",\"static/chunks/8003-ad3b398ff6334c75.js\",\"7106\",\"static/chunks/7106-c281986c7673f581.js\",\"3185\",\"static/chunks/app/layout-3ca37302dab77625.js\"],\"default\"]\n2c:I[65947,[\"922\",\"static/chunks/c15bf2b0-bcd2d0b7bb408c9a.js\",\"2972\",\"static/chunks/2972-76fa5cc019b7a5f6.js\",\"5237\",\"static/chunks/5237-efb886b2a5c98370.js\",\"5878\",\"static/chunks/5878-234055dce52ab033.js\",\"605\",\"static/chunks/605-47b01fcaee473811.js\",\"7050\",\"static/chunks/7050-55e7bb7ff9de3ef8.js\",\"9986\",\"static/chunks/9986-3528ed51e0c2aa70.js\",\"8003\",\"static/chunks/8003-ad3b398ff6334c75.js\",\"7106\",\"static/chunks/7106-c281986c7673f581.js\",\"3185\",\"static/chunks/app/layout-3ca37302dab77625.js\"],\"default\"]\n2d:I[41699,[\"922\",\"static/chunks/c15bf2b0-bcd2d0b7bb408c9a.js\",\"2972\",\"static/chunks/2972-76fa5cc019b7a5f6.js\",\"5237\",\"static/chunks/5237-efb886b2a5c98370.js\",\"5878\",\"static/chunks/5878-234055dce52ab033.js\",\"605\",\"static/chunks/605-47b01fcaee473811.js\",\"7050\",\"static/chunks/7050-55e7bb7ff9de3ef8.js\",\"9986\",\"static/chunks/9986-3528ed51e0c2aa70.js\",\"8003\",\"static/chunks/8003-ad3b398ff6334c75.js\",\"7106\",\"static/chunks/7106-c281986c7673f581.js\",\"3185\",\"static/chunks/app/layout-3ca37302dab77625.js\"],\"default\"]\n"])</script>
9<script>self.__next_f.push([1,"20:[\"$\",\"html\",null,{\"lang\":\"fr\",\"className\":\"__variable_975d1f __variable_9b9fd1 __variable_04b02f __variable_a1d03f __variable_d466e1 __variable_d8935c __variable_598095 __variable_cc7473 __variable_33589c __variable_96b36b __variable_e8b655 __variable_d59ba8\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function() {\\n const theme = localStorage.getItem('koality-theme') || 'dark';\\n if (theme === 'light') {\\n document.documentElement.setAttribute('data-theme', 'light');\\n }\\n })();\\n \"}}]}],[\"$\",\"body\",null,{\"className\":\"text-theme-text flex min-h-screen flex-col font-body\",\"children\":[[\"$\",\"$L27\",null,{}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Koality\\\",\\\"url\\\":\\\"https://koality.fr\\\",\\\"logo\\\":\\\"https://koality.fr/og-image.png\\\",\\\"description\\\":\\\"Agence de développement web, mobile et intégration de l'IA en Bretagne. Applications sur mesure depuis 2012.\\\",\\\"foundingDate\\\":\\\"2012\\\",\\\"areaServed\\\":{\\\"@type\\\":\\\"Country\\\",\\\"name\\\":\\\"France\\\"},\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"addressRegion\\\":\\\"Bretagne\\\",\\\"addressCountry\\\":\\\"FR\\\"},\\\"sameAs\\\":[],\\\"knowsAbout\\\":[\\\"Développement web\\\",\\\"Applications mobiles\\\",\\\"React\\\",\\\"Next.js\\\",\\\"React Native\\\",\\\"TypeScript\\\",\\\"Intelligence artificielle\\\"]}\"}}],[\"$\",\"$L28\",null,{\"children\":[\"$\",\"$L29\",null,{\"children\":[\"$\",\"$L2a\",null,{\"header\":[\"$\",\"$L2b\",null,{\"menuItems\":[{\"id\":11,\"menu_location\":\"header\",\"label\":\"Accueil\",\"url\":\"/\",\"page_id\":null,\"parent_id\":null,\"display_order\":0,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-10-21T13:46:07.000Z\"},{\"id\":17,\"menu_location\":\"header\",\"label\":\"Expertises\",\"url\":\"#\",\"page_id\":null,\"parent_id\":null,\"display_order\":1,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T11:02:40.000Z\"},{\"id\":18,\"menu_location\":\"header\",\"label\":\"Solutions métier sur mesure\",\"url\":null,\"page_id\":6,\"parent_id\":17,\"display_order\":2,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T11:02:40.000Z\",\"page\":{\"id\":6,\"slug\":\"solutions-metier-sur-mesure\",\"title\":\"Solutions métier sur mesure\"}},{\"id\":19,\"menu_location\":\"header\",\"label\":\"Applications mobiles\",\"url\":null,\"page_id\":7,\"parent_id\":17,\"display_order\":3,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T11:13:48.000Z\",\"page\":{\"id\":7,\"slug\":\"applications-mobiles\",\"title\":\"Applications mobiles\"}},{\"id\":20,\"menu_location\":\"header\",\"label\":\"Renfort technique\",\"url\":null,\"page_id\":8,\"parent_id\":17,\"display_order\":4,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T11:13:48.000Z\",\"page\":{\"id\":8,\"slug\":\"renfort-technique\",\"title\":\"Renfort technique\"}},{\"id\":29,\"menu_location\":\"header\",\"label\":\"Solutions IA \u0026 Data\",\"url\":null,\"page_id\":124,\"parent_id\":17,\"display_order\":5,\"is_external\":false,\"created_at\":\"$D2025-11-18T11:01:29.000Z\",\"updated_at\":\"$D2025-11-18T11:13:53.000Z\",\"page\":{\"id\":124,\"slug\":\"solutions-ia-data\",\"title\":\"Solutions IA \u0026 Data\"}},{\"id\":22,\"menu_location\":\"header\",\"label\":\"Sites web marketing et e-commerce\",\"url\":null,\"page_id\":10,\"parent_id\":17,\"display_order\":6,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T11:13:53.000Z\",\"page\":{\"id\":10,\"slug\":\"sites-web-marketing\",\"title\":\"Sites web marketing et e-commerce\"}},{\"id\":12,\"menu_location\":\"header\",\"label\":\"Méthodologie\",\"url\":\"#\",\"page_id\":null,\"parent_id\":null,\"display_order\":7,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T10:23:55.000Z\"}
9,{\"id\":13,\"menu_location\":\"header\",\"label\":\"Stratégie \u0026 Product Engineering\",\"url\":null,\"page_id\":2,\"parent_id\":12,\"display_order\":8,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T10:23:55.000Z\",\"page\":{\"id\":2,\"slug\":\"strategie-product-engineering\",\"title\":\"Stratégie \u0026 Product Engineering\"}},{\"id\":14,\"menu_location\":\"header\",\"label\":\"Architecture web \u0026 Intelligence Artificielle\",\"url\":null,\"page_id\":3,\"parent_id\":12,\"display_order\":9,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T10:23:55.000Z\",\"page\":{\"id\":3,\"slug\":\"architecture-web-intelligence-artificielle\",\"title\":\"Architecture web \u0026 Intelligence Artificielle\"}},{\"id\":15,\"menu_location\":\"header\",\"label\":\"Conception \u0026 développement\",\"url\":null,\"page_id\":4,\"parent_id\":12,\"display_order\":10,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T10:23:55.000Z\",\"page\":{\"id\":4,\"slug\":\"conception-developpement\",\"title\":\"Conception \u0026 développement\"}},{\"id\":16,\"menu_location\":\"header\",\"label\":\"Accompagnement \u0026 évolution\",\"url\":null,\"page_id\":5,\"parent_id\":12,\"display_order\":11,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T10:23:55.000Z\",\"page\":{\"id\":5,\"slug\":\"accompagnement-evolution\",\"title\":\"Accompagnement \u0026 évolution\"}},{\"id\":23,\"menu_location\":\"header\",\"label\":\"Réalisations\",\"url\":\"/realisations\",\"page_id\":null,\"parent_id\":null,\"display_order\":12,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-18T11:02:56.000Z\"},{\"id\":28,\"menu_location\":\"header\",\"label\":\"L'agence\",\"url\":null,\"page_id\":125,\"parent_id\":null,\"display_order\":13,\"is_external\":false,\"created_at\":\"$D2025-11-17T10:33:07.000Z\",\"updated_at\":\"$D2025-11-18T11:02:56.000Z\",\"page\":{\"id\":125,\"slug\":\"l-agence\",\"title\":\"L'agence\"}},{\"id\":24,\"menu_location\":\"header\",\"label\":\"Contact\",\"url\":\"/contact\",\"page_id\":null,\"parent_id\":null,\"display_order\":14,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-11-17T10:33:11.000Z\"}]}],\"footer\":[\"$\",\"$L2c\",null,{\"menuItems\":[{\"id\":25,\"menu_location\":\"footer\",\"label\":\"Accueil\",\"url\":\"/\",\"page_id\":null,\"parent_id\":null,\"display_order\":0,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-10-21T13:46:07.000Z\"},{\"id\":26,\"menu_location\":\"footer\",\"label\":\"Réalisations\",\"url\":\"/realisations\",\"page_id\":null,\"parent_id\":null,\"display_order\":1,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-10-21T13:46:07.000Z\"},{\"id\":27,\"menu_location\":\"footer\",\"label\":\"Contact\",\"url\":\"/contact\",\"page_id\":null,\"parent_id\":null,\"display_order\":2,\"is_external\":false,\"created_at\":\"$D2025-10-21T13:46:07.000Z\",\"updated_at\":\"$D2025-10-21T13:46:07.000Z\"}]}],\"ctaBanner\":[\"$\",\"$L2d\",null,{}],\"children\":[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1f\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\"
9:\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]}]]}]]}]\n"])</script>
9<script>self.__next_f.push([1,"21:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Stratégie \u0026 Product Engineering\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Agence de développement web, mobile et intégration de l'IA en Bretagne. Applications sur mesure depuis 2012.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"Agence Koality | Développement web \u0026 mobile sur mesure\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"Agence de développement web, mobile et intégration de l'IA en Bretagne. Applications sur mesure depuis 2012.\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://koality.fr\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:site_name\",\"content\":\"Agence Koality\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:locale\",\"content\":\"fr_FR\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://koality.fr/og-image.png\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"Koality\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:site\",\"content\":\"@VotreCompteTwitter\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:creator\",\"content\":\"@VotreCompteTwitter\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:title\",\"content\":\"Agence Koality | Développement web \u0026 mobile sur mesure\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:description\",\"content\":\"Agence de développement web, mobile et intégration de l'IA en Bretagne. Applications sur mesure depuis 2012.\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image\",\"content\":\"https://koality.fr/og-image.png\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x32\"}],[\"$\",\"link\",\"21\",{\"rel\":\"icon\",\"href\":\"/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"23\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\"}],[\"$\",\"meta\",\"24\",{\"name\":\"next-size-adjust\"}]]\n"])</script>
9<script>self.__next_f.push([1,"1b:null\n"])</script>
9</body></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.