-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
16 lines (15 loc) · 21.6 KB
/
Copy pathindex.html
File metadata and controls
16 lines (15 loc) · 21.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html><html lang="fr" class="motion-safe:scroll-smooth"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="theme-color" content="#ffffff"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="robots" content="index, follow"><title>SYNAPSIUM — Conseil en transformation numérique</title>
<meta name="description" content="SYNAPSIUM accompagne les entreprises dans leur transformation numérique : stratégie digitale, architecture SI, choix technologiques, intelligence artificielle, automatisation et optimisation des processus.">
<link rel="canonical" href="https://synapsium.com/">
<meta property="og:title" content="SYNAPSIUM — Conseil en transformation numérique">
<meta property="og:description" content="SYNAPSIUM accompagne les entreprises dans leur transformation numérique : stratégie digitale, architecture SI, choix technologiques, intelligence artificielle, automatisation et optimisation des processus.">
<meta property="og:url" content="https://synapsium.com/">
<meta property="og:type" content="website">
<meta property="og:image" content="https://synapsium.com/logo.png">
<meta property="og:image:alt" content="SYNAPSIUM — Conseil en transformation numérique">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1600">
<meta property="og:image:height" content="431">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="SYNAPSIUM">
<meta name="twitter:card" content="summary_large_image"><!-- Inter Font: https://rsms.me/inter/ --><link rel="preconnect" href="https://rsms.me/"><link rel="stylesheet" href="https://rsms.me/inter/inter.css"><link rel="icon" href="/favicon.ico?v=synapsium-2" type="image/x-icon" sizes="16x16 32x32 48x48"><link rel="icon" href="/favicon-32x32.png?v=synapsium-2" type="image/png" sizes="32x32"><link rel="icon" href="/icon.svg?v=synapsium-2" type="image/svg+xml" sizes="any"><link rel="apple-touch-icon" href="/apple-touch-icon.png?v=synapsium-2" sizes="180x180"><link rel="stylesheet" href="/_astro/BaseLayout.CtdBSAO_.css"></head><body class="flex flex-col bg-white lg:min-h-svh"><a href="#contenu" class="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[60] focus:rounded-full focus:bg-white focus:px-6 focus:py-3 focus:text-base-900">Aller au contenu</a><nav aria-label="Navigation principale" class="fixed inset-x-0 top-0 z-50 border-b border-base-100 bg-white"><div class="max-w-screen mx-auto px-8 lg:px-24 w-full 2xl:max-w-[120rem] relative"><div class="flex items-center justify-between gap-6 py-3"><a href="/" aria-label="SYNAPSIUM — Accueil" class="shrink-0"><img src="/logo.png" alt="Synapsium" width="1600" height="431" class="block h-auto max-w-full w-40 sm:w-44" decoding="async"></a><div class="hidden items-center gap-8 lg:flex"><a href="/expertises/" class="text-sm transition-colors hover:text-base-900 text-base-600">Nos expertises</a><a href="/approche/" class="text-sm transition-colors hover:text-base-900 text-base-600">Notre approche</a><a href="/contact/" class="flex ease-in-out text-center rounded-full font-medium items-center duration-500 justify-center transition-colors focus:outline-2 text-white bg-accent-500 hover:bg-accent-600 focus:outline-accent-600 h-9 px-4 py-3 text-sm w-fit">Parlons de votre projet</a></div><details class="group lg:hidden" data-mobile-menu><summary class="flex h-11 w-11 cursor-pointer list-none items-center justify-center rounded-full focus-visible:outline-accent-500 [&::-webkit-details-marker]:hidden"><span class="flex items-center gap-1"><span class="sr-only">Menu de navigation</span><span aria-hidden="true" class="size-2 rounded-full bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-data-[open=true]:-translate-x-3"></span><span aria-hidden="true" class="size-2 rounded-full bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-data-[open=true]:-translate-x-1"></span><span aria-hidden="true" class="size-2 rounded-full bg-base-900"></span></span></summary><div class="absolute inset-x-0 top-full border-b border-base-100 bg-white px-8 pb-8 pt-4"><div class="flex flex-col gap-6"><a href="/expertises/" class="text-sm text-base-900">Nos expertises</a><a href="/approche/" class="text-sm text-base-900">Notre approche</a><a href="/contact/" class="flex ease-in-out text-center rounded-full font-medium items-center duration-500 justify-center transition-colors focus:outline-2 text-white bg-accent-500 hover:bg-accent-600 focus:outline-accent-600 h-9 px-4 py-3 text-sm w-fit">Parlons de votre projet</a></div></div></details></div></div></nav><script type="module">var e=document.querySelector(`[data-mobile-menu]`);document.addEventListener(`keydown`,t=>{t.key===`Escape`&&e?.open&&(e.open=!1,e.querySelector(`summary`)?.focus())}),document.addEventListener(`click`,t=>{e?.open&&t.target instanceof Node&&!e.contains(t.target)&&(e.open=!1)}),window.matchMedia(`(min-width: 1024px)`).addEventListener(`change`,t=>{t.matches&&e&&(e.open=!1)});</script><main id="contenu" tabindex="-1" class="grow"><section aria-labelledby="home-title"><div class="max-w-screen mx-auto px-8 lg:px-24 w-full 2xl:max-w-[120rem] pb-12 pt-32 lg:pb-24 lg:pt-48"><p class="text-xs 2xl:text-sm mb-8 flex items-center gap-3 font-semibold uppercase tracking-wide text-base-600"><span aria-hidden="true" class="size-2 shrink-0 rounded-full bg-accent-500"></span>Conseil en transformation numérique</p><h1 class="text-5xl sm:text-5xl md:text-6xl lg:text-7xl 2xl:text-8xl font-medium leading-none tracking-tighter text-base-900" id="home-title"><span class="block">De la stratégie</span><span class="block">aux solutions<span class="text-accent-500">.</span></span></h1><div class="mt-12 grid grid-cols-1 gap-8 lg:grid-cols-12 lg:items-end"><p class="text-base sm:text-lg md:text-xl 2xl:text-2xl max-w-2xl text-pretty text-base-600 lg:col-span-7">Faites les bons choix technologiques. Construisez une stack cohérente et évolutive. Transformez les opportunités du numérique et de l’intelligence artificielle en solutions concrètes et opérationnelles.</p><div class="flex flex-wrap items-center gap-6 lg:col-span-5 lg:justify-end"><a href="/contact/" class="flex ease-in-out text-center rounded-full font-medium items-center duration-500 justify-center transition-colors focus:outline-2 text-white bg-accent-500 hover:bg-accent-600 focus:outline-accent-600 h-10 px-5 py-4 text-base w-fit">Parlons de votre projet</a><a href="/expertises/" class="font-medium group w-fit flex items-center gap-4 text-sm text-base-900">Nos expertises<span class="flex items-center gap-0.5"><span aria-hidden="true" class="bg-base-900 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-2.5 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-5 size-2 rounded-full"></span></span></a></div></div><div class="mt-12 flex flex-wrap gap-x-8 gap-y-3 border-t border-base-100 pt-6 lg:mt-20"><span class="text-xs 2xl:text-sm font-medium text-base-600">Stratégie digitale</span><span class="text-xs 2xl:text-sm font-medium text-base-600">Architecture SI</span><span class="text-xs 2xl:text-sm font-medium text-base-600">IA & automatisation</span><span class="text-xs 2xl:text-sm font-medium text-base-600">Expertise technologique</span></div></div></section><section aria-label="Nos quatre domaines d’expertise"><div class="max-w-screen mx-auto px-8 lg:px-24 w-full 2xl:max-w-[120rem] py-12 lg:py-24"><div class="grid grid-cols-1 md:grid-cols-12 gap-8"><span class="text-xs 2xl:text-sm uppercase text-base-900 font-semibold md:col-span-3"><div class="flex items-center gap-2"><span class="bg-base-900 size-3 rounded-full"></span><div>Nos expertises</div></div></span><div class="md:col-span-9"><h2 class="text-3xl sm:text-3xl md:text-4xl lg:text-5xl 2xl:text-6xl font-semibold uppercase leading-none tracking-tight text-base-900 text-balance">Quatre expertises. Une vision d’ensemble.</h2><p class="text-base sm:text-lg md:text-xl 2xl:text-2xl mt-8 text-base-600 text-pretty">De la direction à prendre aux compétences à mobiliser, un accompagnement adapté à vos projets.</p></div></div><div class="grid grid-cols-1 gap-x-8 gap-y-12 md:grid-cols-2 mt-12"><article class="flex flex-col items-start border-t border-base-100 pt-6"><span class="text-xs 2xl:text-sm font-medium text-base-500">01</span><h3 class="text-lg sm:text-xl md:text-2xl 2xl:text-3xl mt-6 font-medium tracking-tight text-base-900">Transformation numérique</h3><p class="text-base 2xl:text-lg mt-4 max-w-xl text-base-600 text-pretty">Accompagnement des entreprises dans la modernisation de leurs processus, outils et organisations.</p><ul class="mb-8 mt-6 flex flex-wrap gap-x-4 gap-y-2"><li class="text-xs text-base-500">Stratégie digitale</li><li class="text-xs text-base-500">Processus</li><li class="text-xs text-base-500">Organisation</li><li class="text-xs text-base-500">Accompagnement du changement</li></ul><a href="/expertises/transformation-numerique/" class="font-medium group w-fit flex items-center gap-4 text-sm text-base-900 mt-auto" aria-label="Découvrir : Transformation numérique">Explorer cette expertise<span class="flex items-center gap-0.5"><span aria-hidden="true" class="bg-base-900 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-2.5 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-5 size-2 rounded-full"></span></span></a></article><article class="flex flex-col items-start border-t border-base-100 pt-6"><span class="text-xs 2xl:text-sm font-medium text-base-500">02</span><h3 class="text-lg sm:text-xl md:text-2xl 2xl:text-3xl mt-6 font-medium tracking-tight text-base-900">Architecture & stack technologique</h3><p class="text-base 2xl:text-lg mt-4 max-w-xl text-base-600 text-pretty">Analyse de votre système d’information, audit de votre stack technologique et recommandations sur les solutions adaptées à vos besoins.</p><ul class="mb-8 mt-6 flex flex-wrap gap-x-4 gap-y-2"><li class="text-xs text-base-500">Architecture SI</li><li class="text-xs text-base-500">Audit de stack</li><li class="text-xs text-base-500">Intégration</li><li class="text-xs text-base-500">Cloud</li></ul><a href="/expertises/architecture-stack-technologique/" class="font-medium group w-fit flex items-center gap-4 text-sm text-base-900 mt-auto" aria-label="Découvrir : Architecture & stack technologique">Explorer cette expertise<span class="flex items-center gap-0.5"><span aria-hidden="true" class="bg-base-900 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-2.5 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-5 size-2 rounded-full"></span></span></a></article><article class="flex flex-col items-start border-t border-base-100 pt-6"><span class="text-xs 2xl:text-sm font-medium text-base-500">03</span><h3 class="text-lg sm:text-xl md:text-2xl 2xl:text-3xl mt-6 font-medium tracking-tight text-base-900">IA & automatisation</h3><p class="text-base 2xl:text-lg mt-4 max-w-xl text-base-600 text-pretty">Identification des opportunités offertes par l’intelligence artificielle, l’IA générative et l’automatisation des processus.</p><ul class="mb-8 mt-6 flex flex-wrap gap-x-4 gap-y-2"><li class="text-xs text-base-500">Intelligence artificielle</li><li class="text-xs text-base-500">IA générative</li><li class="text-xs text-base-500">Automatisation</li><li class="text-xs text-base-500">Optimisation des processus</li></ul><a href="/expertises/ia-automatisation/" class="font-medium group w-fit flex items-center gap-4 text-sm text-base-900 mt-auto" aria-label="Découvrir : IA & automatisation">Explorer cette expertise<span class="flex items-center gap-0.5"><span aria-hidden="true" class="bg-base-900 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-2.5 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-5 size-2 rounded-full"></span></span></a></article><article class="flex flex-col items-start border-t border-base-100 pt-6"><span class="text-xs 2xl:text-sm font-medium text-base-500">04</span><h3 class="text-lg sm:text-xl md:text-2xl 2xl:text-3xl mt-6 font-medium tracking-tight text-base-900">Sourcing & expertise technologique</h3><p class="text-base 2xl:text-lg mt-4 max-w-xl text-base-600 text-pretty">Identification et sélection des profils et expertises technologiques adaptés à vos projets : développeurs, architectes, DevOps, experts cloud, data et IA.</p><ul class="mb-8 mt-6 flex flex-wrap gap-x-4 gap-y-2"><li class="text-xs text-base-500">Développement</li><li class="text-xs text-base-500">Architecture</li><li class="text-xs text-base-500">DevOps & cloud</li><li class="text-xs text-base-500">Data & IA</li></ul><a href="/expertises/sourcing-expertise-technologique/" class="font-medium group w-fit flex items-center gap-4 text-sm text-base-900 mt-auto" aria-label="Découvrir : Sourcing & expertise technologique">Explorer cette expertise<span class="flex items-center gap-0.5"><span aria-hidden="true" class="bg-base-900 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-2.5 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-5 size-2 rounded-full"></span></span></a></article></div></div></section><section><div class="max-w-screen mx-auto px-8 lg:px-24 w-full 2xl:max-w-[120rem] py-24"><div class="border-t border-base-100 pt-12"><div class="grid grid-cols-1 md:grid-cols-12 gap-8"><span class="text-xs 2xl:text-sm uppercase text-base-900 font-semibold md:col-span-3"><div class="flex items-center gap-2"><span class="bg-base-900 size-3 rounded-full"></span><div>Notre rôle</div></div></span><div class="md:col-span-9"><h2 class="text-3xl sm:text-3xl md:text-4xl lg:text-5xl 2xl:text-6xl font-semibold uppercase leading-none tracking-tight text-base-900 text-balance">Donner du sens à vos choix technologiques.</h2><p class="text-base sm:text-lg md:text-xl 2xl:text-2xl mt-8 text-base-600 text-pretty">SYNAPSIUM accompagne les entreprises dans leur transformation numérique : stratégie digitale, architecture SI, choix technologiques, intelligence artificielle, automatisation et optimisation des processus.</p><p class="text-base sm:text-lg md:text-xl 2xl:text-2xl mt-4 text-base-600 text-pretty">Notre point de départ, ce sont vos enjeux. Nous relions votre vision, vos outils et les expertises nécessaires pour vous aider à construire des solutions qui trouvent leur place dans votre activité.</p><a href="/approche/" class="font-medium group w-fit flex items-center gap-4 text-sm text-base-900 mt-8">Découvrir notre approche<span class="flex items-center gap-0.5"><span aria-hidden="true" class="bg-base-900 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-2.5 size-2 rounded-full"></span><span aria-hidden="true" class="bg-base-900 translate-x-0 transition-transform duration-300 ease-out group-hover:-translate-x-5 size-2 rounded-full"></span></span></a></div></div></div></div></section><section><div class="max-w-screen mx-auto px-8 lg:px-24 w-full 2xl:max-w-[120rem] py-24"><div class="grid grid-cols-1 md:grid-cols-12 gap-8"><span class="text-xs 2xl:text-sm uppercase text-base-900 font-semibold md:col-span-3"><div class="flex items-center gap-2"><span class="bg-base-900 size-3 rounded-full"></span><div>Notre approche</div></div></span><div class="md:col-span-9"><h2 class="text-3xl sm:text-3xl md:text-4xl lg:text-5xl 2xl:text-6xl font-semibold uppercase leading-none tracking-tight text-base-900 text-balance">Avancer avec méthode.</h2><p class="text-base sm:text-lg md:text-xl 2xl:text-2xl mt-8 text-base-600 text-pretty">Une démarche qui part de votre contexte et relie chaque décision à sa mise en œuvre.</p></div></div><div class="mt-12 grid grid-cols-1 gap-x-8 gap-y-12 md:grid-cols-2 lg:grid-cols-4"><article><span class="text-4xl sm:text-4xl md:text-5xl lg:text-6xl 2xl:text-7xl font-semibold leading-none tracking-tighter text-base-900">01</span><div class="mt-6 border-t border-base-100 pt-4"><h3 class="text-base 2xl:text-lg font-medium text-base-900">Comprendre</h3><p class="text-sm 2xl:text-base mt-2 text-base-600 text-pretty">Partir de vos enjeux, de vos usages et de votre existant pour identifier ce qui doit évoluer.</p></div></article><article><span class="text-4xl sm:text-4xl md:text-5xl lg:text-6xl 2xl:text-7xl font-semibold leading-none tracking-tighter text-base-900">02</span><div class="mt-6 border-t border-base-100 pt-4"><h3 class="text-base 2xl:text-lg font-medium text-base-900">Prioriser</h3><p class="text-sm 2xl:text-base mt-2 text-base-600 text-pretty">Évaluer les options et définir une trajectoire réaliste, en tenant compte de la valeur attendue et de vos contraintes.</p></div></article><article><span class="text-4xl sm:text-4xl md:text-5xl lg:text-6xl 2xl:text-7xl font-semibold leading-none tracking-tighter text-base-900">03</span><div class="mt-6 border-t border-base-100 pt-4"><h3 class="text-base 2xl:text-lg font-medium text-base-900">Construire</h3><p class="text-sm 2xl:text-base mt-2 text-base-600 text-pretty">Mobiliser les bons outils et les bonnes expertises pour transformer les choix retenus en solutions opérationnelles.</p></div></article><article><span class="text-4xl sm:text-4xl md:text-5xl lg:text-6xl 2xl:text-7xl font-semibold leading-none tracking-tighter text-base-900">04</span><div class="mt-6 border-t border-base-100 pt-4"><h3 class="text-base 2xl:text-lg font-medium text-base-900">Faire évoluer</h3><p class="text-sm 2xl:text-base mt-2 text-base-600 text-pretty">Accompagner l’appropriation des solutions et ajuster la trajectoire à partir des retours du terrain.</p></div></article></div></div></section><section><div class="max-w-screen mx-auto px-8 lg:px-24 w-full 2xl:max-w-[120rem] py-24"><div class="grid grid-cols-1 gap-8 border-t border-base-100 pt-12 lg:grid-cols-12 lg:items-end"><div class="lg:col-span-8"><h2 class="text-3xl sm:text-3xl md:text-4xl lg:text-5xl 2xl:text-6xl font-semibold uppercase leading-none tracking-tight text-base-900 text-balance">Votre prochain pas commence ici.</h2><p class="text-base sm:text-lg md:text-xl 2xl:text-2xl mt-6 text-base-600 text-pretty">Un projet à structurer, un choix à éclairer ou une expertise à trouver ? Échangeons sur votre contexte et vos priorités.</p></div><div class="lg:col-span-4 lg:justify-self-end"><a href="/contact/" class="flex ease-in-out text-center rounded-full font-medium items-center duration-500 justify-center transition-colors focus:outline-2 text-white bg-accent-500 hover:bg-accent-600 focus:outline-accent-600 h-10 px-5 py-4 text-base w-fit">Parlons de votre projet</a></div></div></div></section></main><footer class="border-t border-base-100"><div class="max-w-screen mx-auto px-8 lg:px-24 w-full 2xl:max-w-[120rem] py-12"><div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-12"><div class="lg:col-span-4"><a href="/" aria-label="SYNAPSIUM — Accueil" class="inline-block"><img src="/logo.png" alt="Synapsium" width="1600" height="431" class="block h-auto max-w-full w-52" decoding="async"></a><p class="text-sm 2xl:text-base mt-6 max-w-sm text-base-600 text-pretty">Du conseil stratégique aux solutions opérationnelles, nous donnons une direction à votre transformation numérique.</p></div><div class="lg:col-span-4"><h2 class="text-xs 2xl:text-sm font-semibold uppercase text-base-900">Nos expertises</h2><ul class="mt-6 space-y-3"><li><a href="/expertises/transformation-numerique/" class="text-sm text-base-600 transition-colors hover:text-base-900">Transformation numérique</a></li><li><a href="/expertises/architecture-stack-technologique/" class="text-sm text-base-600 transition-colors hover:text-base-900">Architecture & stack technologique</a></li><li><a href="/expertises/ia-automatisation/" class="text-sm text-base-600 transition-colors hover:text-base-900">IA & automatisation</a></li><li><a href="/expertises/sourcing-expertise-technologique/" class="text-sm text-base-600 transition-colors hover:text-base-900">Sourcing & expertise technologique</a></li></ul></div><div class="lg:col-span-4"><h2 class="text-xs 2xl:text-sm font-semibold uppercase text-base-900">Faisons connaissance</h2><ul class="mt-6 space-y-3"><li><a href="mailto:contact@synapsium.com" class="text-sm text-base-600 hover:text-base-900">contact@synapsium.com</a></li><li><a href="https://www.linkedin.com/company/synapsiumsas/" class="text-sm text-base-600 hover:text-base-900">Retrouvez-nous sur LinkedIn</a></li><li><a href="/contact/" class="text-sm text-base-600 hover:text-base-900">Parlons de votre projet</a></li></ul></div></div><div class="mt-12 flex flex-col justify-between gap-4 border-t border-base-100 pt-6 sm:flex-row"><p class="text-xs 2xl:text-sm text-base-600">© 2026 SYNAPSIUM.</p><div class="flex flex-wrap gap-6"><a href="/expertises/" class="text-xs text-base-600 hover:text-base-900">Nos expertises</a><a href="/approche/" class="text-xs text-base-600 hover:text-base-900">Notre approche</a></div></div></div></footer></body></html>