{"id":11949,"date":"2026-02-01T14:51:27","date_gmt":"2026-02-01T13:51:27","guid":{"rendered":"https:\/\/ary.eu\/?page_id=11949"},"modified":"2026-02-15T20:54:26","modified_gmt":"2026-02-15T19:54:26","slug":"cas-dusages","status":"publish","type":"page","link":"https:\/\/ary.eu\/index.php\/cas-dusages\/","title":{"rendered":"Cas d&rsquo;usages"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11949\" class=\"elementor elementor-11949\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f52134 e-con-full e-flex e-con e-parent\" data-id=\"2f52134\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b73685d elementor-widget elementor-widget-heading\" data-id=\"b73685d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Nos cas d'usages<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d369474 e-con-full e-flex e-con e-parent\" data-id=\"d369474\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c10c60d elementor-widget elementor-widget-html\" data-id=\"c10c60d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =====================================================\n  SECTIONS CAS D'USAGE \u2013 ARY\n  \u2705 WordPress-ready (Bloc HTML)\n  \u2705 Bulles de choix (tabs) -> ouvre la section correspondante\n  \u2705 Fix citation qui d\u00e9borde (badge--quote)\n  \u2705 MODSPE : 1 photo + 1 vid\u00e9o dans \"Solution\" + 1 vid\u00e9o en FIN de section\n  \u2705 Fix affichage caract\u00e8res (accents) : texte converti en entit\u00e9s HTML (&eacute; etc.)\n====================================================== -->\n\n<div class=\"ary-caseuse ary-caseuse--light\" data-ary-version=\"CASEUSE-TABS-1.4\">\n  <style>\n    .ary-caseuse{\n      --ink:#1C244B;\n      --text:#1C244B;\n      --muted:#5B6477;\n      --card:#ffffff;\n      --border:#E6E9F0;\n      --shadow:0 10px 26px rgba(16,24,40,.10);\n\n      --btn-bg:#E9ECF2;\n      --btn-bg-hover:#DDE2EA;\n      --btn-text:var(--ink);\n      --btn-radius:6px;\n\n      --brand:var(--ink);\n      --surface:#F6F7FA;\n\n      color:var(--text);\n      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n      --serif: Georgia, \"Times New Roman\", Times, serif;\n    }\n\n    .ary-caseuse *{box-sizing:border-box}\n    .ary-caseuse img{max-width:100%;height:auto;display:block}\n\n    .ary-caseuse .wrap{\n      max-width:1100px;\n      margin:0 auto;\n      padding: 0 24px 44px;\n    }\n    @media (min-width:640px){.ary-caseuse .wrap{padding:0 32px 48px}}\n    @media (min-width:1200px){.ary-caseuse .wrap{padding:0 48px 56px}}\n\n    \/* Header *\/\n    .ary-caseuse .header{\n      margin: 0 0 14px;\n      display:flex;\n      flex-direction:column;\n      gap:10px;\n    }\n\n    \/* Tabs *\/\n    .ary-caseuse .tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}\n    .ary-caseuse .tab{\n      appearance:none;\n      border:1px solid var(--border);\n      background:#fff;\n      color:var(--ink);\n      padding:10px 12px;\n      border-radius:999px;\n      font-weight:750;\n      font-size:13px;\n      cursor:pointer;\n      box-shadow:var(--shadow);\n      transition: transform .02s ease, background-color .2s ease, border-color .2s ease;\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      white-space:nowrap;\n    }\n    .ary-caseuse .tab:hover{ background:var(--surface); }\n    .ary-caseuse .tab:active{ transform:translateY(1px); }\n    .ary-caseuse .tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px}\n    .ary-caseuse .tab[aria-selected=\"true\"]{\n      border-color: rgba(28,36,75,.28);\n      background: rgba(28,36,75,.06);\n      box-shadow: 0 10px 26px rgba(28,36,75,.10);\n    }\n    .ary-caseuse .tab .pill{\n      width:10px;height:10px;border-radius:999px;background:var(--brand);\n      box-shadow:0 0 0 4px rgba(28,36,75,.10);\n      flex:0 0 auto;\n    }\n    .ary-caseuse .tab small{font-weight:650;color:var(--muted);font-size:12px}\n\n    \/* Headings *\/\n    .ary-caseuse h2{\n      margin:0;\n      font-weight:500;\n      font-size: clamp(24px, 2.4vw, 44px);\n      line-height:1.15;\n      letter-spacing:-.01em;\n      color:var(--ink);\n      font-family: var(--serif);\n    }\n\n    \/* Badges *\/\n    .ary-caseuse .badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}\n    .ary-caseuse .badge{\n      font-size:12px;\n      color:var(--ink);\n      background: rgba(155,165,182,.18);\n      border:1px solid rgba(155,165,182,.40);\n      padding:5px 9px;\n      border-radius:999px;\n      white-space:nowrap;\n    }\n\n    \/* \u2705 Fix citation : autorise le retour \u00e0 la ligne (sinon d\u00e9borde) *\/\n    .ary-caseuse .badge--quote{\n      white-space: normal !important;\n      max-width: 100%;\n      display: block;\n      overflow-wrap: anywhere;\n      word-break: break-word;\n      line-height: 1.5;\n    }\n\n    \/* Grid *\/\n    .ary-caseuse .grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0}\n    @media (min-width:900px){\n      .ary-caseuse .grid{grid-template-columns: 1fr 1fr; gap:18px; align-items:stretch}\n    }\n\n    \/* Cards *\/\n    .ary-caseuse .card{\n      display:flex;\n      flex-direction:column;\n      background:var(--card);\n      border:1px solid var(--border);\n      border-radius:16px;\n      overflow:hidden;\n      box-shadow:var(--shadow);\n      min-width:0;\n      height:100%;\n    }\n    .ary-caseuse .content{padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}\n\n    .ary-caseuse .title{margin:0;font-weight:750;font-size:17px;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}\n    .ary-caseuse .desc{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}\n\n    \/* Lists *\/\n    .ary-caseuse ul{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:14.5px;line-height:1.6}\n    .ary-caseuse li{margin:6px 0}\n\n    \/* Photo *\/\n    .ary-caseuse .media{margin-top:12px}\n    .ary-caseuse .case-photo{\n      width:100%;\n      aspect-ratio: 16\/9;\n      object-fit: contain;\n      object-position: center;\n      border-radius:12px;\n      border:1px solid var(--border);\n      background:#fff;\n      box-shadow: 0 8px 20px rgba(16,24,40,.08);\n      max-height:260px;\n    }\n    @media (max-width:520px){\n      .ary-caseuse .case-photo{max-height:220px}\n    }\n    .ary-caseuse .media figcaption{margin-top:8px;font-size:12.5px;color:var(--muted);line-height:1.4}\n\n    \/* \u2705 Videos (responsive + premium) *\/\n    .ary-caseuse .video-grid{\n      display:grid;\n      grid-template-columns:1fr;\n      gap:12px;\n      margin-top:12px;\n    }\n    @media (min-width:900px){\n      .ary-caseuse .video-grid{\n        grid-template-columns: 1fr 1fr;\n        gap:14px;\n      }\n    }\n    .ary-caseuse .case-video{\n      width:100%;\n      aspect-ratio:16\/9;\n      border-radius:12px;\n      border:1px solid var(--border);\n      background:#000;\n      box-shadow: 0 8px 20px rgba(16,24,40,.08);\n      object-fit:cover;\n    }\n    .ary-caseuse .video-caption{\n      margin-top:8px;\n      font-size:12.5px;\n      color:var(--muted);\n      line-height:1.4;\n    }\n\n    \/* Steps *\/\n    .ary-caseuse .steps{display:grid;gap:10px;margin-top:6px}\n    .ary-caseuse .step{\n      display:flex; gap:12px; align-items:flex-start;\n      padding:12px;\n      border-radius:12px;\n      background:var(--surface);\n      border:1px solid var(--border);\n    }\n    .ary-caseuse .num{\n      width:28px;height:28px;border-radius:8px;\n      display:grid;place-items:center;\n      font-weight:800;\n      color:var(--ink);\n      background: rgba(155,165,182,.22);\n      border:1px solid rgba(155,165,182,.45);\n      flex:0 0 auto;\n    }\n    .ary-caseuse .step strong{display:block;margin:0 0 2px;font-size:14.5px;color:var(--ink)}\n    .ary-caseuse .step span{display:block;color:var(--muted);font-size:13.5px;line-height:1.55}\n\n    \/* Impact blocks *\/\n    .ary-caseuse .impact{display:grid;gap:10px;margin-top:6px}\n    .ary-caseuse .impact-item{padding:12px;border-radius:12px;background:#fff;border:1px solid var(--border)}\n    .ary-caseuse .impact-item b{color:var(--ink)}\n    .ary-caseuse .impact-item p{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.55}\n\n    \/* CTA *\/\n    .ary-caseuse .cta{\n      margin-top:auto;\n      padding:14px 16px;\n      border-top:1px solid var(--border);\n      background:#fff;\n      display:flex;\n      justify-content:space-between;\n      gap:12px;\n      align-items:center;\n      flex-wrap:wrap;\n    }\n    .ary-caseuse .cta h3{margin:0;font-weight:800;font-size:16px;line-height:1.3;color:var(--ink)}\n\n    .ary-caseuse .btn{\n      appearance:none;border:0;text-decoration:none;cursor:pointer;\n      display:inline-flex;align-items:center;justify-content:center;\n      padding:12px 16px;border-radius:var(--btn-radius);\n      font-weight:650;font-size:14px;\n      background:var(--btn-bg);color:var(--btn-text);\n      transition:background-color .2s ease, transform .02s ease;\n      box-shadow:inset 0 1px 0 rgba(255,255,255,.65);\n      white-space:nowrap;\n      max-width:100%;\n      text-align:center;\n      line-height:1.15;\n    }\n    .ary-caseuse .btn:hover{background:var(--btn-bg-hover)}\n    .ary-caseuse .btn:active{transform:translateY(1px)}\n    .ary-caseuse .btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:calc(var(--btn-radius) + 2px)}\n\n    \/* CTA mobile : bouton full width *\/\n    @media (max-width:520px){\n      .ary-caseuse .cta{flex-direction:column;align-items:stretch}\n      .ary-caseuse .cta h3{font-size:15px}\n      .ary-caseuse .btn{\n        width:100%;\n        white-space:normal;\n        word-break:break-word;\n      }\n      .ary-caseuse .badge{white-space:normal;max-width:100%}\n      .ary-caseuse .tab{width:100%;justify-content:flex-start}\n      .ary-caseuse .tab small{white-space:normal}\n    }\n    @media (max-width:820px){\n      .ary-caseuse .btn{white-space:normal;word-break:break-word}\n    }\n\n    .ary-caseuse .meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}\n\n    \/* Panels *\/\n    .ary-caseuse [data-case-panel]{display:none}\n    .ary-caseuse [data-case-panel].is-active{display:block}\n\n    \/* Logo MODSPE *\/\n    .ary-caseuse .brandline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}\n    .ary-caseuse .brand-logo{height:46px;width:auto;flex:0 0 auto}\n  <\/style>\n\n  <div class=\"wrap\">\n\n    <!-- Choix des cas d\u2019usage (sans titre) -->\n    <header class=\"header\" aria-label=\"Choisir un cas d\u2019usage\">\n      <div class=\"tabs\" role=\"tablist\" aria-label=\"S&eacute;lecteur de cas d&rsquo;usage\">\n        <button class=\"tab\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"case-grain\" data-case-tab=\"grain\">\n          <span class=\"pill\" aria-hidden=\"true\"><\/span>\n          Grain de Glace <small>WebAR vin<\/small>\n        <\/button>\n        <button class=\"tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"case-modspe\" data-case-tab=\"modspe\">\n          <span class=\"pill\" aria-hidden=\"true\"><\/span>\n          Modspe <small>d&eacute;fil&eacute; augment&eacute;<\/small>\n        <\/button>\n      <\/div>\n    <\/header>\n\n    <!-- ===============================\n         CASE 1 \u2014 GRAIN DE GLACE\n    ================================ -->\n    <section id=\"case-grain\" data-case-panel data-case=\"grain\" class=\"is-active\" role=\"tabpanel\" aria-label=\"Cas d&rsquo;usage Grain de Glace\">\n\n      <header class=\"header\" style=\"margin-top:10px;\">\n        <h2>Cas Client : Grain de Glace &ndash; Quand la R&eacute;alit&eacute; Augment&eacute;e r&eacute;enchante le Terroir<\/h2>\n        <div class=\"badges\" aria-label=\"Informations projet\">\n          <span class=\"badge\"><b>Client :<\/b> Les Ma&icirc;tres Vignerons de Saint-Tropez<\/span>\n          <span class=\"badge\"><b>Secteur :<\/b> Vins &amp; Spiritueux<\/span>\n          <span class=\"badge\"><b>Expertise ARY :<\/b> R&eacute;alit&eacute; Augment&eacute;e Web (WebAR) sans application<\/span>\n        <\/div>\n      <\/header>\n\n      <section class=\"grid\">\n        <article class=\"card\">\n          <div class=\"content\">\n            <h3 class=\"title\">Le D&eacute;fi : Moderniser une ic&ocirc;ne pour s&eacute;duire les &ldquo;Digital Natives&rdquo;<\/h3>\n            <p class=\"desc\">\n              R&eacute;f&eacute;rence incontest&eacute;e du ros&eacute; d&rsquo;hiver depuis 2008, la cuv&eacute;e <b>Grain de Glace<\/b> souhaitait franchir une nouvelle &eacute;tape dans sa strat&eacute;gie de marque.\n              L&rsquo;enjeu pour les Ma&icirc;tres Vignerons de Saint-Tropez ?\n            <\/p>\n            <ul>\n              <li>Capter l&rsquo;attention d&rsquo;une client&egrave;le plus jeune et connect&eacute;e.<\/li>\n              <li>Transformer le packaging statique en un support de communication interactif.<\/li>\n              <li>Booster la visibilit&eacute; sociale et commerciale en point de vente.<\/li>\n            <\/ul>\n\n            <figure class=\"media\" aria-label=\"Photo Grain de Glace\">\n              <img decoding=\"async\" class=\"case-photo\" loading=\"lazy\" alt=\"Grain de Glace &ndash; exp&eacute;rience de r&eacute;alit&eacute; augment&eacute;e\" src=\"https:\/\/arypubstorage.blob.core.windows.net\/share\/graindeglaceimage.jpg\">\n              <figcaption>Exp&eacute;rience WebAR &ldquo;zero friction&rdquo; directement depuis la bouteille (scan QR &rarr; immersion imm&eacute;diate).<\/figcaption>\n            <\/figure>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\">\n          <div class=\"content\">\n            <h3 class=\"title\">La Solution ARY : Une exp&eacute;rience immersive &ldquo;Zero Friction&rdquo;<\/h3>\n            <p class=\"desc\">\n              Pour r&eacute;pondre &agrave; ces enjeux, ARY a con&ccedil;u la <b>premi&egrave;re exp&eacute;rience de R&eacute;alit&eacute; Augment&eacute;e native pour un vin fran&ccedil;ais<\/b>.\n              En int&eacute;grant la technologie directement sur la bouteille, nous avons transform&eacute; une simple d&eacute;gustation\n              en un moment de divertissement spectaculaire.\n            <\/p>\n\n            <h3 class=\"title\" style=\"margin-top:8px;\">Un parcours utilisateur instantan&eacute;<\/h3>\n            <div class=\"steps\" role=\"list\" aria-label=\"Parcours utilisateur\">\n              <div class=\"step\" role=\"listitem\"><div class=\"num\">1<\/div><div><strong>Scan du QR Code<\/strong><span>QR Code s&eacute;rigraphi&eacute; sur la bouteille.<\/span><\/div><\/div>\n              <div class=\"step\" role=\"listitem\"><div class=\"num\">2<\/div><div><strong>Activation imm&eacute;diate<\/strong><span>WebAR dans le navigateur (aucun t&eacute;l&eacute;chargement d&rsquo;application).<\/span><\/div><\/div>\n              <div class=\"step\" role=\"listitem\"><div class=\"num\">3<\/div><div><strong>Mammouth XXL en 3D<\/strong><span>L&rsquo;embl&egrave;me de la cuv&eacute;e prend vie dans l&rsquo;environnement du consommateur.<\/span><\/div><\/div>\n              <div class=\"step\" role=\"listitem\"><div class=\"num\">4<\/div><div><strong>Engagement social<\/strong><span>Selfie + partage sur Instagram et TikTok en un clic.<\/span><\/div><\/div>\n            <\/div>\n\n            <div class=\"meta-row\" style=\"margin-top:10px;\">\n              <span class=\"badge badge--quote\">&laquo; Avec ARY, le flacon ne contient plus seulement du vin, il contient une histoire vivante. &raquo;<\/span>\n            <\/div>\n          <\/div>\n        <\/article>\n      <\/section>\n\n      <section class=\"grid\" style=\"margin-top:18px;\">\n        <article class=\"card\">\n          <div class=\"content\">\n            <h3 class=\"title\">Impacts &amp; Valeur Ajout&eacute;e<\/h3>\n            <p class=\"desc\">L&rsquo;int&eacute;gration de la R&eacute;alit&eacute; Augment&eacute;e par ARY a g&eacute;n&eacute;r&eacute; des b&eacute;n&eacute;fices concrets sur l&rsquo;ensemble de la cha&icirc;ne de valeur :<\/p>\n            <div class=\"impact\">\n              <div class=\"impact-item\"><b>Attractivit&eacute; Retail<\/b><p>Un argument de poids pour le r&eacute;f&eacute;rencement dans des enseignes premium comme <b>Le Bon March&eacute;<\/b> &agrave; Paris.<\/p><\/div>\n              <div class=\"impact-item\"><b>Viralit&eacute; Organique<\/b><p>Une forte incitation au partage sur les r&eacute;seaux sociaux, transformant chaque client en ambassadeur de la marque.<\/p><\/div>\n              <div class=\"impact-item\"><b>Diff&eacute;renciation Concurrentielle<\/b><p>Un positionnement de pr&eacute;curseur qui a attir&eacute; l&rsquo;attention des m&eacute;dias sp&eacute;cialis&eacute;s (Chefs &amp; Gastronomie).<\/p><\/div>\n              <div class=\"impact-item\"><b>Performance Commerciale<\/b><p>Soutien &agrave; la vente des <b>140&nbsp;000 bouteilles annuelles<\/b> et &eacute;largissement du r&eacute;seau de distribution international.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\">\n          <div class=\"content\">\n            <h3 class=\"title\">L&rsquo;Expertise ARY au service de votre marque<\/h3>\n            <p class=\"desc\">\n              Ce cas d&rsquo;usage illustre parfaitement notre vision : <b>la technologie doit s&rsquo;effacer derri&egrave;re l&rsquo;&eacute;motion<\/b>.\n              En supprimant la barri&egrave;re de l&rsquo;installation d&rsquo;une application, ARY garantit un taux d&rsquo;engagement maximal.\n            <\/p>\n            <p class=\"desc\">Nous transformons vos produits physiques en <b>m&eacute;dias interactifs puissants<\/b>.<\/p>\n          <\/div>\n          <div class=\"cta\">\n            <div class=\"copy\">\n              <h3>Vous souhaitez r&eacute;inventer l&rsquo;exp&eacute;rience client de vos produits ?<\/h3>\n            <\/div>\n            <a class=\"btn\" href=\"https:\/\/ary.eu\/index.php\/contact-us\/\" aria-label=\"Prendre rendez-vous avec un expert ARY\">Prendre rendez-vous avec un expert ARY<\/a>\n          <\/div>\n        <\/article>\n      <\/section>\n\n    <\/section>\n\n    <!-- ===============================\n         CASE 2 \u2014 MODSPE\n    ================================ -->\n    <section id=\"case-modspe\" data-case-panel data-case=\"modspe\" role=\"tabpanel\" aria-label=\"Cas d&rsquo;usage Modspe\">\n\n      <header class=\"header\" style=\"margin-top:10px;\">\n        <div class=\"brandline\">\n          <img decoding=\"async\" class=\"brand-logo\" src=\"https:\/\/ary.eu\/wp-content\/uploads\/2025\/05\/Capture-decran-2025-05-23-a-11.54.18.png\" alt=\"Logo Modspe Paris\">\n          <h2>Cas Client : Modspe Paris &ndash; Quand l&#39;Application ARY r&eacute;v&egrave;le la dimension cach&eacute;e du &ldquo;Catwalk&rdquo;<\/h2>\n        <\/div>\n        <div class=\"badges\" aria-label=\"Informations projet\" style=\"margin-top:8px;\">\n          <span class=\"badge\"><b>Client :<\/b> Modspe Paris (&Eacute;cole sup&eacute;rieure des m&eacute;tiers de la mode)<\/span>\n          <span class=\"badge\"><b>Secteur :<\/b> Mode &amp; Enseignement Sup&eacute;rieur<\/span>\n          <span class=\"badge\"><b>Expertise ARY :<\/b> R&eacute;alit&eacute; Augment&eacute;e &Eacute;v&eacute;nementielle via Application D&eacute;di&eacute;e<\/span>\n        <\/div>\n      <\/header>\n\n      <section class=\"grid\">\n\n        <article class=\"card\">\n          <div class=\"content\">\n            <h3 class=\"title\">Le D&eacute;fi : Briser les codes du d&eacute;fil&eacute; classique pour incarner la modernit&eacute;<\/h3>\n            <p class=\"desc\">\n              Institution reconnue dans le fashion business, Modspe souhaitait franchir une nouvelle &eacute;tape pour son d&eacute;fil&eacute; annuel des &eacute;l&egrave;ves.\n              L&rsquo;&eacute;cole cherchait &agrave; d&eacute;passer le format traditionnel pour marquer les esprits et offrir une exp&eacute;rience in&eacute;dite.\n            <\/p>\n            <p class=\"desc\"><b>L&rsquo;enjeu pour Modspe Paris ?<\/b><\/p>\n            <ul>\n              <li>Capter l&rsquo;attention d&rsquo;un public exigeant (professionnels, presse, &eacute;tudiants) habitu&eacute; aux pr&eacute;sentations classiques.<\/li>\n              <li>Incarner la modernit&eacute; de l&rsquo;&eacute;cole en devenant la premi&egrave;re &agrave; proposer ce type d&rsquo;&eacute;v&eacute;nement augment&eacute; en France.<\/li>\n              <li>Sublimer le th&egrave;me de l&rsquo;ann&eacute;e, &ldquo;En eau trouble&rdquo;, par une exp&eacute;rience visuelle diff&eacute;renciante et immersive, r&eacute;serv&eacute;e aux spectateurs connect&eacute;s.<\/li>\n            <\/ul>\n\n            <figure class=\"media\" aria-label=\"Photo Modspe\">\n              <img decoding=\"async\" class=\"case-photo\" loading=\"lazy\" alt=\"Modspe Paris &ndash; d&eacute;fil&eacute; augment&eacute; (illustration)\" src=\"https:\/\/arypubstorage.blob.core.windows.net\/web\/modspe.jpeg\">\n              <figcaption>Illustration du dispositif : un d&eacute;fil&eacute; transform&eacute; en exp&eacute;rience augment&eacute;e via l&rsquo;application ARY.<\/figcaption>\n            <\/figure>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\">\n          <div class=\"content\">\n            <h3 class=\"title\">La Solution ARY : Une sc&eacute;nographie augment&eacute;e exclusive via application<\/h3>\n            <p class=\"desc\">\n              Pour r&eacute;pondre &agrave; ces enjeux, ARY a con&ccedil;u une exp&eacute;rience de sc&eacute;nographie augment&eacute;e premium accessible uniquement via l&rsquo;application ARY durant le d&eacute;fil&eacute;.\n              En superposant des &eacute;l&eacute;ments 3D de haute qualit&eacute; au monde r&eacute;el, nous avons transform&eacute; le catwalk en une sc&egrave;ne fantastique pour les utilisateurs de l&rsquo;app.\n            <\/p>\n\n            <h3 class=\"title\" style=\"margin-top:8px;\">Un parcours utilisateur &eacute;v&eacute;nementiel<\/h3>\n            <div class=\"steps\" role=\"list\" aria-label=\"Parcours utilisateur &eacute;v&eacute;nementiel\">\n              <div class=\"step\" role=\"listitem\"><div class=\"num\">1<\/div><div><strong>T&eacute;l&eacute;chargement de l&rsquo;App<\/strong><span>Invitation du public (en amont par mail ou sur place via QR Code) &agrave; t&eacute;l&eacute;charger l&rsquo;application ARY pour acc&eacute;der &agrave; la &ldquo;version augment&eacute;e&rdquo; du d&eacute;fil&eacute;.<\/span><\/div><\/div>\n              <div class=\"step\" role=\"listitem\"><div class=\"num\">2<\/div><div><strong>Activation durant le show<\/strong><span>Lancement de l&rsquo;application par les spectateurs et pointage de la cam&eacute;ra vers le podium.<\/span><\/div><\/div>\n              <div class=\"step\" role=\"listitem\"><div class=\"num\">3<\/div><div><strong>&Eacute;l&eacute;ments 3D spectaculaires<\/strong><span>Dragon majestueux survolant les mannequins + rubis anim&eacute;s flottants, plongeant la salle dans le th&egrave;me &ldquo;En eau trouble&rdquo;.<\/span><\/div><\/div>\n              <div class=\"step\" role=\"listitem\"><div class=\"num\">4<\/div><div><strong>Engagement social<\/strong><span>Fonctionnalit&eacute; native dans l&rsquo;app pour filmer le d&eacute;fil&eacute; &ldquo;augment&eacute;&rdquo; et partager ces vid&eacute;os uniques instantan&eacute;ment sur les r&eacute;seaux sociaux.<\/span><\/div><\/div>\n            <\/div>\n\n            <div class=\"video-grid\" aria-label=\"Vid&eacute;o Modspe\">\n              <div>\n                <video class=\"case-video\" autoplay muted loop playsinline controls preload=\"metadata\">\n                  <source src=\"https:\/\/arypubstorage.blob.core.windows.net\/web\/interieurmodspehoteldeindustrie2.MP4\" type=\"video\/mp4\">\n                  Votre navigateur ne supporte pas la vid&eacute;o HTML5.\n                <\/video>\n                <div class=\"video-caption\">Extrait 1 &mdash; ambiance &amp; lieu (H&ocirc;tel de l&rsquo;Industrie).<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"meta-row\" style=\"margin-top:10px;\">\n              <span class=\"badge badge--quote\">&laquo; Avec l&rsquo;application ARY, le d&eacute;fil&eacute; n&rsquo;est plus seulement une pr&eacute;sentation de collections, c&rsquo;est une performance visuelle exclusive qui se r&eacute;v&egrave;le &agrave; travers l&rsquo;&eacute;cran. &raquo;<\/span>\n            <\/div>\n          <\/div>\n        <\/article>\n\n      <\/section>\n\n      <section class=\"grid\" style=\"margin-top:18px;\">\n        <article class=\"card\">\n          <div class=\"content\">\n            <h3 class=\"title\">Impacts &amp; Valeur Ajout&eacute;e<\/h3>\n            <p class=\"desc\">L&rsquo;int&eacute;gration de la R&eacute;alit&eacute; Augment&eacute;e via une application d&eacute;di&eacute;e a g&eacute;n&eacute;r&eacute; des b&eacute;n&eacute;fices concrets pour l&rsquo;image et la communication de l&rsquo;&eacute;cole :<\/p>\n            <div class=\"impact\">\n              <div class=\"impact-item\"><b>Positionnement de Pr&eacute;curseur<\/b><p>Modspe s&rsquo;affirme comme la premi&egrave;re &eacute;cole de mode &agrave; int&eacute;grer cette technologie, renfor&ccedil;ant son image d&rsquo;innovation aupr&egrave;s des futurs &eacute;tudiants et des professionnels.<\/p><\/div>\n              <div class=\"impact-item\"><b>Exp&eacute;rience Exclusive<\/b><p>La n&eacute;cessit&eacute; de l&rsquo;application cr&eacute;e un sentiment de privil&egrave;ge (&ldquo;ceux qui savent&rdquo; voient le vrai spectacle), renfor&ccedil;ant l&rsquo;engagement du public pr&eacute;sent.<\/p><\/div>\n              <div class=\"impact-item\"><b>Diff&eacute;renciation Forte<\/b><p>Une rupture nette avec les codes d&rsquo;un d&eacute;fil&eacute; &eacute;tudiant classique, offrant une vraie valeur ajout&eacute;e au travail des &eacute;l&egrave;ves gr&acirc;ce &agrave; des rendus 3D de haute qualit&eacute; permis par l&rsquo;application.<\/p><\/div>\n              <div class=\"impact-item\"><b>Immersion Th&eacute;matique<\/b><p>Une ad&eacute;quation parfaite entre la technologie et le th&egrave;me cr&eacute;atif &ldquo;En eau trouble&rdquo;, cr&eacute;ant une exp&eacute;rience m&eacute;morable.<\/p><\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"card\">\n          <div class=\"content\">\n            <h3 class=\"title\">L&rsquo;Expertise ARY au service de votre &eacute;v&eacute;nement<\/h3>\n            <p class=\"desc\">\n              Ce cas d&rsquo;usage illustre parfaitement notre vision : la technologie permet de cr&eacute;er des moments exclusifs et m&eacute;morables.\n              En proposant une exp&eacute;rience riche via une application d&eacute;di&eacute;e le temps d&rsquo;un &eacute;v&eacute;nement, ARY garantit une stabilit&eacute; et une qualit&eacute; visuelle maximale pour des shows spectaculaires.\n            <\/p>\n          <\/div>\n          <div class=\"cta\">\n            <div class=\"copy\">\n              <h3>Vous souhaitez r&eacute;inventer l&rsquo;exp&eacute;rience spectateur de vos &eacute;v&eacute;nements ?<\/h3>\n            <\/div>\n            <a class=\"btn\" href=\"https:\/\/ary.eu\/index.php\/contact-us\/\" aria-label=\"Prendre rendez-vous avec un expert ARY\">Prendre rendez-vous avec un expert ARY<\/a>\n          <\/div>\n        <\/article>\n      <\/section>\n\n      <div style=\"margin-top:18px;\">\n        <video class=\"case-video\" autoplay muted loop playsinline controls preload=\"metadata\">\n          <source src=\"https:\/\/arypubstorage.blob.core.windows.net\/web\/interieurmodspehoteldeindustrie.MP4\" type=\"video\/mp4\">\n          Votre navigateur ne supporte pas la vid&eacute;o HTML5.\n        <\/video>\n        <div class=\"video-caption\">Extrait final &mdash; immersion compl&egrave;te du d&eacute;fil&eacute; augment&eacute;.<\/div>\n      <\/div>\n\n    <\/section>\n\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.currentScript && document.currentScript.closest('.ary-caseuse')\n        ? document.currentScript.closest('.ary-caseuse')\n        : document.querySelector('.ary-caseuse[data-ary-version=\"CASEUSE-TABS-1.4\"]');\n      if(!root) return;\n\n      const tabs = Array.from(root.querySelectorAll('[data-case-tab]'));\n      const panels = Array.from(root.querySelectorAll('[data-case-panel]'));\n\n      function activate(key){\n        tabs.forEach(btn => btn.setAttribute('aria-selected', btn.getAttribute('data-case-tab') === key ? 'true' : 'false'));\n        panels.forEach(p => p.classList.toggle('is-active', p.getAttribute('data-case') === key));\n        const activePanel = root.querySelector('[data-case-panel].is-active');\n        if(activePanel){ activePanel.scrollIntoView({behavior:'smooth', block:'start'}); }\n      }\n\n      tabs.forEach(btn => btn.addEventListener('click', () => activate(btn.getAttribute('data-case-tab'))));\n      const initial = tabs.find(t => t.getAttribute('aria-selected') === 'true') || tabs[0];\n      if(initial) activate(initial.getAttribute('data-case-tab'));\n    })();\n  <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nos cas d&rsquo;usages Grain de Glace WebAR vin Modspe d&eacute;fil&eacute; augment&eacute; Cas Client : Grain de Glace &ndash; Quand la R&eacute;alit&eacute; Augment&eacute;e r&eacute;enchante le Terroir Client : Les Ma&icirc;tres Vignerons de Saint-Tropez Secteur : Vins &amp; Spiritueux Expertise ARY : R&eacute;alit&eacute; Augment&eacute;e Web (WebAR) sans application Le D&eacute;fi : Moderniser [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11949","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cas d&#039;usages - Ary<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ary.eu\/index.php\/cas-dusages\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cas d&#039;usages - Ary\" \/>\n<meta property=\"og:description\" content=\"Nos cas d&rsquo;usages Grain de Glace WebAR vin Modspe d&eacute;fil&eacute; augment&eacute; Cas Client : Grain de Glace &ndash; Quand la R&eacute;alit&eacute; Augment&eacute;e r&eacute;enchante le Terroir Client : Les Ma&icirc;tres Vignerons de Saint-Tropez Secteur : Vins &amp; Spiritueux Expertise ARY : R&eacute;alit&eacute; Augment&eacute;e Web (WebAR) sans application Le D&eacute;fi : Moderniser [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ary.eu\/index.php\/cas-dusages\/\" \/>\n<meta property=\"og:site_name\" content=\"Ary\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-15T19:54:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arypubstorage.blob.core.windows.net\/share\/graindeglaceimage.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ary.eu\/index.php\/cas-dusages\/\",\"url\":\"https:\/\/ary.eu\/index.php\/cas-dusages\/\",\"name\":\"Cas d'usages - Ary\",\"isPartOf\":{\"@id\":\"https:\/\/ary.eu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ary.eu\/index.php\/cas-dusages\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ary.eu\/index.php\/cas-dusages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arypubstorage.blob.core.windows.net\/share\/graindeglaceimage.jpg\",\"datePublished\":\"2026-02-01T13:51:27+00:00\",\"dateModified\":\"2026-02-15T19:54:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ary.eu\/index.php\/cas-dusages\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ary.eu\/index.php\/cas-dusages\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/ary.eu\/index.php\/cas-dusages\/#primaryimage\",\"url\":\"https:\/\/arypubstorage.blob.core.windows.net\/share\/graindeglaceimage.jpg\",\"contentUrl\":\"https:\/\/arypubstorage.blob.core.windows.net\/share\/graindeglaceimage.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ary.eu\/index.php\/cas-dusages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/ary.eu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cas d&#8217;usages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ary.eu\/#website\",\"url\":\"https:\/\/ary.eu\/\",\"name\":\"Ary\",\"description\":\"Cr\u00e9ez un lien \u00e9motionnel avec vos clients, partout, \u00e0 tout moment\",\"publisher\":{\"@id\":\"https:\/\/ary.eu\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ary.eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ary.eu\/#organization\",\"name\":\"Ary\",\"url\":\"https:\/\/ary.eu\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/ary.eu\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ary.eu\/wp-content\/uploads\/2022\/11\/cropped-icone_o.png\",\"contentUrl\":\"https:\/\/ary.eu\/wp-content\/uploads\/2022\/11\/cropped-icone_o.png\",\"width\":512,\"height\":512,\"caption\":\"Ary\"},\"image\":{\"@id\":\"https:\/\/ary.eu\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cas d'usages - Ary","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ary.eu\/index.php\/cas-dusages\/","og_locale":"fr_FR","og_type":"article","og_title":"Cas d'usages - Ary","og_description":"Nos cas d&rsquo;usages Grain de Glace WebAR vin Modspe d&eacute;fil&eacute; augment&eacute; Cas Client : Grain de Glace &ndash; Quand la R&eacute;alit&eacute; Augment&eacute;e r&eacute;enchante le Terroir Client : Les Ma&icirc;tres Vignerons de Saint-Tropez Secteur : Vins &amp; Spiritueux Expertise ARY : R&eacute;alit&eacute; Augment&eacute;e Web (WebAR) sans application Le D&eacute;fi : Moderniser [&hellip;]","og_url":"https:\/\/ary.eu\/index.php\/cas-dusages\/","og_site_name":"Ary","article_modified_time":"2026-02-15T19:54:26+00:00","og_image":[{"url":"https:\/\/arypubstorage.blob.core.windows.net\/share\/graindeglaceimage.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ary.eu\/index.php\/cas-dusages\/","url":"https:\/\/ary.eu\/index.php\/cas-dusages\/","name":"Cas d'usages - Ary","isPartOf":{"@id":"https:\/\/ary.eu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ary.eu\/index.php\/cas-dusages\/#primaryimage"},"image":{"@id":"https:\/\/ary.eu\/index.php\/cas-dusages\/#primaryimage"},"thumbnailUrl":"https:\/\/arypubstorage.blob.core.windows.net\/share\/graindeglaceimage.jpg","datePublished":"2026-02-01T13:51:27+00:00","dateModified":"2026-02-15T19:54:26+00:00","breadcrumb":{"@id":"https:\/\/ary.eu\/index.php\/cas-dusages\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ary.eu\/index.php\/cas-dusages\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/ary.eu\/index.php\/cas-dusages\/#primaryimage","url":"https:\/\/arypubstorage.blob.core.windows.net\/share\/graindeglaceimage.jpg","contentUrl":"https:\/\/arypubstorage.blob.core.windows.net\/share\/graindeglaceimage.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ary.eu\/index.php\/cas-dusages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/ary.eu\/"},{"@type":"ListItem","position":2,"name":"Cas d&#8217;usages"}]},{"@type":"WebSite","@id":"https:\/\/ary.eu\/#website","url":"https:\/\/ary.eu\/","name":"Ary","description":"Cr\u00e9ez un lien \u00e9motionnel avec vos clients, partout, \u00e0 tout moment","publisher":{"@id":"https:\/\/ary.eu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ary.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/ary.eu\/#organization","name":"Ary","url":"https:\/\/ary.eu\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/ary.eu\/#\/schema\/logo\/image\/","url":"https:\/\/ary.eu\/wp-content\/uploads\/2022\/11\/cropped-icone_o.png","contentUrl":"https:\/\/ary.eu\/wp-content\/uploads\/2022\/11\/cropped-icone_o.png","width":512,"height":512,"caption":"Ary"},"image":{"@id":"https:\/\/ary.eu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/pages\/11949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/comments?post=11949"}],"version-history":[{"count":31,"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/pages\/11949\/revisions"}],"predecessor-version":[{"id":12004,"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/pages\/11949\/revisions\/12004"}],"wp:attachment":[{"href":"https:\/\/ary.eu\/index.php\/wp-json\/wp\/v2\/media?parent=11949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}