{"id":286,"date":"2026-05-11T16:25:41","date_gmt":"2026-05-11T16:25:41","guid":{"rendered":"https:\/\/screentosop.com\/?page_id=286"},"modified":"2026-05-11T17:31:05","modified_gmt":"2026-05-11T17:31:05","slug":"ux-v4","status":"publish","type":"page","link":"https:\/\/screentosop.com\/index.php\/ux-v4\/","title":{"rendered":"UX V4"},"content":{"rendered":"\n<style>\n  :root {\n    --s2s-navy: #071A3D;\n    --s2s-navy-2: #081B33;\n    --s2s-blue: #2563EB;\n    --s2s-violet: #7C3AED;\n    --s2s-bg: #F8FAFC;\n    --s2s-text: #0F172A;\n    --s2s-muted: #475569;\n    --s2s-border: #E2E8F0;\n    --s2s-card: #FFFFFF;\n    --s2s-radius: 24px;\n    --s2s-shadow: 0 22px 60px rgba(15, 23, 42, 0.12);\n  }\n\n  .s2s-page {\n    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    color: var(--s2s-text);\n    background: var(--s2s-bg);\n    line-height: 1.5;\n    overflow: hidden;\n  }\n\n  .s2s-page * {\n    box-sizing: border-box;\n  }\n\n  .s2s-container {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .s2s-header {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n    backdrop-filter: blur(18px);\n    background: rgba(255, 255, 255, 0.86);\n    border-bottom: 1px solid rgba(226, 232, 240, 0.9);\n  }\n\n  .s2s-nav {\n    height: 76px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n  }\n\n  .s2s-brand {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    text-decoration: none;\n    color: var(--s2s-text);\n    font-weight: 800;\n    font-size: 20px;\n  }\n\n  .s2s-logo {\n    width: 40px;\n    height: 40px;\n    border-radius: 14px;\n    background: linear-gradient(135deg, var(--s2s-blue), var(--s2s-violet));\n    display: grid;\n    place-items: center;\n    color: white;\n    font-weight: 900;\n    letter-spacing: -1px;\n  }\n\n  .s2s-links {\n    display: flex;\n    align-items: center;\n    gap: 26px;\n    font-size: 14px;\n  }\n\n  .s2s-links a {\n    color: var(--s2s-muted);\n    text-decoration: none;\n    font-weight: 600;\n  }\n\n  .s2s-links a:hover {\n    color: var(--s2s-blue);\n  }\n\n  .s2s-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 48px;\n    padding: 0 22px;\n    border-radius: 999px;\n    font-weight: 800;\n    text-decoration: none;\n    transition: all 0.2s ease;\n    border: 1px solid transparent;\n    cursor: pointer;\n    white-space: nowrap;\n  }\n\n  .s2s-button-primary {\n    color: white !important;\n    background: linear-gradient(135deg, var(--s2s-blue), var(--s2s-violet));\n    box-shadow: 0 14px 35px rgba(37, 99, 235, 0.28);\n  }\n\n  .s2s-button-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.34);\n  }\n\n  .s2s-button-secondary {\n    color: white !important;\n    background: rgba(255, 255, 255, 0.12);\n    border-color: rgba(255, 255, 255, 0.22);\n  }\n\n  .s2s-hero {\n    position: relative;\n    background:\n      radial-gradient(circle at 20% 20%, rgba(124, 58, 237, 0.34), transparent 34%),\n      radial-gradient(circle at 80% 10%, rgba(37, 99, 235, 0.36), transparent 32%),\n      linear-gradient(135deg, #06152F 0%, #071A3D 44%, #111C4E 100%);\n    color: white;\n    padding: 86px 0 92px;\n  }\n\n  .s2s-hero-grid {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: 56px;\n    align-items: center;\n  }\n\n  .s2s-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 13px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.12);\n    border: 1px solid rgba(255,255,255,0.18);\n    color: #DBEAFE;\n    font-size: 13px;\n    font-weight: 800;\n    margin-bottom: 22px;\n  }\n\n  .s2s-hero h1 {\n    font-size: clamp(42px, 6vw, 72px);\n    line-height: 0.98;\n    letter-spacing: -0.055em;\n    margin: 0 0 24px;\n    max-width: 760px;\n    color: #FFFFFF !important;\n  }\n\n  .s2s-hero p {\n    font-size: 20px;\n    color: #DCE7F7 !important;\n    margin: 0 0 18px;\n    max-width: 680px;\n  }\n\n  .s2s-hero-line {\n    color: #FFFFFF !important;\n    font-weight: 800;\n    font-size: 18px !important;\n  }\n\n  .s2s-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 34px;\n  }\n\n  .s2s-product-card {\n    background: rgba(255,255,255,0.96);\n    color: var(--s2s-text);\n    border-radius: 32px;\n    padding: 26px;\n    box-shadow: var(--s2s-shadow);\n    border: 1px solid rgba(255,255,255,0.65);\n  }\n\n  .s2s-product-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 22px;\n  }\n\n  .s2s-dot-row {\n    display: flex;\n    gap: 7px;\n  }\n\n  .s2s-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 999px;\n    background: #CBD5E1;\n  }\n\n  .s2s-status {\n    font-size: 12px;\n    font-weight: 800;\n    color: #166534;\n    background: #DCFCE7;\n    padding: 7px 10px;\n    border-radius: 999px;\n  }\n\n  .s2s-example-label {\n    display: inline-flex;\n    margin-bottom: 12px;\n    color: var(--s2s-blue);\n    background: #EFF6FF;\n    border: 1px solid #BFDBFE;\n    border-radius: 999px;\n    padding: 7px 11px;\n    font-size: 12px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n\n  .s2s-doc-title {\n    font-weight: 900;\n    font-size: 21px;\n    margin-bottom: 14px;\n    letter-spacing: -0.02em;\n  }\n\n  .s2s-doc-box {\n    border: 1px solid var(--s2s-border);\n    border-radius: 20px;\n    padding: 18px;\n    background: #F8FAFC;\n    margin-top: 14px;\n  }\n\n  .s2s-doc-box strong {\n    display: block;\n    font-size: 13px;\n    color: var(--s2s-blue);\n    margin-bottom: 8px;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n\n  .s2s-doc-box p {\n    color: var(--s2s-muted);\n    font-size: 14px;\n    margin: 0;\n  }\n\n  .s2s-section {\n    padding: 88px 0;\n  }\n\n  .s2s-section-white {\n    background: white;\n  }\n\n  .s2s-section-dark {\n    background:\n      radial-gradient(circle at 15% 15%, rgba(124, 58, 237, 0.25), transparent 28%),\n      linear-gradient(135deg, var(--s2s-navy), var(--s2s-navy-2));\n    color: white;\n  }\n\n  .s2s-section-dark h2 {\n    color: #FFFFFF !important;\n  }\n\n  .s2s-section-head {\n    max-width: 760px;\n    margin: 0 auto 46px;\n    text-align: center;\n  }\n\n  .s2s-kicker {\n    display: inline-block;\n    color: var(--s2s-blue);\n    font-weight: 900;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 12px;\n  }\n\n  .s2s-section-dark .s2s-kicker {\n    color: #93C5FD;\n  }\n\n  .s2s-section h2 {\n    font-size: clamp(32px, 4vw, 52px);\n    line-height: 1.05;\n    letter-spacing: -0.045em;\n    margin: 0 0 18px;\n  }\n\n  .s2s-section p {\n    color: var(--s2s-muted);\n    font-size: 18px;\n    margin: 0;\n  }\n\n  .s2s-section-dark p {\n    color: #DCE7F7 !important;\n  }\n\n  .s2s-grid-5,\n  .s2s-grid-4,\n  .s2s-grid-3 {\n    display: grid;\n    gap: 18px;\n  }\n\n  .s2s-grid-5 {\n    grid-template-columns: repeat(5, 1fr);\n  }\n\n  .s2s-grid-4 {\n    grid-template-columns: repeat(4, 1fr);\n  }\n\n  .s2s-grid-3 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .s2s-card {\n    background: var(--s2s-card);\n    border: 1px solid var(--s2s-border);\n    border-radius: var(--s2s-radius);\n    padding: 24px;\n    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05);\n  }\n\n  .s2s-card:hover {\n    transform: translateY(-3px);\n    transition: transform 0.2s ease;\n  }\n\n  .s2s-card-icon {\n    width: 42px;\n    height: 42px;\n    border-radius: 15px;\n    display: grid;\n    place-items: center;\n    background: linear-gradient(135deg, rgba(37,99,235,0.12), rgba(124,58,237,0.12));\n    color: var(--s2s-blue);\n    font-size: 20px;\n    margin-bottom: 18px;\n  }\n\n  .s2s-card h3 {\n    margin: 0 0 10px;\n    font-size: 18px;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n  }\n\n  .s2s-card p {\n    font-size: 15px;\n    color: var(--s2s-muted);\n  }\n\n  .s2s-transition {\n    margin-top: 34px;\n    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(124,58,237,0.08));\n    border: 1px solid rgba(37,99,235,0.15);\n    padding: 24px;\n    border-radius: var(--s2s-radius);\n    font-weight: 700;\n    color: var(--s2s-text);\n  }\n\n  .s2s-two-cols {\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    gap: 52px;\n    align-items: center;\n  }\n\n  .s2s-flow {\n    display: grid;\n    gap: 16px;\n  }\n\n  .s2s-flow-card {\n    background: white;\n    border: 1px solid var(--s2s-border);\n    border-radius: 22px;\n    padding: 22px;\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    box-shadow: 0 14px 35px rgba(15,23,42,0.06);\n  }\n\n  .s2s-flow-number {\n    width: 44px;\n    height: 44px;\n    border-radius: 16px;\n    background: linear-gradient(135deg, var(--s2s-blue), var(--s2s-violet));\n    color: white;\n    display: grid;\n    place-items: center;\n    font-weight: 900;\n    flex: 0 0 auto;\n  }\n\n  .s2s-flow-card strong {\n    display: block;\n    font-size: 18px;\n    margin-bottom: 4px;\n  }\n\n  .s2s-flow-card span {\n    color: var(--s2s-muted);\n    font-size: 14px;\n  }\n\n  .s2s-step-number {\n    width: 46px;\n    height: 46px;\n    border-radius: 999px;\n    display: grid;\n    place-items: center;\n    color: white;\n    font-weight: 900;\n    background: linear-gradient(135deg, var(--s2s-blue), var(--s2s-violet));\n    margin-bottom: 20px;\n  }\n\n  .s2s-use-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n  }\n\n  .s2s-use {\n    background: white;\n    border: 1px solid var(--s2s-border);\n    border-radius: 20px;\n    padding: 20px;\n    font-weight: 800;\n    color: var(--s2s-text);\n    min-height: 108px;\n    display: flex;\n    align-items: flex-end;\n  }\n\n  .s2s-result-wrap {\n    display: grid;\n    grid-template-columns: 0.85fr 1.15fr;\n    gap: 48px;\n    align-items: start;\n  }\n\n  .s2s-check-list {\n    display: grid;\n    gap: 12px;\n  }\n\n  .s2s-check {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    padding: 13px 0;\n    border-bottom: 1px solid var(--s2s-border);\n    color: var(--s2s-muted);\n  }\n\n  .s2s-check:before {\n    content: \"\u2713\";\n    width: 24px;\n    height: 24px;\n    border-radius: 999px;\n    display: grid;\n    place-items: center;\n    background: #DCFCE7;\n    color: #166534;\n    font-weight: 900;\n    flex: 0 0 auto;\n  }\n\n  .s2s-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    justify-content: center;\n  }\n\n  .s2s-pill {\n    background: white;\n    border: 1px solid var(--s2s-border);\n    padding: 12px 16px;\n    border-radius: 999px;\n    color: var(--s2s-text);\n    font-weight: 800;\n    box-shadow: 0 8px 24px rgba(15,23,42,0.04);\n  }\n\n  .s2s-dark-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 18px;\n    margin-top: 38px;\n  }\n\n  .s2s-dark-card {\n    background: rgba(255,255,255,0.09);\n    border: 1px solid rgba(255,255,255,0.16);\n    border-radius: 22px;\n    padding: 22px;\n    color: white;\n    font-weight: 850;\n  }\n\n  .s2s-form-section {\n    background: white;\n  }\n\n  .s2s-form-wrap {\n    display: grid;\n    grid-template-columns: 0.85fr 1.15fr;\n    gap: 44px;\n    align-items: start;\n  }\n\n  .s2s-form {\n    background: white;\n    border: 1px solid var(--s2s-border);\n    border-radius: 28px;\n    padding: 28px;\n    box-shadow: var(--s2s-shadow);\n  }\n\n  .s2s-form-group-title {\n    font-size: 16px;\n    font-weight: 900;\n    margin: 22px 0 14px;\n    color: var(--s2s-text);\n  }\n\n  .s2s-form-group-title:first-child {\n    margin-top: 0;\n  }\n\n  .s2s-field {\n    margin-bottom: 14px;\n  }\n\n  .s2s-field label {\n    display: block;\n    font-size: 13px;\n    font-weight: 800;\n    color: var(--s2s-text);\n    margin-bottom: 7px;\n  }\n\n  .s2s-field input,\n  .s2s-field textarea,\n  .s2s-field select {\n    width: 100%;\n    border: 1px solid var(--s2s-border);\n    background: #F8FAFC;\n    border-radius: 14px;\n    min-height: 46px;\n    padding: 12px 14px;\n    font-family: inherit;\n    font-size: 15px;\n    color: var(--s2s-text);\n  }\n\n  .s2s-field textarea {\n    min-height: 96px;\n    resize: vertical;\n  }\n\n  .s2s-help {\n    font-size: 12px;\n    color: var(--s2s-muted);\n    margin-top: 5px;\n  }\n\n  .s2s-submit {\n    width: 100%;\n    border: none;\n    margin-top: 12px;\n    font-size: 16px;\n  }\n\n  .s2s-footer {\n    background: #020617;\n    color: white;\n    padding: 42px 0;\n  }\n\n  .s2s-footer-grid {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n  }\n\n  .s2s-footer p {\n    color: #94A3B8;\n    margin: 8px 0 0;\n  }\n\n  .s2s-footer-links {\n    display: flex;\n    gap: 18px;\n    flex-wrap: wrap;\n  }\n\n  .s2s-footer-links a {\n    color: #CBD5E1;\n    text-decoration: none;\n    font-weight: 700;\n  }\n\n  @media (max-width: 980px) {\n    .s2s-links {\n      display: none;\n    }\n\n    .s2s-hero-grid,\n    .s2s-two-cols,\n    .s2s-result-wrap,\n    .s2s-form-wrap {\n      grid-template-columns: 1fr;\n    }\n\n    .s2s-grid-5,\n    .s2s-grid-4,\n    .s2s-grid-3,\n    .s2s-use-grid,\n    .s2s-dark-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .s2s-hero {\n      padding: 64px 0 72px;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .s2s-container {\n      width: min(100% - 28px, 1180px);\n    }\n\n    .s2s-nav {\n      height: 68px;\n    }\n\n    .s2s-hero h1 {\n      font-size: 42px;\n    }\n\n    .s2s-hero p {\n      font-size: 17px;\n    }\n\n    .s2s-actions {\n      flex-direction: column;\n    }\n\n    .s2s-button {\n      width: 100%;\n    }\n\n    .s2s-section {\n      padding: 64px 0;\n    }\n\n    .s2s-grid-5,\n    .s2s-grid-4,\n    .s2s-grid-3,\n    .s2s-use-grid,\n    .s2s-dark-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .s2s-footer-grid {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n<\/style>\n\n<div class=\"s2s-page\">\n\n  <header class=\"s2s-header\">\n    <div class=\"s2s-container s2s-nav\">\n      <a href=\"#\" class=\"s2s-brand\">\n        <span class=\"s2s-logo\">S2<\/span>\n        <span>Screen2SOP<\/span>\n      <\/a>\n\n      <nav class=\"s2s-links\">\n        <a href=\"#fonctionnement\">Comment \u00e7a marche<\/a>\n        <a href=\"#cas-usage\">Cas d\u2019usage<\/a>\n        <a href=\"#exemple\">Exemple de SOP<\/a>\n        <a class=\"s2s-button s2s-button-primary\" href=\"#demo\">Voir la d\u00e9mo<\/a>\n      <\/nav>\n    <\/div>\n  <\/header>\n\n  <section class=\"s2s-hero\">\n    <div class=\"s2s-container s2s-hero-grid\">\n      <div>\n        <div class=\"s2s-badge\">Propuls\u00e9 par l\u2019IA<\/div>\n        <h1>Transformez vos vid\u00e9os m\u00e9tier en proc\u00e9dures exploitables en quelques minutes<\/h1>\n        <p>Screen2SOP analyse vos vid\u00e9os comment\u00e9es, vos captures d\u2019\u00e9cran et vos documents pour g\u00e9n\u00e9rer une proc\u00e9dure op\u00e9rationnelle claire, structur\u00e9e et modifiable.<\/p>\n        <p class=\"s2s-hero-line\">Filmez un process. D\u00e9posez votre vid\u00e9o. Recevez votre SOP par email.<\/p>\n\n        <div class=\"s2s-actions\">\n          <a href=\"#demo\" class=\"s2s-button s2s-button-primary\">G\u00e9n\u00e9rer ma premi\u00e8re SOP<\/a>\n          <a href=\"#fonctionnement\" class=\"s2s-button s2s-button-secondary\">Voir la d\u00e9mo<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"s2s-product-card\">\n        <div class=\"s2s-product-top\">\n          <div class=\"s2s-dot-row\">\n            <span class=\"s2s-dot\"><\/span>\n            <span class=\"s2s-dot\"><\/span>\n            <span class=\"s2s-dot\"><\/span>\n          <\/div>\n          <span class=\"s2s-status\">Proc\u00e9dure pr\u00eate \u00e0 relire<\/span>\n        <\/div>\n\n        <div class=\"s2s-example-label\">Exemple de SOP g\u00e9n\u00e9r\u00e9<\/div>\n\n        <div class=\"s2s-doc-title\">G\u00e9n\u00e9rer une pr\u00e9sentation claire sur Gamma<\/div>\n\n        <div class=\"s2s-doc-box\">\n          <strong>Objectif<\/strong>\n          <p>Cr\u00e9er une pr\u00e9sentation structur\u00e9e \u00e0 partir d\u2019une id\u00e9e, d\u2019un plan ou d\u2019un contenu brut, puis l\u2019organiser dans Gamma pour obtenir un support clair, lisible et directement pr\u00e9sentable.<\/p>\n        <\/div>\n\n        <div class=\"s2s-doc-box\">\n          <strong>\u00c9tapes cl\u00e9s<\/strong>\n          <p>Pr\u00e9parer le sujet, r\u00e9diger le prompt, choisir le format de pr\u00e9sentation, g\u00e9n\u00e9rer le premier brouillon, ajuster le plan, relire les slides et finaliser la mise en forme.<\/p>\n        <\/div>\n\n        <div class=\"s2s-doc-box\">\n          <strong>Points de vigilance<\/strong>\n          <p>V\u00e9rifier la coh\u00e9rence du plan, \u00e9viter les slides trop charg\u00e9es, corriger les formulations g\u00e9n\u00e9riques et s\u2019assurer que chaque slide porte une id\u00e9e principale.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"s2s-section s2s-section-white\">\n    <div class=\"s2s-container\">\n      <div class=\"s2s-section-head\">\n        <span class=\"s2s-kicker\">La probl\u00e9matique \u00e0 r\u00e9soudre<\/span>\n        <h2>Vos savoir-faire m\u00e9tier sont souvent mal document\u00e9s<\/h2>\n        <p>Dans beaucoup d\u2019organisations, les proc\u00e9dures existent dans la t\u00eate des collaborateurs exp\u00e9riment\u00e9s, dans des tutoriels informels, dans des d\u00e9monstrations orales ou dans des documents difficiles \u00e0 maintenir \u00e0 jour.<\/p>\n      <\/div>\n\n      <div class=\"s2s-grid-5\">\n        <div class=\"s2s-card\">\n          <div class=\"s2s-card-icon\">\u2197<\/div>\n          <h3>Mont\u00e9e en comp\u00e9tence plus lente<\/h3>\n          <p>Les nouveaux collaborateurs mettent plus de temps \u00e0 comprendre les m\u00e9thodes internes.<\/p>\n        <\/div>\n\n        <div class=\"s2s-card\">\n          <div class=\"s2s-card-icon\">\u21bb<\/div>\n          <h3>Explications r\u00e9p\u00e9t\u00e9es<\/h3>\n          <p>Les m\u00eames d\u00e9monstrations doivent \u00eatre refaites plusieurs fois.<\/p>\n        <\/div>\n\n        <div class=\"s2s-card\">\n          <div class=\"s2s-card-icon\">\u2630<\/div>\n          <h3>Bonnes pratiques dispers\u00e9es<\/h3>\n          <p>Les m\u00e9thodes utiles ne sont pas toujours formalis\u00e9es ou accessibles.<\/p>\n        <\/div>\n\n        <div class=\"s2s-card\">\n          <div class=\"s2s-card-icon\">\u25c7<\/div>\n          <h3>Savoir-faire fragile<\/h3>\n          <p>Une partie de l\u2019exp\u00e9rience se perd lorsqu\u2019un collaborateur change de poste.<\/p>\n        <\/div>\n\n        <div class=\"s2s-card\">\n          <div class=\"s2s-card-icon\">\u231b<\/div>\n          <h3>R\u00e9daction chronophage<\/h3>\n          <p>Cr\u00e9er une proc\u00e9dure propre \u00e0 partir de z\u00e9ro prend souvent trop de temps.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"s2s-transition\">\n        L\u2019enjeu n\u2019est pas seulement de conserver l\u2019information, mais de transformer une d\u00e9monstration r\u00e9elle en document clair, partageable et r\u00e9utilisable par l\u2019\u00e9quipe.\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"s2s-section\">\n    <div class=\"s2s-container s2s-two-cols\">\n      <div>\n        <span class=\"s2s-kicker\">Notre solution<\/span>\n        <h2>Transformer vos d\u00e9monstrations m\u00e9tier en SOP<\/h2>\n        <p>Vous partez d\u2019une vid\u00e9o simple : un collaborateur filme son \u00e9cran, commente son action ou montre une proc\u00e9dure terrain.<\/p>\n        <br>\n        <p>L\u2019outil analyse les \u00e9l\u00e9ments fournis, structure les \u00e9tapes importantes et g\u00e9n\u00e8re une proc\u00e9dure op\u00e9rationnelle claire.<\/p>\n        <br>\n        <p>L\u2019objectif n\u2019est pas de remplacer l\u2019expertise humaine, mais de faciliter sa formalisation.<\/p>\n      <\/div>\n\n      <div class=\"s2s-flow\">\n        <div class=\"s2s-flow-card\">\n          <div class=\"s2s-flow-number\">1<\/div>\n          <div>\n            <strong>Vid\u00e9o m\u00e9tier<\/strong>\n            <span>Le collaborateur filme et commente son process r\u00e9el.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"s2s-flow-card\">\n          <div class=\"s2s-flow-number\">2<\/div>\n          <div>\n            <strong>Analyse IA<\/strong>\n            <span>Screen2SOP analyse la transcription, les captures et le contexte.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"s2s-flow-card\">\n          <div class=\"s2s-flow-number\">3<\/div>\n          <div>\n            <strong>SOP structur\u00e9e<\/strong>\n            <span>Vous obtenez une proc\u00e9dure claire, relisible et modifiable.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"fonctionnement\" class=\"s2s-section s2s-section-white\">\n    <div class=\"s2s-container\">\n      <div class=\"s2s-section-head\">\n        <span class=\"s2s-kicker\">Fonctionnement<\/span>\n        <h2>Comment cela fonctionne ?<\/h2>\n        <p>De la vid\u00e9o comment\u00e9e \u00e0 la proc\u00e9dure op\u00e9rationnelle, en 4 \u00e9tapes simples.<\/p>\n      <\/div>\n\n      <div class=\"s2s-grid-4\">\n        <div class=\"s2s-card\">\n          <div class=\"s2s-step-number\">1<\/div>\n          <h3>Filmez votre process<\/h3>\n          <p>Enregistrez votre \u00e9cran ou votre activit\u00e9 m\u00e9tier en expliquant ce que vous faites, pourquoi vous le faites et quels sont les points de vigilance.<\/p>\n        <\/div>\n\n        <div class=\"s2s-card\">\n          <div class=\"s2s-step-number\">2<\/div>\n          <h3>D\u00e9posez vos \u00e9l\u00e9ments<\/h3>\n          <p>Ajoutez votre vid\u00e9o, votre lien Loom, YouTube, Vimeo ou votre fichier MP4. Vous pouvez aussi transmettre des captures d\u2019\u00e9cran ou documents compl\u00e9mentaires.<\/p>\n        <\/div>\n\n        <div class=\"s2s-card\">\n          <div class=\"s2s-step-number\">3<\/div>\n          <h3>Screen2SOP structure<\/h3>\n          <p>L\u2019outil analyse la transcription, les captures d\u2019\u00e9cran et le contexte m\u00e9tier pour organiser les \u00e9tapes, les consignes et les points de contr\u00f4le.<\/p>\n        <\/div>\n\n        <div class=\"s2s-card\">\n          <div class=\"s2s-step-number\">4<\/div>\n          <h3>Recevez votre SOP<\/h3>\n          <p>Vous recevez une premi\u00e8re version structur\u00e9e par email. Elle peut ensuite \u00eatre relue, modifi\u00e9e et utilis\u00e9e comme support de formation.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"cas-usage\" class=\"s2s-section\">\n    <div class=\"s2s-container\">\n      <div class=\"s2s-section-head\">\n        <span class=\"s2s-kicker\">Exemples de cas d\u2019usage<\/span>\n        <h2>\u00c0 quoi sert Screen2SOP ?<\/h2>\n        <p>Un outil pour transformer les savoir-faire op\u00e9rationnels en supports clairs, partageables et r\u00e9utilisables.<\/p>\n      <\/div>\n\n      <div class=\"s2s-use-grid\">\n        <div class=\"s2s-use\">Former un nouveau collaborateur<\/div>\n        <div class=\"s2s-use\">Documenter une proc\u00e9dure interne<\/div>\n        <div class=\"s2s-use\">Transformer un tutoriel vid\u00e9o en document clair<\/div>\n        <div class=\"s2s-use\">Standardiser une m\u00e9thode de travail<\/div>\n        <div class=\"s2s-use\">Cr\u00e9er une base de connaissances op\u00e9rationnelle<\/div>\n        <div class=\"s2s-use\">Capitaliser les savoir-faire exp\u00e9riment\u00e9s<\/div>\n        <div class=\"s2s-use\">Pr\u00e9parer des supports de formation<\/div>\n        <div class=\"s2s-use\">R\u00e9duire les explications orales r\u00e9p\u00e9t\u00e9es<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"exemple\" class=\"s2s-section s2s-section-white\">\n    <div class=\"s2s-container s2s-result-wrap\">\n      <div>\n        <span class=\"s2s-kicker\">R\u00e9sultat obtenu<\/span>\n        <h2>Une SOP claire et exploitable<\/h2>\n        <p>Apr\u00e8s d\u00e9p\u00f4t de vos \u00e9l\u00e9ments, vous recevez une proc\u00e9dure organis\u00e9e autour des informations essentielles.<\/p>\n        <br>\n        <p>La SOP g\u00e9n\u00e9r\u00e9e sert de base de travail. Elle peut \u00eatre valid\u00e9e par un responsable m\u00e9tier avant diffusion.<\/p>\n      <\/div>\n\n      <div class=\"s2s-card\">\n        <h3>Structure du document re\u00e7u<\/h3>\n        <div class=\"s2s-check-list\">\n          <div class=\"s2s-check\">Titre de la proc\u00e9dure<\/div>\n          <div class=\"s2s-check\">Objectif<\/div>\n          <div class=\"s2s-check\">Contexte d\u2019utilisation<\/div>\n          <div class=\"s2s-check\">Pr\u00e9requis \u00e9ventuels<\/div>\n          <div class=\"s2s-check\">\u00c9tapes d\u00e9taill\u00e9es<\/div>\n          <div class=\"s2s-check\">Points de vigilance<\/div>\n          <div class=\"s2s-check\">Erreurs \u00e0 \u00e9viter<\/div>\n          <div class=\"s2s-check\">Documents ou outils n\u00e9cessaires<\/div>\n          <div class=\"s2s-check\">Consignes compl\u00e9mentaires<\/div>\n          <div class=\"s2s-check\">Version modifiable pour adaptation interne<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"s2s-section\">\n    <div class=\"s2s-container\">\n      <div class=\"s2s-section-head\">\n        <span class=\"s2s-kicker\">\u00c0 qui s\u2019adresse l\u2019outil ?<\/span>\n        <h2>Screen2SOP s\u2019adresse aux \u00e9quipes qui doivent transmettre des m\u00e9thodes de travail<\/h2>\n        <p>Il est particuli\u00e8rement adapt\u00e9 lorsque le savoir-faire repose sur des gestes, des \u00e9crans, des \u00e9tapes r\u00e9currentes ou des proc\u00e9dures difficiles \u00e0 r\u00e9diger manuellement.<\/p>\n      <\/div>\n\n      <div class=\"s2s-pills\">\n        <span class=\"s2s-pill\">PME<\/span>\n        <span class=\"s2s-pill\">\u00c9quipes op\u00e9rationnelles<\/span>\n        <span class=\"s2s-pill\">Responsables formation<\/span>\n        <span class=\"s2s-pill\">Managers<\/span>\n        <span class=\"s2s-pill\">Services qualit\u00e9<\/span>\n        <span class=\"s2s-pill\">\u00c9quipes support<\/span>\n        <span class=\"s2s-pill\">Directions m\u00e9tier<\/span>\n        <span class=\"s2s-pill\">Organismes de formation<\/span>\n        <span class=\"s2s-pill\">Entreprises en croissance<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"s2s-section s2s-section-dark\">\n    <div class=\"s2s-container\">\n      <div class=\"s2s-section-head\">\n        <span class=\"s2s-kicker\">Points de confiance<\/span>\n        <h2>Pourquoi utiliser Screen2SOP ?<\/h2>\n        <p>Parce qu\u2019une vid\u00e9o seule ne suffit pas toujours. Elle montre un process, mais elle reste difficile \u00e0 rechercher, \u00e0 modifier, \u00e0 transmettre ou \u00e0 int\u00e9grer dans une documentation interne.<\/p>\n      <\/div>\n\n      <div class=\"s2s-dark-grid\">\n        <div class=\"s2s-dark-card\">Proc\u00e9dure modifiable<\/div>\n        <div class=\"s2s-dark-card\">Validation humaine possible<\/div>\n        <div class=\"s2s-dark-card\">Transmission facilit\u00e9e<\/div>\n        <div class=\"s2s-dark-card\">Base documentaire r\u00e9utilisable<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section id=\"demo\" class=\"s2s-section s2s-form-section\">\n    <div class=\"s2s-container s2s-form-wrap\">\n      <div>\n        <span class=\"s2s-kicker\">Tester Screen2SOP<\/span>\n        <h2>G\u00e9n\u00e9rez votre premi\u00e8re SOP \u00e0 partir d\u2019une vid\u00e9o m\u00e9tier<\/h2>\n        <p>D\u00e9posez une vid\u00e9o courte, ajoutez quelques captures d\u2019\u00e9cran si n\u00e9cessaire, puis recevez une premi\u00e8re version structur\u00e9e de votre proc\u00e9dure par email.<\/p>\n        <br>\n        <p>Le formulaire ci-dessous peut \u00eatre remplac\u00e9 par ton formulaire WordPress r\u00e9el une fois le design valid\u00e9.<\/p>\n      <\/div>\n\n      <form class=\"s2s-form\">\n        <div class=\"s2s-form-group-title\">Vos informations<\/div>\n\n        <div class=\"s2s-field\">\n          <label>Email<\/label>\n          <input type=\"email\" placeholder=\"jean@entreprise.com\">\n        <\/div>\n\n        <div class=\"s2s-field\">\n          <label>Entreprise<\/label>\n          <input type=\"text\" placeholder=\"Nom de votre entreprise\">\n        <\/div>\n\n        <div class=\"s2s-field\">\n          <label>Fonction<\/label>\n          <input type=\"text\" placeholder=\"Responsable formation, manager, dirigeant...\">\n        <\/div>\n\n        <div class=\"s2s-form-group-title\">Votre proc\u00e9dure<\/div>\n\n        <div class=\"s2s-field\">\n          <label>Titre de la proc\u00e9dure<\/label>\n          <input type=\"text\" placeholder=\"Exemple : g\u00e9n\u00e9rer une pr\u00e9sentation claire sur Gamma\">\n        <\/div>\n\n        <div class=\"s2s-field\">\n          <label>Domaine m\u00e9tier<\/label>\n          <select>\n            <option>Formation<\/option>\n            <option>IA \/ no-code<\/option>\n            <option>Qualit\u00e9<\/option>\n            <option>Support client<\/option>\n            <option>Op\u00e9rations internes<\/option>\n            <option>Immobilier \/ urbanisme<\/option>\n            <option>Autre<\/option>\n          <\/select>\n        <\/div>\n\n        <div class=\"s2s-field\">\n          <label>Objectif de la proc\u00e9dure<\/label>\n          <textarea placeholder=\"Expliquez bri\u00e8vement ce que la proc\u00e9dure doit permettre de faire.\"><\/textarea>\n        <\/div>\n\n        <div class=\"s2s-form-group-title\">Vos \u00e9l\u00e9ments<\/div>\n\n        <div class=\"s2s-field\">\n          <label>Lien vid\u00e9o Loom, YouTube ou Vimeo<\/label>\n          <input type=\"url\" placeholder=\"https:\/\/...\">\n          <div class=\"s2s-help\">Ajoutez le lien de votre vid\u00e9o comment\u00e9e.<\/div>\n        <\/div>\n\n        <div class=\"s2s-field\">\n          <label>Fichier vid\u00e9o<\/label>\n          <input type=\"file\">\n          <div class=\"s2s-help\">\u00c0 connecter ensuite \u00e0 un vrai formulaire WordPress si besoin.<\/div>\n        <\/div>\n\n        <div class=\"s2s-field\">\n          <label>Captures d\u2019\u00e9cran<\/label>\n          <input type=\"file\" multiple>\n        <\/div>\n\n        <div class=\"s2s-field\">\n          <label>Documents compl\u00e9mentaires<\/label>\n          <input type=\"file\" multiple>\n        <\/div>\n\n        <button type=\"button\" class=\"s2s-button s2s-button-primary s2s-submit\">G\u00e9n\u00e9rer ma SOP<\/button>\n\n        <div class=\"s2s-transition\">\n          Votre demande est bien prise en compte. Screen2SOP analyse vos \u00e9l\u00e9ments et pr\u00e9pare votre proc\u00e9dure. Vous recevrez votre SOP modifiable par email dans quelques minutes.\n        <\/div>\n      <\/form>\n    <\/div>\n  <\/section>\n\n  <footer class=\"s2s-footer\">\n    <div class=\"s2s-container s2s-footer-grid\">\n      <div>\n        <div class=\"s2s-brand\" style=\"color:white;\">\n          <span class=\"s2s-logo\">S2<\/span>\n          <span>Screen2SOP<\/span>\n        <\/div>\n        <p>Transformez vos vid\u00e9os m\u00e9tier en proc\u00e9dures op\u00e9rationnelles structur\u00e9es.<\/p>\n      <\/div>\n\n      <div class=\"s2s-footer-links\">\n        <a href=\"#fonctionnement\">Comment \u00e7a marche<\/a>\n        <a href=\"#cas-usage\">Cas d\u2019usage<\/a>\n        <a href=\"#demo\">Voir la d\u00e9mo<\/a>\n        <a href=\"mailto:contact@screentosop.com\">Contact<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>S2 Screen2SOP Comment \u00e7a marche Cas d\u2019usage Exemple de SOP Voir la d\u00e9mo Propuls\u00e9 par l\u2019IA Transformez vos vid\u00e9os m\u00e9tier [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-286","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Jean Coronato","author_link":"https:\/\/screentosop.com\/index.php\/author\/jean\/"},"uagb_comment_info":0,"uagb_excerpt":"S2 Screen2SOP Comment \u00e7a marche Cas d\u2019usage Exemple de SOP Voir la d\u00e9mo Propuls\u00e9 par l\u2019IA Transformez vos vid\u00e9os m\u00e9tier [&hellip;]","_links":{"self":[{"href":"https:\/\/screentosop.com\/index.php\/wp-json\/wp\/v2\/pages\/286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/screentosop.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/screentosop.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/screentosop.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/screentosop.com\/index.php\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":3,"href":"https:\/\/screentosop.com\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions"}],"predecessor-version":[{"id":291,"href":"https:\/\/screentosop.com\/index.php\/wp-json\/wp\/v2\/pages\/286\/revisions\/291"}],"wp:attachment":[{"href":"https:\/\/screentosop.com\/index.php\/wp-json\/wp\/v2\/media?parent=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}