M\u00e9thode de travail<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --paper:#F1F0EA;\n --paper-raised:#FAF9F5;\n --ink:#161A1F;\n --ink-soft:#4A5058;\n --line:#DAD8CE;\n --accent:#F6A403;\n --accent-soft:#FFCA63;\n --live:#2E8B57;\n --live-dot:#3FBE79;\n --radius:14px;\n }\n *{box-sizing:border-box;}\n html,body{margin:0;padding:0;}\n body{\n background:var(--paper);\n color:var(--ink);\n font-family:'Manrope',sans-serif;\n font-weight:600;\n line-height:1.5;\n -webkit-font-smoothing:antialiased;\n }\n .wrap{\n max-width:920px;\n margin:0 auto;\n padding:56px 24px 80px;\n }\n .mono{\n font-family:'JetBrains Mono',monospace;\n font-weight:500;\n letter-spacing:0.02em;\n }\n\n \/* ---------- STATUS BAR ---------- *\/\n .statusbar{\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n background:var(--ink);\n border-radius:999px;\n padding:10px 10px;\n margin-bottom:40px;\n }\n .status-item{\n display:flex;\n align-items:center;\n gap:8px;\n background:rgba(255,255,255,0.06);\n color:#F1F0EA;\n padding:8px 16px;\n border-radius:999px;\n font-size:12.5px;\n white-space:nowrap;\n }\n .dot{\n width:7px;height:7px;border-radius:50%;\n background:var(--live-dot);\n box-shadow:0 0 0 0 rgba(63,190,121,0.6);\n animation:pulse 2.2s infinite;\n flex:none;\n }\n @keyframes pulse{\n 0%{box-shadow:0 0 0 0 rgba(63,190,121,0.55);}\n 70%{box-shadow:0 0 0 6px rgba(63,190,121,0);}\n 100%{box-shadow:0 0 0 0 rgba(63,190,121,0);}\n }\n @media (prefers-reduced-motion: reduce){ .dot{animation:none;} }\n\n \/* ---------- HERO ---------- *\/\n .eyebrow{\n font-family:'JetBrains Mono',monospace;\n font-size:12.5px;\n text-transform:uppercase;\n letter-spacing:0.12em;\n color:var(--accent);\n margin:0 0 14px;\n }\n h1{\n font-size:clamp(30px,4.4vw,44px);\n font-weight:800;\n letter-spacing:-0.01em;\n line-height:1.12;\n margin:0 0 18px;\n }\n .lede{\n font-size:17px;\n font-weight:500;\n color:var(--ink-soft);\n max-width:60ch;\n margin:0 0 20px;\n }\n .langs{\n display:flex;\n flex-wrap:wrap;\n gap:8px;\n margin-bottom:56px;\n }\n .chip{\n font-size:12.5px;\n font-family:'JetBrains Mono',monospace;\n background:var(--paper-raised);\n border:1px solid var(--line);\n padding:6px 12px;\n border-radius:8px;\n color:var(--ink-soft);\n }\n\n \/* ---------- EQUIVALENCE BLOCK ---------- *\/\n .equiv{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:1px;\n background:var(--line);\n border:1px solid var(--line);\n border-radius:var(--radius);\n overflow:hidden;\n margin-bottom:64px;\n }\n .equiv > div{\n background:var(--paper-raised);\n padding:20px 22px;\n }\n .equiv h3{\n margin:0 0 6px;\n font-size:14px;\n font-family:'JetBrains Mono',monospace;\n font-weight:500;\n color:var(--ink-soft);\n text-transform:uppercase;\n letter-spacing:0.06em;\n }\n .equiv p{\n margin:0;\n font-size:14.5px;\n font-weight:500;\n color:var(--ink);\n }\n\n \/* ---------- TIMELINE ---------- *\/\n .timeline{\n position:relative;\n padding-left:34px;\n }\n .timeline::before{\n content:\"\";\n position:absolute;\n left:7px;\n top:8px;\n bottom:8px;\n width:2px;\n background:linear-gradient(to bottom, var(--accent) 0%, var(--line) 100%);\n }\n .step{\n position:relative;\n margin-bottom:44px;\n }\n .step:last-child{margin-bottom:0;}\n .step::before{\n content:\"\";\n position:absolute;\n left:-34px;\n top:4px;\n width:16px;height:16px;\n border-radius:50%;\n background:var(--paper);\n border:2.5px solid var(--accent);\n }\n .step-head{\n display:flex;\n align-items:baseline;\n gap:12px;\n margin-bottom:10px;\n flex-wrap:wrap;\n }\n .step-num{\n font-family:'JetBrains Mono',monospace;\n font-size:12.5px;\n font-weight:500;\n color:var(--accent);\n }\n .step h2{\n margin:0;\n font-size:21px;\n font-weight:800;\n letter-spacing:-0.005em;\n }\n .step-note{\n font-size:14px;\n font-weight:500;\n color:var(--ink-soft);\n margin:0 0 14px;\n max-width:58ch;\n }\n .step ul{\n margin:0;\n padding:0;\n list-style:none;\n display:grid;\n gap:9px;\n }\n .step li{\n font-size:14.5px;\n font-weight:500;\n padding-left:18px;\n position:relative;\n color:var(--ink);\n }\n .step li::before{\n content:\"\";\n position:absolute;\n left:0;\n top:8px;\n width:6px;height:6px;\n border-radius:1px;\n background:var(--accent);\n transform:rotate(45deg);\n }\n .step li b{font-weight:800;}\n\n .card{\n background:var(--paper-raised);\n border:1px solid var(--line);\n border-radius:var(--radius);\n padding:22px 24px;\n }\n\n \/* ---------- RELIABILITY STRIP (step 5 highlight) ---------- *\/\n .reliability{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:1px;\n background:var(--line);\n border:1px solid var(--line);\n border-radius:10px;\n overflow:hidden;\n margin-top:16px;\n }\n .reliability div{\n background:var(--accent-soft);\n padding:14px 16px;\n }\n .reliability .k{\n display:block;\n font-family:'JetBrains Mono',monospace;\n font-size:11.5px;\n color:var(--ink);\n opacity:0.65;\n margin-bottom:4px;\n text-transform:uppercase;\n letter-spacing:0.05em;\n }\n .reliability .v{\n font-size:14px;\n font-weight:800;\n color:var(--ink);\n }\n\n \/* ---------- FOOTER ---------- *\/\n footer{\n margin-top:64px;\n padding-top:24px;\n border-top:1px solid var(--line);\n display:flex;\n justify-content:space-between;\n align-items:center;\n flex-wrap:wrap;\n gap:12px;\n }\n footer p{\n margin:0;\n font-size:13px;\n color:var(--ink-soft);\n font-weight:500;\n }\n footer .mono{font-size:12px;color:var(--ink-soft);}\n\n @media (max-width:640px){\n .equiv{grid-template-columns:1fr;}\n .reliability{grid-template-columns:1fr;}\n .statusbar{border-radius:16px;}\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n\n <div class=\"statusbar\">\n <span class=\"status-item mono\"><span class=\"dot\"><\/span>Video calls<\/span>\n <span class=\"status-item mono\">High-speed internet connection<\/span>\n <span class=\"status-item mono\">CET time zone (UTC+1 \/ UTC+2)<\/span>\n <span class=\"status-item mono\">24 hours Response<\/span>\n <\/div>\n\n <p class=\"eyebrow\">My Remote Approach<\/p>\n <h1>The same process, on-site or remote<\/h1>\n <p class=\"lede\">Remote work isn't a compromise. It's the same framework, the same level of rigor, and the same traceability\u2014simply documented so nothing gets lost across time zones.<\/p>\n\n <div class=\"langs\">\n <span class=\"chip\">\ud83c\uddeb\ud83c\uddf7 French \u2014 Fluent<\/span>\n <span class=\"chip\">\ud83c\uddec\ud83c\udde7 English \u2014 Fluent<\/span>\n <span class=\"chip\">\ud83c\uddea\ud83c\uddf8 Spanish \u2014 Good working proficiency<\/span>\n <span class=\"chip\">\ud83c\uddf1\ud83c\udde7 Arabic \u2014 Conversational<\/span>\n <\/div>\n\n <div class=\"equiv\">\n <div>\n <h3>On-site<\/h3>\n <p>Face-to-face collaboration, workshops, and real-time decision making.<\/p>\n <\/div>\n <div>\n <h3>Remote<\/h3>\n <p>The same collaborative process through documented video calls and real-time collaboration tools<\/p>\n <\/div>\n <\/div>\n\n <div class=\"timeline\">\n\n <div class=\"step\">\n <div class=\"step-head\">\n <span class=\"step-num\">STEP 01<\/span>\n <h2>Discovery & Communication<\/h2>\n <\/div>\n <p class=\"step-note\">An open mindset and broad perspective that help facilitate collaboration across teams, cultures, and markets.<\/p>\n <div class=\"card\">\n <ul>\n <li>Active listening, stakeholder interviews and preliminary research<\/li>\n <li>A concise <b>meeting summary<\/b> shared after every discussion to ensure aligned understanding<\/li>\n <li>Clear project <b>planning<\/b>, including budget estimation when required<\/li>\n <li>Regular video meetings supported by interactive online collaboration tools<\/li>\n <li>Selective use of AI for briefs, research, competitive analysis and audience insights<\/li>\n <li>Adaptability to the client's tools\u2014understanding the workflow, not just the interface<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-head\">\n <span class=\"step-num\">STEP 02<\/span>\n <h2>UX Research & Information Architecture<\/h2>\n <\/div>\n <p class=\"step-note\">Building the structure before the visuals\u2014the foundation of products that are understood, not just attractive.<\/p>\n <div class=\"card\">\n <ul>\n <li>User journeys, information architecture and wireframes<\/li>\n <li>Exploration of multiple directions, accelerated with AI and validated together with the client<\/li>\n <li>Collaborative feature prioritization based on project goals and timelines<\/li>\n <li>Decision-making frameworks to clarify ideas and confidently choose the best direction<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-head\">\n <span class=\"step-num\">STEP 03<\/span>\n <h2>Interface Design<\/h2>\n <\/div>\n <p class=\"step-note\">Design comes after strategy\u2014not before.<\/p>\n <div class=\"card\">\n <ul>\n <li>Visual concepts explored with AI-assisted ideation<\/li>\n <li>Fast image generation and rapid iterations<\/li>\n <li>Selection of the strongest direction based on brand, technical and timeline constraints<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-head\">\n <span class=\"step-num\">STEP 04<\/span>\n <h2>Delivery & Documentation<\/h2>\n <\/div>\n <p class=\"step-note\">Deliverables that development teams can implement without needing additional explanations.<\/p>\n <div class=\"card\">\n <ul>\n <li>Final UI designs and micro-interactions<\/li>\n <li>Comprehensive design documentation, including specifications, behaviors and component states<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-head\">\n <span class=\"step-num\">STEP 05<\/span>\n <h2>Follow-up & Reliability<\/h2>\n <\/div>\n <p class=\"step-note\">The phase that builds the most confidence in remote collaboration: ensuring nothing is lost between design and launch.<\/p>\n <div class=\"card\">\n <ul>\n <li>Design QA throughout development to ensure implementation matches the original intent<\/li>\n <li>Regular checkpoints with short feedback loops<\/li>\n <li>Ongoing availability and responsiveness through launch<\/li>\n <li>Complete documentation and archive of all project decisions, accessible at any time<\/li>\n <\/ul>\n <div class=\"reliability\">\n <div><span class=\"k\">Response Time<\/span><span class=\"v\">< 24 business hours<\/span><\/div>\n <div><span class=\"k\">Availability<\/span><span class=\"v\">Video meetings on request<\/span><\/div>\n <div><span class=\"k\">Documentation<\/span><span class=\"v\">100% documented & traceable<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <footer>\n <p>M\u00e9thode solide et adaptable en fonction des projets<\/p>\n <p class=\"mono\">FR \u00b7 EN \u00b7 ES \u00b7 AR<\/p>\n <\/footer>\n\n<\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb902c4 e-con-full e-flex e-con e-child\" data-id=\"fb902c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ac86c55 e-con-full e-flex e-con e-child\" data-id=\"ac86c55\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61a9d92 elementor-widget-tablet__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-template\" data-id=\"61a9d92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"2602\" class=\"elementor elementor-2602\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f1dd465 e-con-full e-flex e-con e-child\" data-id=\"5f1dd465\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16ce7e65 elementor-headline--style-rotate elementor-widget elementor-widget-animated-headline\" data-id=\"16ce7e65\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"rotating_text":"une solution\\nun site\\nun succ\\u00e8s","animation_type":"wave","headline_style":"rotate","rotate_iteration_delay":1500,"loop":"yes"}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t\t\t\t<h3 class=\"elementor-headline elementor-headline-animation-type-wave elementor-headline-letters\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">Build <\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">\n\t\t\t\ta solution\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\ta site\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text\">\n\t\t\t\ta success\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">Now<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7eeffc0e elementor-widget elementor-widget-icon-box\" data-id=\"7eeffc0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tLet's connect\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMeet us by phone or over a drink\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30325ade elementor-align-center elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"30325ade\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/calendly.com\/designdinterface\/30min\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Make an appointment<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Ma m\u00e9thode M\u00e9thode de travail Disponible en visio Connexion stable \u00b7 haut d\u00e9bit Fuseau CET (UTC+1\/+2) R\u00e9ponse sous 24h M\u00e9thode de travail Un process identique, sur place ou \u00e0 distance Le distanciel n’est pas un mode d\u00e9grad\u00e9 : c’est le m\u00eame cadre, la m\u00eame rigueur, la m\u00eame tra\u00e7abilit\u00e9 \u2014 simplement document\u00e9s pour que rien ne […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3517","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/pages\/3517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/comments?post=3517"}],"version-history":[{"count":16,"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/pages\/3517\/revisions"}],"predecessor-version":[{"id":3537,"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/pages\/3517\/revisions\/3537"}],"wp:attachment":[{"href":"https:\/\/designdinterface.com\/en\/wp-json\/wp\/v2\/media?parent=3517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}