{% extends 'base.html.twig' %}
{% block title %}Dispositifs sur-mesure et ingénierie pédagogique - Qwantic{% endblock %}
{% block meta %}
<meta name="description"
content="Du service d’ingéniérie pédagogique au programme de formation personnalisé, nos experts vous accompagnent à créer une expérience de formation nouvelle.
">
{% endblock %}
{% block schemaOrg %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": "{{ url('home') }}"
},
{
"@type": "ListItem",
"position": 2,
"name": "Nos dispositifs sur-mesure",
"item": "{{ url('dispositifs') }}"
}
]
}
</script>
{% endblock schemaOrg %}
{% block body %}
<div class="relative">
<div class="lg:hidden absolute bottom-0 bg-blue-500 bg-opacity-70 w-full z-30"> </div>
{{ component('sections:header_section' ,{
title: "NOS DISPOSITIFS SUR-MESURE",
shortSubtitle: "Bénéficiez d’un accompagnement clé en main pour transformer vos métiers : conseil, contenus innovants et formations personnalisées.",
longSubtitle: "Bénéficiez d’un accompagnement clé en main pour transformer vos métiers : conseil, contenus innovants et formations personnalisées.",
url:"dispositifs.png",
}) }}
</div>
<section class="services">
<div class="relative bg-[#F5F5F5]">
<svg class="absolute bottom-0 right-0 z-0 lg:hidden" xmlns="http://www.w3.org/2000/svg" width="259.978"
height="502.738" viewBox="0 0 259.978 502.738">
<path id="Tracé_97" data-name="Tracé 97" d="M1007.818,2251.288,1096,2095.168V1748.55L836.022,2250.907Z"
transform="translate(-836.022 -1748.55)" fill="#fff"/>
</svg>
<div class="p-vertical !pb-10 flex flex-col gap-8">
<h1 class="p-horizontal font-allerBold uppercase text-center text-2xl"><span class="text-blue-500">Nos services</span>
d'accompagnement</h1>
<h3 class="p-horizontal font-allerRegular text-lg text-center">Les expériences de formation
innovantes dont vous avez besoin pour transformer vos métiers et relever vos défis</h3>
</div>
{# <img class="absolute h-full right-0 hidden lg:block" src="{{ asset('build/images/svg/w_white.svg') }}"#}
{# alt="w white">#}
<div class="flex flex-col lg:flex-row gap-20 w-full p-horizontal-without-padding pt-[4rem] pb-[4rem]">
<div data-aos="fade-down" data-aos-delay="0" id="bloc_ingenierie" class="relative w-full border-[#E4E0DF] border-2 border-solid rounded-lg h-fit lg:w-1/2">
<svg class="absolute svg-dispositif" xmlns="http://www.w3.org/2000/svg" width="70.992" height="70.992" viewBox="0 0 70.992 70.992">
<g id="Groupe_1230" data-name="Groupe 1230" transform="translate(0.5 0.5)">
<path id="Tracé_1145" data-name="Tracé 1145" d="M35,0A35,35,0,1,1,0,35,35,35,0,0,1,35,0Z" transform="translate(0)" fill="#fff" stroke="#ff4696" stroke-width="1"/>
<g id="icons_menu-4" data-name="icons menu-4" transform="translate(0.539 -0.054)">
<path data-name="Tracé 1159" d="M34.459,18.391a7.254,7.254,0,0,0-5.053,2.046,7.267,7.267,0,1,0,0,10.442,7.267,7.267,0,1,0,5.053-12.489Z" transform="translate(-0.724 -2.057)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<circle data-name="Ellipse 83" cx="3.746" cy="3.746" r="3.746" transform="translate(30.045 19.856)" fill="#ff4696" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1160" d="M42.469,28.446a1.788,1.788,0,0,1,1.545.894,1.758,1.758,0,0,0,.242-.894,1.789,1.789,0,0,0-3.578,0,1.758,1.758,0,0,0,.242.894A1.793,1.793,0,0,1,42.469,28.446Z" transform="translate(-8.678 -4.844)" fill="#fff"/>
<circle data-name="Ellipse 84" cx="3.746" cy="3.746" r="3.746" transform="translate(19.883 19.856)" fill="#ff4696" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1161" d="M27.139,28.446a1.788,1.788,0,0,1,1.545.894,1.758,1.758,0,0,0,.242-.894,1.789,1.789,0,0,0-3.578,0,1.758,1.758,0,0,0,.242.894A1.793,1.793,0,0,1,27.139,28.446Z" transform="translate(-3.51 -4.844)" fill="#fff"/>
<path data-name="Tracé 1162" d="M17.367,35.709S11.1,43.818,18.7,53.286" transform="translate(0 -7.896)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1163" d="M52.615,35.709a13.348,13.348,0,0,1,2.109,4.874" transform="translate(-12.703 -7.896)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1164" d="M21.445,17.424a5.96,5.96,0,0,1-1.163-5.133A25.618,25.618,0,0,0,30.429,14.46a25.558,25.558,0,0,0,10.148-2.169A5.989,5.989,0,0,1,39.4,17.435" transform="translate(-1.748 0)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1165" d="M32.384,39.426l2.18,2.936,2.176-2.936" transform="translate(-5.882 -9.149)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<g data-name="Groupe 1241" transform="translate(17.462 44.23)">
<path data-name="Tracé 1166" d="M29.966,64.253H18.745c0-2.085,2.155-3.777,4.815-3.777a5.082,5.082,0,0,1,4.3,2.081" transform="translate(-18.745 -60.476)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
</g>
<path data-name="Tracé 1167" d="M23.284,40.309a10.322,10.322,0,0,1-6.875,9.92" transform="translate(-0.496 -9.446)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1168" d="M44.331,40.309a10.411,10.411,0,0,0,1.493,5.536" transform="translate(-9.909 -9.446)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<g data-name="Groupe 1243" transform="translate(30.351 34.608)">
<g data-name="Groupe 1242">
<path data-name="Tracé 1169" d="M56.163,45.96l10.663,6.157a.582.582,0,0,1,0,1.006l-9.9,5.715a2.145,2.145,0,0,0-1.332,1.98h0c0,.9.774,1.612,1.678,1.09l10.425-6.02L66.486,55.1" transform="translate(-44.057 -45.96)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1170" d="M50.222,61.893,38.911,55.368a1.42,1.42,0,0,1-.669-.837,1.126,1.126,0,0,1-.049-.371,2.145,2.145,0,0,1,1.332-1.98L50.3,45.96" transform="translate(-38.191 -45.96)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1171" d="M64.562,73.618l6.16-3.553-1.212-.792" transform="translate(-47.082 -53.82)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1172" d="M50.222,74.417,38.911,67.889a1.42,1.42,0,0,1-.669-.837,1.126,1.126,0,0,1-.049-.371,2.145,2.145,0,0,1,1.332-1.98l.5-.322" transform="translate(-38.191 -52.169)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1173" d="M66.826,64.774a.582.582,0,0,1,0,1.006l-9.9,5.715a2.145,2.145,0,0,0-1.332,1.98h0c0,.9.774,1.612,1.678,1.09l2.274-1.3V75.5l1.99-1.191V72.1a1.415,1.415,0,0,0-.718-1.233h0" transform="translate(-44.057 -52.303)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<line data-name="Ligne 26" x2="8.949" y2="4.965" transform="translate(1.334 6.22)" fill="none" stroke="#ff4696" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
</g>
</g>
</g>
</g>
</svg>
<div class="bg-pink-500 rounded-t-lg">
<h2 class="uppercase text-white font-allerBold text-center text-2xl px-10 py-8"> Ingéniérie pédagogique </h2>
</div>
<div class="rounded-b-lg p-horizontal lg:px-10 pt-8 pb-16">
<p>L’accompagnement essentiel pour imaginer une expérience
éducative différente, avec des contenus pédagogiques
inédits et des formats hybrides.</p>
<div>
<button class="active active-icon cursor-pointer w-full text-left border-none outline-none transition flex items-center justify-between accordion py-4 font-allerBold text-lg text-grey-300">
Notre service d’ingéniérie pédagogique inclut
</button>
<div class="panel border-b-2 border-[#E4E0DF] border-solid max-h-0 overflow-hidden" style="transition: max-height 0.2s ease-out;">
<ul class="w-full pb-4">
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Accompagnement par des experts</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#f4007e"><path d="M5 13l4 4L19 7" stroke="#f4007e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Recommandation d’objectifs pédagogiques</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#f4007e"><path d="M5 13l4 4L19 7" stroke="#f4007e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Construction de maquette pédagogiques</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#f4007e"><path d="M5 13l4 4L19 7" stroke="#f4007e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Sélection des meilleurs formats, basée sur la recherche</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#f4007e"><path d="M5 13l4 4L19 7" stroke="#f4007e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Création de contenus pédagogiques autour du jeu, du sport, de l’art, du digital</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#f4007e"><path d="M5 13l4 4L19 7" stroke="#f4007e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Alternance de modules en e-learning et présentiel</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#f4007e"><path d="M5 13l4 4L19 7" stroke="#f4007e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p >Définition des modalités d’évaluation et de suivi</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#f4007e"><path d="M5 13l4 4L19 7" stroke="#f4007e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
</ul>
</div>
</div>
<a class="mx-[30px] mt-8 cta big-cta cta-white-pink lg:text-sm xl:text-base" href="{{ path('contact') }}">Nous contacter</a>
</div>
</div>
<div data-aos="fade-up" data-aos-delay="200" id="bloc_program" class="w-full lg:w-1/2 border-[#E4E0DF] border-2 border-solid rounded-lg h-fit relative">
<svg class="absolute svg-dispositif" xmlns="http://www.w3.org/2000/svg" width="70.992" height="70.992" viewBox="0 0 70.992 70.992">
<g data-name="Groupe 1230" transform="translate(0.5 0.5)">
<path data-name="Tracé 1145" d="M35,0A35,35,0,1,1,0,35,35,35,0,0,1,35,0Z" transform="translate(0)" fill="#049ea0" stroke="#049ea0" stroke-width="1"/>
<g data-name="Groupe 1238" transform="translate(-2.347 -2.347)">
<g data-name="icons menu-4b" transform="translate(11.407 12.201)">
<g data-name="Groupe 1237" transform="translate(10.4 10.609)">
<g data-name="Groupe 1236">
<path data-name="Tracé 1151" d="M7.542,3.867l13.6,7.875a.755.755,0,0,1,0,1.3L8.527,20.289a2.735,2.735,0,0,0-1.7,2.506h0c0,1.163.984,2.058,2.148,1.387l13.29-7.652-1.521-.984" transform="translate(7.924 -3.777)" fill="rgba(57,17,17,0)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1152" d="M19.183,24.253,4.73,15.93a1.855,1.855,0,0,1-.85-1.074c-.089-.268-.089-.492-.045-.492a2.75,2.75,0,0,1,1.7-2.551L19.273,3.848" transform="translate(-3.806 -3.848)" fill="rgba(57,17,17,0)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1153" d="M8.375,13.456,16.25,8.892l-1.521-.984" transform="translate(13.938 11.915)" fill="rgba(57,17,17,0)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1154" d="M19.183,19.933,4.73,11.566a1.855,1.855,0,0,1-.85-1.074C3.79,10.223,3.79,10,3.835,10a2.75,2.75,0,0,1,1.7-2.551l.626-.4" transform="translate(-3.806 8.57)" fill="rgba(57,17,17,0)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1155" d="M21.145,7.129a.755.755,0,0,1,0,1.3L8.527,15.675a2.735,2.735,0,0,0-1.7,2.506h0c0,1.163.984,2.058,2.148,1.387l2.908-1.656v2.864l2.551-1.521V16.436a1.756,1.756,0,0,0-.94-1.566h0" transform="translate(7.924 8.89)" fill="rgba(57,17,17,0)" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<line data-name="Ligne 25" x2="11.41" y2="6.354" transform="translate(1.73 8.01)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
</g>
</g>
<circle data-name="Ellipse 82" cx="24.208" cy="24.208" r="24.208" transform="translate(0 2.677) rotate(-3.17)" fill="rgba(57,17,17,0)" stroke="#88d2d5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
<path data-name="Tracé 1157" d="M8.952,24.127A25.339,25.339,0,0,0,24.127,8.952" transform="translate(27.809 27.808)" fill="rgba(57,17,17,0)" stroke="#88d2d5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.3"/>
</g>
</g>
</g>
</svg>
<div class="bg-[#FAFAFA] rounded-t-lg">
<h2 class="uppercase text-blue-500 font-allerBold text-center text-2xl px-10 py-8"> Programme sur-mesure </h2>
</div>
<div class="rounded-b-lg px-10 pt-8 pb-16 bg-white">
<p>L’accompagnement complet le plus puissant pour faire
monter en compétences durablement vos équipes et relever
vos défis avec succès. </p>
<div>
<button class="active active-icon cursor-pointer w-full text-left border-none outline-none transition flex items-center justify-between accordion py-4 font-allerBold text-lg text-grey-300">
Notre accompagnement sur-mesure inclut
</button>
<div class="panel border-b-2 border-[#E4E0DF] border-solid max-h-0 overflow-hidden" style="transition: max-height 0.2s ease-out;">
<ul class="w-full pb-4">
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Suivi personnalisé avec des experts</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#009ba4"><path d="M5 13l4 4L19 7" stroke="#009ba4" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Analyse et diagnostic des besoins prioritaires</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#009ba4"><path d="M5 13l4 4L19 7" stroke="#009ba4" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
<li class="w-full pb-4 font-allerRegular text-base">
<div class="flex items-center justify-between ">
<p>Ingéniérie pédagogique de la formation</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#009ba4"><path d="M5 13l4 4L19 7" stroke="#009ba4" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</div>
<ul class="p-3">
<li class="flex gap-1 items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="10.545" height="11.795" viewBox="0 0 10.545 11.795">
<path data-name="Tracé 71" d="M260.545,1441.368,250,1435.47v3.464l4.143,2.318L250,1443.571v3.694l4.422-2.473Z" transform="translate(-250 -1435.47)" fill="#88d2d5"/>
</svg>
<p class="text-sm">Construction de la maquette pédagogique</p>
</li>
<li class="flex gap-1 items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="10.545" height="11.795" viewBox="0 0 10.545 11.795">
<path data-name="Tracé 71" d="M260.545,1441.368,250,1435.47v3.464l4.143,2.318L250,1443.571v3.694l4.422-2.473Z" transform="translate(-250 -1435.47)" fill="#88d2d5"/>
</svg>
<p class="text-sm">Sélection des meilleurs formats</p>
</li>
<li class="flex gap-1 items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="10.545" height="11.795" viewBox="0 0 10.545 11.795">
<path data-name="Tracé 71" d="M260.545,1441.368,250,1435.47v3.464l4.143,2.318L250,1443.571v3.694l4.422-2.473Z" transform="translate(-250 -1435.47)" fill="#88d2d5"/>
</svg>
<p class="text-sm">Création de contenus pédagogiques</p>
</li>
<li class="flex gap-1 items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="10.545" height="11.795" viewBox="0 0 10.545 11.795">
<path data-name="Tracé 71" d="M260.545,1441.368,250,1435.47v3.464l4.143,2.318L250,1443.571v3.694l4.422-2.473Z" transform="translate(-250 -1435.47)" fill="#88d2d5"/>
</svg>
<p class="text-sm">Alternance de modules en e-learning et présentiel</p>
</li>
</ul>
</li>
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Définition du plan de formation sur l’année</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#009ba4"><path d="M5 13l4 4L19 7" stroke="#009ba4" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
<li class="w-full pb-4 flex items-center justify-between font-allerRegular text-base">
<p>Monitoring de l’impact et de la satisfaction</p>
<div>
<svg width="24px" height="24px" stroke-width="3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#009ba4"><path d="M5 13l4 4L19 7" stroke="#009ba4" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</li>
</ul>
</div>
</div>
<a class="mx-[30px] mt-8 cta big-cta cta-blue lg:text-sm xl:text-base" href="{{ path('contact') }}">Nous contacter</a>
</div>
</div>
</div>
</div>
</section>
{{ component('sections:small_pictos_section' , {
contentIcon1 : 'Des formations impactantes adaptées à vos enjeux',
contentIcon2 : 'Des compétences essentielles pour vos talents et votre entreprise',
contentIcon3 : 'Des experts engagés guident votre équipe vers le succès'
}) }}
{{ component('sections:start_up_section') }}
{{ component('catalog' , {form : form}) }}
{{ component('sections:project_cta_section') }}
{{ component('sections:cross_section' , {
route1 : 'qui_sommes_nous',
title1 : 'Qui sommes-nous ?',
route2 : 'nos_formations_courtes',
title2 : 'Nos formations courtes',
route3 : 'all_articles',
title3 : 'Le blog',
}) }}
{% endblock %}