{"pages":{"/en":{"title":"Veylonic Systems \u2014 Software development","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"hero wrap\"><div class=\"hero-title\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Your</span> </span><span><span class=\"kinetic-word\">ideas.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Our</span> </span><span><span class=\"kinetic-word\">systems.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Your</span> </span><span><span class=\"kinetic-word\">future.</span> </span></span></h1></div><div class=\"hero-visual\"><div class=\"hero-ground\" aria-hidden=\"true\"></div><div class=\"hero-model-layer\"><div class=\"hero-sculpture\" data-model=\"/media/design/hero-art.glb\"><img class=\"poster\" src=\"vasset:0bf794f19715c3c4dd9b2dc5\" alt=\"A 3D composition of software interfaces on metal and glass surfaces.\" width=\"1600\" height=\"1200\" fetchpriority=\"high\"><div class=\"sculpture-canvas\" aria-hidden=\"true\"></div></div></div></div><div class=\"hero-copy\"><p>We design websites, web applications and digital tools. Clear design, useful features and development shaped around your business.</p><div class=\"brief-action\"><a class=\"button primary magnetic-button\" href=\"#/en/contact\">Discuss my project</a><a class=\"text-link\" href=\"#/en/pricing\">Estimate your project</a></div></div></section><section class=\"expertise-section section\"><div class=\"wrap\"><div class=\"section-heading\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">What</span> </span><span><span class=\"kinetic-word\">do</span> </span><span><span class=\"kinetic-word\">you</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">need</span> </span><span><span class=\"kinetic-word\">to</span> </span><span><span class=\"kinetic-word\">build?</span> </span></span></h2><p>Choose the result you want. Together we define what you will receive, what it will cost and when it will be ready.</p></div><div class=\"service-offers\"><a class=\"service-offer offer-0\" href=\"#/en/services/product-design\"><div class=\"offer-top\"><h3>Your landing page, built</h3><span class=\"offer-price\">From <strong>\u20ac1,500</strong><small>excl. VAT</small></span></div><p class=\"offer-for\">To present an offer and receive inquiries.</p><div class=\"offer-result\"><span>What you receive</span><p>A responsive page ready for launch, with a contact form and source code.</p></div><p class=\"offer-includes\">1 page \u00b7 Up to 5 sections \u00b7 Development included</p><div class=\"offer-bottom\"><span>Around 1\u20132 weeks, depending on the agreed scope.</span><span class=\"text-link\">See the service</span></div></a><a class=\"service-offer offer-1\" href=\"#/en/services/webflow\"><div class=\"offer-top\"><h3>Your business website</h3><span class=\"offer-price\">From <strong>\u20ac2,500</strong><small>excl. VAT</small></span></div><p class=\"offer-for\">To explain your business and receive inquiries.</p><div class=\"offer-result\"><span>What you receive</span><p>A responsive website with up to 5 pages, a contact form and launch preparation.</p></div><p class=\"offer-includes\">Up to 5 pages \u00b7 Mobile \u00b7 Contact form</p><div class=\"offer-bottom\"><span>Around 2\u20133 weeks after receiving the content.</span><span class=\"text-link\">See the service</span></div></a><a class=\"service-offer offer-2\" href=\"#/en/services/web-development\"><div class=\"offer-top\"><h3>A tool for your workflow</h3><span class=\"offer-price\">From <strong>\u20ac4,500</strong><small>excl. VAT</small></span></div><p class=\"offer-for\">To replace manual tracking or repeated data entry.</p><div class=\"offer-result\"><span>What you receive</span><p>A web tool for one task, with data storage and one connection to an existing service.</p></div><p class=\"offer-includes\">1 workflow \u00b7 Database \u00b7 1 integration</p><div class=\"offer-bottom\"><span>Around 3\u20134 weeks for an initial focused scope.</span><span class=\"text-link\">See the service</span></div></a></div></div></section><section id=\"code-to-product\" class=\"code-product\" data-status0=\"New\" data-status1=\"In progress\" data-status2=\"Done\"><div class=\"product-sticky wrap\"><div class=\"product-explanation\"><h2>From your idea to a working product.</h2><p>See how business logic becomes an intuitive application, ready to evolve.</p><div class=\"product-step-controls\" role=\"group\" aria-label=\"From your idea to a working product.\"><button type=\"button\" data-product-step=\"0\" aria-pressed=\"true\"><span>01</span>Idea</button><button type=\"button\" data-product-step=\"1\" aria-pressed=\"false\"><span>02</span>Code</button><button type=\"button\" data-product-step=\"2\" aria-pressed=\"false\"><span>03</span>Product</button></div><p class=\"product-stage-description\" data-product-description=\"0\">Enquiries arrive by email. Status gets lost between messages and spreadsheets.</p><p class=\"product-stage-description\" data-product-description=\"1\" hidden=\"\">We structure the data and the rules: one request, one owner, one status.</p><p class=\"product-stage-description\" data-product-description=\"2\" hidden=\"\">An interface to find every request and move work forward.</p></div><div class=\"product-visual\"><div class=\"product-scene\"><div class=\"product-panel product-idea\" data-product-panel=\"0\"><div class=\"idea-message-stack\"><div class=\"idea-message message-0\"><span class=\"message-dot\"></span><p>New enquiry received by email</p><span class=\"message-time\">09:12</span></div><div class=\"idea-message message-1\"><span class=\"message-dot\"></span><p>Who is taking care of it?</p><span class=\"message-time\">10:46</span></div><div class=\"idea-message message-2\"><span class=\"message-dot\"></span><p>The client is waiting for a reply</p><span class=\"message-time\">14:20</span></div></div><h3>One request. Too many places to find it.</h3><p>Goal: centralise requests and track their progress.</p></div><div class=\"product-panel product-code\" data-product-panel=\"1\"><div class=\"code-title\"><span class=\"code-file\">requests.ts</span><span>TypeScript</span></div><pre aria-label=\"TypeScript\"><code><span><b>type</b> Status = <em>&#x27;new&#x27;</em> | <em>&#x27;active&#x27;</em> | <em>&#x27;done&#x27;</em>;</span><span> </span><span><b>function</b> assign(id: <i>string</i>) {</span><span>  <b>return</b> requests.map(request =&gt;</span><span>    request.id === id</span><span>      ? { ...request, status: <em>&#x27;active&#x27;</em> }</span><span>      : request</span><span>  );</span><span>}</span></code></pre><div class=\"code-footer\"><span>requests.ts</span><span>Code</span></div></div><div class=\"product-panel product-dashboard\" data-product-panel=\"2\"><div class=\"dashboard-bar\"><strong>Veylonic Systems</strong><button type=\"button\" data-request-reset=\"true\">Reset</button></div><div class=\"dashboard-heading\"><div><h3>Customer requests</h3><p>Every request, in one place.</p></div><div class=\"request-count\"><strong data-request-count=\"true\">3</strong><span>request(s) to follow</span></div></div><button class=\"request-filter\" type=\"button\" data-request-filter=\"true\" aria-pressed=\"false\">Show only new requests</button><div class=\"request-table\" role=\"table\" aria-label=\"Customer requests\"><div class=\"request-table-head\" role=\"row\"><span role=\"columnheader\">Request</span><span role=\"columnheader\">Owner</span><span role=\"columnheader\">Status</span><span></span></div><div class=\"request-row\" data-request-row=\"true\" role=\"row\"><strong role=\"cell\">Prepare a quote</strong><span role=\"cell\" class=\"request-owner\">Camille</span><span role=\"cell\" class=\"request-status\" data-request-status=\"true\" data-status=\"0\">New</span><span role=\"cell\"><button type=\"button\" data-request-advance=\"true\" aria-label=\"Move forward: Prepare a quote\">Move forward</button></span></div><div class=\"request-row\" data-request-row=\"true\" role=\"row\"><strong role=\"cell\">Update an account</strong><span role=\"cell\" class=\"request-owner\">Alex</span><span role=\"cell\" class=\"request-status\" data-request-status=\"true\" data-status=\"1\">In progress</span><span role=\"cell\"><button type=\"button\" data-request-advance=\"true\" aria-label=\"Move forward: Update an account\">Move forward</button></span></div><div class=\"request-row\" data-request-row=\"true\" role=\"row\"><strong role=\"cell\">Schedule a delivery</strong><span role=\"cell\" class=\"request-owner\">Sam</span><span role=\"cell\" class=\"request-status\" data-request-status=\"true\" data-status=\"0\">New</span><span role=\"cell\"><button type=\"button\" data-request-advance=\"true\" aria-label=\"Move forward: Schedule a delivery\">Move forward</button></span></div></div><p data-request-empty=\"true\" hidden=\"\">No requests match this filter.</p><p class=\"dashboard-hint\" aria-live=\"polite\">Try moving a request forward.</p><small>Changes stay inside this demonstration.</small></div></div><p class=\"product-demo-label\">Interactive demonstration</p></div></div></section><section class=\"section work-section\"><div class=\"wrap\"><div class=\"section-heading\"><div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Websites</span> </span><span><span class=\"kinetic-word\">with</span> </span><span><span class=\"kinetic-word\">character.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Tools</span> </span><span><span class=\"kinetic-word\">with</span> </span><span><span class=\"kinetic-word\">purpose.</span> </span></span></h2><p>CRM, automation and SaaS: three approaches to managing sales, workflows and teamwork.</p></div></div></div><div class=\"project-showcase continuous-projects\"><div class=\"work-rail\" tabindex=\"0\" role=\"region\" aria-label=\"Projects\"><div class=\"project-grid featured\"><article class=\"project-card\"><div class=\"project-visual visual-nexora\"><img src=\"vasset:05db738d63d088fb2f8ef6bf\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Overview\" loading=\"eager\"></div></article><article class=\"project-card\"><div class=\"project-visual visual-fluxio\"><img src=\"vasset:e51c810806c8e9476d8ef209\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Workflow builder\" loading=\"lazy\"></div></article><article class=\"project-card\"><div class=\"project-visual visual-orbita\"><img src=\"vasset:980842328028717fa3447816\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Overview\" loading=\"lazy\"></div></article></div><div class=\"rail-copy\" aria-hidden=\"true\"><div class=\"project-grid featured\"><article class=\"project-card\"><div class=\"project-visual visual-nexora\"><img src=\"vasset:05db738d63d088fb2f8ef6bf\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Overview\" loading=\"eager\"></div></article><article class=\"project-card\"><div class=\"project-visual visual-fluxio\"><img src=\"vasset:e51c810806c8e9476d8ef209\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Workflow builder\" loading=\"lazy\"></div></article><article class=\"project-card\"><div class=\"project-visual visual-orbita\"><img src=\"vasset:980842328028717fa3447816\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Overview\" loading=\"lazy\"></div></article></div></div></div><div class=\"rail-controls wrap\"><button type=\"button\" class=\"text-button\" data-rail=\"previous\">Previous</button><button type=\"button\" class=\"text-button\" data-rail=\"next\">Next</button></div></div></section><section id=\"development\" class=\"process-scroll wrap section process-scroll-home\"><div class=\"process-sticky\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">You</span> </span><span><span class=\"kinetic-word\">always</span> </span><span><span class=\"kinetic-word\">know</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">where</span> </span><span><span class=\"kinetic-word\">your</span> </span><span><span class=\"kinetic-word\">project</span> </span><span><span class=\"kinetic-word\">stands.</span> </span></span></h2><p>At every stage: an action, something you can review, and your approval before we move on.</p><div class=\"process-current\" aria-hidden=\"true\"><span class=\"process-current-number is-changing\">01</span><span>Talk through your needs</span><span class=\"process-count\">/ 06</span></div></div><ol class=\"process-track\"><li data-step=\"0\" class=\"process-step is-current\"><span class=\"step-number\">01</span><h3>Talk through your needs</h3><p>You explain your business, needs and budget. We define a priority task and the expected result.</p><div class=\"step-output\"><span>What this stage produces</span><strong>A defined need</strong></div></li><li data-step=\"1\" class=\"process-step \"><span class=\"step-number\">02</span><h3>Agree on a clear proposal</h3><p>We list pages, features, deliverables and schedule. You approve the scope and price before work begins.</p><div class=\"step-output\"><span>What this stage produces</span><strong>A quote and schedule</strong></div></li><li data-step=\"2\" class=\"process-step \"><span class=\"step-number\">03</span><h3>Review the design</h3><p>We show the screen structure. We use your designs or prepare the additional design agreed in the quote.</p><div class=\"step-output\"><span>What this stage produces</span><strong>An approved structure</strong></div></li><li data-step=\"3\" class=\"process-step \"><span class=\"step-number\">04</span><h3>Try a working version</h3><p>We develop the features and share a working version for you to try. Your feedback is collected and addressed within the agreed scope.</p><div class=\"step-output\"><span>What this stage produces</span><strong>A working version</strong></div></li><li data-step=\"4\" class=\"process-step \"><span class=\"step-number\">05</span><h3>Check before delivery</h3><p>We check scenarios, screen sizes, forms and error handling using a shared checklist.</p><div class=\"step-output\"><span>What this stage produces</span><strong>Completed checks</strong></div></li><li data-step=\"5\" class=\"process-step \"><span class=\"step-number\">06</span><h3>Receive your project</h3><p>We deliver source code, access and documentation and prepare the launch. Ongoing support is agreed with you separately.</p><div class=\"step-output\"><span>What this stage produces</span><strong>Code, access and documentation</strong></div></li></ol></section><section class=\"why-section wrap section\" aria-labelledby=\"why-title-en\"><div class=\"why-layout\"><div class=\"why-intro\"><h2 id=\"why-title-en\">Why work with Veylonic Systems</h2><p>An approach designed for businesses and startups that expect clarity, reliability and well-crafted solutions.</p></div><div class=\"why-carousel\" role=\"region\" aria-roledescription=\"Carousel\" aria-labelledby=\"why-title-en\"><div class=\"why-viewport\"><div class=\"why-track\" id=\"why-track-en\"><article class=\"why-slide\" role=\"group\" aria-roledescription=\"Slide\" aria-label=\"1 of 4: Clarity\"><h3>Clarity</h3><p>We agree on the scope, timeline and cost from the start. At every stage, you know what is ready and what comes next.</p></article><article class=\"why-slide\" role=\"group\" aria-roledescription=\"Slide\" aria-label=\"2 of 4: Flexibility\"><h3>Flexibility</h3><p>Every project follows a structured method, always adapted to the realities of your business.</p></article><article class=\"why-slide\" role=\"group\" aria-roledescription=\"Slide\" aria-label=\"3 of 4: Reliability\"><h3>Reliability</h3><p>We build useful, lasting solutions designed to evolve with your business.</p></article><article class=\"why-slide\" role=\"group\" aria-roledescription=\"Slide\" aria-label=\"4 of 4: Attention to detail\"><h3>Attention to detail</h3><p>Beyond design, we pay particular attention to usability, business logic and performance.</p></article></div></div><div class=\"why-controls\" hidden><span class=\"why-count\" aria-hidden=\"true\">01 / 04</span><div class=\"why-indicators\" role=\"group\" aria-label=\"Principle navigation\"><button class=\"why-dot\" type=\"button\" data-why-slide=\"0\" aria-label=\"Show: 1 of 4: Clarity\" aria-pressed=\"true\" aria-controls=\"why-track-en\"><span aria-hidden=\"true\"></span></button><button class=\"why-dot\" type=\"button\" data-why-slide=\"1\" aria-label=\"Show: 2 of 4: Flexibility\" aria-pressed=\"false\" aria-controls=\"why-track-en\"><span aria-hidden=\"true\"></span></button><button class=\"why-dot\" type=\"button\" data-why-slide=\"2\" aria-label=\"Show: 3 of 4: Reliability\" aria-pressed=\"false\" aria-controls=\"why-track-en\"><span aria-hidden=\"true\"></span></button><button class=\"why-dot\" type=\"button\" data-why-slide=\"3\" aria-label=\"Show: 4 of 4: Attention to detail\" aria-pressed=\"false\" aria-controls=\"why-track-en\"><span aria-hidden=\"true\"></span></button></div><div class=\"why-arrows\"><button type=\"button\" class=\"why-arrow\" data-why-prev aria-label=\"Previous principle\" aria-controls=\"why-track-en\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5m7 7-7-7 7-7\"></path></svg></button><button type=\"button\" class=\"why-arrow\" data-why-next aria-label=\"Next principle\" aria-controls=\"why-track-en\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14m-7-7 7 7-7 7\"></path></svg></button></div></div><span class=\"why-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"></span></div></div></section><section class=\"technology-home section\"><div class=\"wrap\"><div class=\"section-heading\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Technology</span> </span><span><span class=\"kinetic-word\">chosen</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">for</span> </span><span><span class=\"kinetic-word\">your</span> </span><span><span class=\"kinetic-word\">project.</span> </span></span></h2><p>We choose tools around what the product needs to do, how you want to manage it and your budget.</p></div><div class=\"technology-list\"><div><h3>Easy to use</h3><p>Fast pages that work on phones and support keyboard navigation.<small class=\"technology-stack\">React / Next.js</small></p></div><div><h3>Less repetitive data entry</h3><p>Data exchanges and business rules come together in a coherent tool.<small class=\"technology-stack\">TypeScript / Node.js</small></p></div><div><h3>Well-organised information</h3><p>We define the necessary fields, relationships and access permissions.<small class=\"technology-stack\">PostgreSQL</small></p></div><div><h3>A prepared launch</h3><p>We prepare testing, deployment and ways to identify errors.<small class=\"technology-stack\">Cloud / CI/CD</small></p></div><div><h3>AI for a specific useful task</h3><p>We check response quality and limits before proposing an integration.<small class=\"technology-stack\">AI / RAG</small></p></div></div></div></section><section class=\"collaboration-band\"><div class=\"wrap\"><div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">A</span> </span><span><span class=\"kinetic-word\">defined</span> </span><span><span class=\"kinetic-word\">result.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">A</span> </span><span><span class=\"kinetic-word\">clear</span> </span><span><span class=\"kinetic-word\">budget.</span> </span></span></h2><p>Three starting prices for defined scopes. Your quote depends on features, content and integrations; larger projects receive a dedicated proposal.</p><a class=\"button primary magnetic-button\" href=\"#/en/pricing\">Explore budgets</a></div><div class=\"budget-note\"><span>Your landing page, built</span><strong>\u20ac1,500</strong><span>From \u00b7 excl. VAT</span><div></div><span>A tool for your workflow</span><strong>\u20ac4,500</strong><span>From \u00b7 excl. VAT</span></div></div></section><section class=\"section wrap\"><div class=\"section-heading\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Ideas</span> </span><span><span class=\"kinetic-word\">worth</span> </span><span><span class=\"kinetic-word\">sharing.</span> </span></span></h2><a class=\"text-link\" href=\"#/en/insights\">Journal</a></div><div class=\"article-grid\"><article><a class=\"article-image article-image-0\" href=\"#/en/insights/mvp-architecture\"><div class=\"software-media software-code\"><img src=\"vasset:add491bcf3e0e63da6030a33\" width=\"1200\" height=\"760\" alt=\"TypeScript source code in an editor.\" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Architecture</span><span>6 min read</span></div><h3><a href=\"#/en/insights/mvp-architecture\">Choosing an MVP architecture with room for what comes next</a></h3><p>A useful starting point keeps decisions reversible and learning fast without anticipating an organisation that does not yet exist.</p></article><article><a class=\"article-image article-image-1\" href=\"#/en/insights/practical-ai\"><div class=\"software-media software-interface media-business-automation\" data-software-visual=\"business-automation\"><img src=\"vasset:dd9435e2426203575f27c343\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Request automation. \" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Applied AI</span><span>7 min read</span></div><h3><a href=\"#/en/insights/practical-ai\">Introducing AI into a business workflow without losing control</a></h3><p>Start with a specific task, organise evaluation and define delegation boundaries before discussing autonomy.</p></article></div></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Clear</span> </span><span><span class=\"kinetic-word\">answers.</span> </span></span></h2><div><details class=\"faq\"><summary>What will I receive at delivery?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>The approved result, source files, necessary access and concise documentation. We check the agreed workflows with you before handover. Domain and hosting accounts can remain in your name.</p></details><details class=\"faq\"><summary>How is the price agreed?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We define pages, features, integrations and content, then quote before development begins. Starting prices cover the published scopes. A larger platform receives its own estimate.</p></details><details class=\"faq\"><summary>Can you work from our designs?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. We review your files and clarify missing states and screen sizes before development. If you have no designs, additional design work can be included.</p></details><details class=\"faq\"><summary>How do reviews work?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>You receive a version to review at each key stage. We collect feedback, agree adjustments and confirm the next step. New features are estimated before being added.</p></details><details class=\"faq\"><summary>Will it work on mobile?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Agreed screens adapt to phones, tablets and desktop computers. We check forms, navigation and primary workflows at the sizes chosen for the project.</p></details><details class=\"faq\"><summary>Can the website have several languages?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Languages, translated content and navigation rules are agreed in the quote. Your team can supply translations; their preparation can also be estimated separately.</p></details><details class=\"faq\"><summary>Can you connect our existing tools?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We check API capabilities, access and data exchange before confirming an integration. The business-tool starting scope includes one connection; additional needs are quoted.</p></details><details class=\"faq\"><summary>Which costs are separate?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Domain, hosting and third-party subscriptions are listed separately. The quote also identifies any additional content, translation or design work.</p></details><details class=\"faq\"><summary>What happens after launch?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We hand over documentation and access and explain how to get started. Fixes, monitoring and future improvements can be covered by separately agreed support suited to the product.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/about":{"title":"The company \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/about#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"active\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/about\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/about\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Your</span> </span><span><span class=\"kinetic-word\">software</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">development</span> </span><span><span class=\"kinetic-word\">partner.</span> </span></span></h1><div class=\"heading-bottom\"><p>Veylonic Systems builds websites, web applications and business tools. We start with your needs, implement the features and prepare the launch. Interface design is available as an additional part of the project when needed.</p></div></section><section class=\"manifesto about-manifesto wrap\"><div class=\"about-sculpture\"><div class=\"code-writing\" data-visible=\"false\" role=\"img\" aria-label=\"Code example for a request processing service.\"><div class=\"code-writing-bar\"><span>request-service.ts</span><span>TypeScript</span></div><div class=\"code-writing-body\" aria-hidden=\"true\"><div class=\"code-writing-line comment\" style=\"animation-delay:0ms\"><span>01</span><code>// Veylonic Systems / request-service.ts</code></div><div class=\"code-writing-line keyword\" style=\"animation-delay:135ms\"><span>02</span><code>type RequestStatus = &quot;new&quot; | &quot;active&quot; | &quot;done&quot;;</code></div><div class=\"code-writing-line \" style=\"animation-delay:270ms\"><span>03</span><code> </code></div><div class=\"code-writing-line keyword\" style=\"animation-delay:405ms\"><span>04</span><code>export async function createRequest(input: RequestInput) {</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:540ms\"><span>05</span><code>  const data = requestSchema.parse(input);</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:675ms\"><span>06</span><code>  const request = await database.requests.create({</code></div><div class=\"code-writing-line string\" style=\"animation-delay:810ms\"><span>07</span><code>    data: { ...data, status: &quot;new&quot; },</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:945ms\"><span>08</span><code>  });</code></div><div class=\"code-writing-line \" style=\"animation-delay:1080ms\"><span>09</span><code> </code></div><div class=\"code-writing-line plain\" style=\"animation-delay:1215ms\"><span>10</span><code>  await events.publish(&quot;request.created&quot;, {</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:1350ms\"><span>11</span><code>    id: request.id,</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:1485ms\"><span>12</span><code>    company: request.company,</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:1620ms\"><span>13</span><code>  });</code></div><div class=\"code-writing-line \" style=\"animation-delay:1755ms\"><span>14</span><code> </code></div><div class=\"code-writing-line keyword\" style=\"animation-delay:1890ms\"><span>15</span><code>  return Response.json(request, { status: 201 });</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:2025ms\"><span>16</span><code>}</code></div></div><div class=\"code-writing-result\"><span class=\"code-check\"></span><div><strong>Data validation</strong><span>One request saved. One event published.</span></div><b>201</b></div></div></div><div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">From</span> </span><span><span class=\"kinetic-word\">your</span> </span><span><span class=\"kinetic-word\">needs</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">to</span> </span><span><span class=\"kinetic-word\">working</span> </span><span><span class=\"kinetic-word\">software.</span> </span></span></h2><p>We define the rules, organise the data and develop the screens and connections you need. You try a working version before delivery. Design supports clarity and ease of use.</p></div></section><section class=\"wrap section values\"><article><h2>Use before complexity</h2><p>We start with the actions, constraints and decisions of your users.</p></article><article><h2>Clarity at every step</h2><p>Scope, trade-offs and next steps remain understandable.</p></article><article><h2>A product you own</h2><p>Source files, documentation and access are part of the handover.</p></article></section><section class=\"team-section wrap section\"><div class=\"team-copy\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">The</span> </span><span><span class=\"kinetic-word\">people</span> </span><span><span class=\"kinetic-word\">behind</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">your</span> </span><span><span class=\"kinetic-word\">project.</span> </span></span></h2><p>Technology makes sense when it is designed around people.</p><p class=\"team-disclosure\">Stock photographs illustrating our areas of work.</p></div><div class=\"team-portraits\"><figure class=\"team-person person-0\"><div class=\"portrait-crop\"><img src=\"vasset:0dd2b21a715f1f02d46abd6d\" width=\"640\" height=\"800\" alt=\"Web development\" loading=\"lazy\" style=\"object-position:center 38%\"></div><figcaption><strong>Web development</strong><p>Screens, mobile layouts, forms and interactions. Checks functionality and loading performance.</p></figcaption></figure><figure class=\"team-person person-1\"><div class=\"portrait-crop\"><img src=\"vasset:e0d80e13505842c713aa9424\" width=\"640\" height=\"800\" alt=\"Architecture &amp; integrations\" loading=\"lazy\" style=\"object-position:center 38%\"></div><figcaption><strong>Architecture &amp; integrations</strong><p>Data organisation, business rules and connections to existing services. Technical decisions explained around the project\u2019s needs.</p></figcaption></figure><figure class=\"team-person person-2\"><div class=\"portrait-crop\"><img src=\"vasset:b666f443942739e053d5b9a5\" width=\"640\" height=\"800\" alt=\"Technical coordination\" loading=\"lazy\" style=\"object-position:center 38%\"></div><figcaption><strong>Technical coordination</strong><p>Stage tracking, feedback and delivery checks. Preparation of access and launch documentation.</p></figcaption></figure></div></section><section class=\"company-facts wrap\"><h2>Veylonic Systems</h2><div><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><p>SIREN 131187221</p><p>contact@veylonicsystems.com</p><a class=\"text-link\" href=\"#/en/legal\">Legal notice</a></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/about\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/about\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/contact":{"title":"Your project \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/contact#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/contact\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/contact\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Let\u2019s</span> </span><span><span class=\"kinetic-word\">shape</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">your</span> </span><span><span class=\"kinetic-word\">next</span> </span><span><span class=\"kinetic-word\">idea.</span> </span></span></h1><div class=\"heading-bottom\"><p>Tell us what you need. A little context helps us prepare a useful conversation.</p></div></section><section class=\"contact-layout wrap\"><form class=\"contact-form\" action=\"/api/contact\" method=\"post\"><div class=\"form-grid\"><label>Your name<input required=\"\" minlength=\"2\" maxlength=\"120\" autocomplete=\"name\" name=\"name\"></label><label>Work email<input required=\"\" type=\"email\" maxlength=\"254\" autocomplete=\"email\" name=\"email\"></label><label>Company<input required=\"\" maxlength=\"160\" autocomplete=\"organization\" name=\"company\"></label><label>Phone (optional)<input type=\"tel\" maxlength=\"40\" autocomplete=\"tel\" name=\"phone\"></label><label>Expertise you need<select name=\"service\" required=\"\"><option value=\"\" disabled=\"\" selected=\"\">Choose</option><option value=\"product-design\">Your landing page, built</option><option value=\"webflow\">Your business website</option><option value=\"web-development\">A tool for your workflow</option><option value=\"other\">Let\u2019s define it together</option></select></label><label>Indicative budget<input maxlength=\"100\" placeholder=\"Let\u2019s define it together\" name=\"budget\" value=\"\"></label><label class=\"full\">Project horizon<select name=\"timeline\"><option value=\"flexible\" selected=\"\">Let\u2019s define it together</option><option value=\"1-3\">1\u20133 months</option><option value=\"3-6\">3\u20136 months</option><option value=\"6+\">6+ months</option></select></label><label class=\"full\">Describe your project<textarea name=\"message\" required=\"\" minlength=\"20\" maxlength=\"5000\" rows=\"5\"></textarea></label></div><label class=\"honey\" aria-hidden=\"true\">Website<input tabindex=\"-1\" autocomplete=\"off\" name=\"website\"></label><p class=\"form-privacy\">We use these details to handle your pre-contract inquiry. No marketing subscription. Read our privacy policy. <a href=\"#/en/privacy\">Privacy</a></p><button class=\"button primary\" type=\"submit\">Send my project</button><div aria-live=\"polite\" class=\"form-status idle\"></div></form><aside><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Prefer</span> </span><span><span class=\"kinetic-word\">to</span> </span><span><span class=\"kinetic-word\">write</span> </span><span><span class=\"kinetic-word\">directly?</span> </span></span></h2><a class=\"contact-email\" href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><small>Service number: call charges must be confirmed before publication.</small><div class=\"contact-address\"><span>Veylonic Systems</span><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div></aside></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/contact\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/contact\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/cookies":{"title":"Cookies \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/cookies#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/cookies\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/cookies\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Cookies</span> </span><span><span class=\"kinetic-word\">&amp;</span> </span><span><span class=\"kinetic-word\">local</span> </span><span><span class=\"kinetic-word\">storage</span> </span></span></h1><div class=\"heading-bottom\"><p>The site is designed without advertising trackers and without third-party analytics enabled by default. Useful preferences remain in your browser.</p></div></section><article class=\"legal-body\"><section><h2>Language choice</h2><p>Local storage remembers French, English or Russian when you choose a language. It retains an interface preference and is not used to follow activity on other websites. You can change language at any time.</p></section><section><h2>Calculator and brief</h2><p>Session storage can retain calculator choices to prefill the brief. It supports the journey you initiate and expires with the session according to browser behaviour. It does not submit an enquiry without form confirmation.</p></section><section><h2>No banner without a choice to make</h2><p>The current setup does not include non-essential trackers enabled without your knowledge. An advertising consent banner is therefore not added artificially. If an optional service requiring consent is installed, it must remain blocked until a choice and offer comparable ease for acceptance, refusal and withdrawal.</p></section><section><h2>Clear or block</h2><p>Browser settings let you inspect and clear site data. Blocking storage may prevent language or calculator settings from being remembered without needing to prevent page access. No advertising identifier is required.</p></section><section><h2>Pre-publication verification</h2><p>Final configuration must verify storage keys, network requests, any infrastructure cookies and the services actually enabled. A provider change or added tracker requires this page and, where necessary, the choice mechanism to be updated.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/cookies\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/cookies\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/insights":{"title":"Journal \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/insights#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"active\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/insights\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">A</span> </span><span><span class=\"kinetic-word\">perspective</span> </span><span><span class=\"kinetic-word\">on</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">products</span> </span><span><span class=\"kinetic-word\">that</span> </span><span><span class=\"kinetic-word\">last.</span> </span></span></h1><div class=\"heading-bottom\"><p>Practical guidance for making better decisions, designing and evolving your digital tools.</p></div></section><section class=\"wrap\"><div class=\"article-grid\"><article><a class=\"article-image article-image-0\" href=\"#/en/insights/mvp-architecture\"><div class=\"software-media software-code\"><img src=\"vasset:add491bcf3e0e63da6030a33\" width=\"1200\" height=\"760\" alt=\"TypeScript source code in an editor.\" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Architecture</span><span>6 min read</span></div><h3><a href=\"#/en/insights/mvp-architecture\">Choosing an MVP architecture with room for what comes next</a></h3><p>A useful starting point keeps decisions reversible and learning fast without anticipating an organisation that does not yet exist.</p></article><article><a class=\"article-image article-image-1\" href=\"#/en/insights/practical-ai\"><div class=\"software-media software-interface media-business-automation\" data-software-visual=\"business-automation\"><img src=\"vasset:dd9435e2426203575f27c343\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Request automation. \" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Applied AI</span><span>7 min read</span></div><h3><a href=\"#/en/insights/practical-ai\">Introducing AI into a business workflow without losing control</a></h3><p>Start with a specific task, organise evaluation and define delegation boundaries before discussing autonomy.</p></article><article><a class=\"article-image article-image-2\" href=\"#/en/insights/ux-quality\"><div class=\"software-media software-interface media-design-system\" data-software-visual=\"design-system\"><img src=\"vasset:f439a365d99c1b291232d513\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Interface design system. \" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Product design</span><span>5 min read</span></div><h3><a href=\"#/en/insights/ux-quality\">UX quality lives in the everyday states too</a></h3><p>A showcase screen does not show input, waiting, errors or returning after an interruption. Yet that is where the product becomes useful.</p></article><article><a class=\"article-image article-image-3\" href=\"#/en/insights/software-maintenance\"><div class=\"software-media software-interface media-maintenance-console\" data-software-visual=\"maintenance-console\"><img src=\"vasset:ab8db075616547685624d88c\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Monitoring and maintenance. \" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Operations</span><span>6 min read</span></div><h3><a href=\"#/en/insights/software-maintenance\">Preparing maintenance from the first release</a></h3><p>After delivery, an application still depends on services, versions and decisions. Continuity needs preparation.</p></article></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/insights\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/insights\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/insights/mvp-architecture":{"title":"Choosing an MVP architecture with room for what comes next \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/insights/mvp-architecture#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"active\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/insights/mvp-architecture\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights/mvp-architecture\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/insights\">Journal</a><span>/</span><span>Architecture</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Choosing</span> </span><span><span class=\"kinetic-word\">an</span> </span><span><span class=\"kinetic-word\">MVP</span> </span><span><span class=\"kinetic-word\">architecture</span> </span><span><span class=\"kinetic-word\">with</span> </span><span><span class=\"kinetic-word\">room</span> </span><span><span class=\"kinetic-word\">for</span> </span><span><span class=\"kinetic-word\">what</span> </span><span><span class=\"kinetic-word\">comes</span> </span><span><span class=\"kinetic-word\">next</span> </span></span></h1><div class=\"heading-bottom\"><p>A useful starting point keeps decisions reversible and learning fast without anticipating an organisation that does not yet exist.</p></div></section><div class=\"article-cover wrap\"><div class=\"software-media software-code\"><img src=\"vasset:add491bcf3e0e63da6030a33\" width=\"1200\" height=\"760\" alt=\"TypeScript source code in an editor.\" loading=\"lazy\" decoding=\"async\"></div></div><article class=\"article-body\"><div class=\"article-meta\"><span>Veylonic Systems</span><span>6 min read</span></div><section><h2>Start with use cases</h2><p>Before selecting a framework, describe a complete journey: who acts, which data enters, what decision is made and which result must be visible. Add actual privacy, connectivity and integration constraints. This reduces the risk of building elegant infrastructure that solves the wrong problem.</p></section><section><h2>Prefer simple boundaries</h2><p>An organised monolith can be a useful starting point. Separate domains in code, make their interfaces explicit and avoid uncontrolled cross-access. Microservices become useful when concrete independence, load or deployment constraints justify them; they also add networking and operational work.</p></section><section><h2>Treat data as a commitment</h2><p>A data schema often outlives the first screens. Define identifiers, validation rules and ownership. Version migrations, provide a backup and test restoration. Do not collect fields merely because they might be useful one day: each piece of data needs a purpose and retention period.</p></section><section><h2>Buy convenience, preserve an exit</h2><p>A managed service can accelerate authentication, email delivery or storage. Still assess its terms, data location, limits and export path. Isolate integrations behind simple modules when replacement is plausible. Reversibility should be proportionate to risk rather than an abstraction layer everywhere.</p></section><section><h2>Prepare a real first release</h2><p>A useful version needs to be deployable, observable and fixable. Define acceptance criteria for essential journeys, automate meaningful checks and document rollback. Record compromises and the signal for revisiting them: observed load, a new integration or a team change. Architecture can then evolve from evidence.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/insights/mvp-architecture\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/insights/mvp-architecture\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/insights/practical-ai":{"title":"Introducing AI into a business workflow without losing control \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/insights/practical-ai#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"active\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/insights/practical-ai\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights/practical-ai\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/insights\">Journal</a><span>/</span><span>Applied AI</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Introducing</span> </span><span><span class=\"kinetic-word\">AI</span> </span><span><span class=\"kinetic-word\">into</span> </span><span><span class=\"kinetic-word\">a</span> </span><span><span class=\"kinetic-word\">business</span> </span><span><span class=\"kinetic-word\">workflow</span> </span><span><span class=\"kinetic-word\">without</span> </span><span><span class=\"kinetic-word\">losing</span> </span><span><span class=\"kinetic-word\">control</span> </span></span></h1><div class=\"heading-bottom\"><p>Start with a specific task, organise evaluation and define delegation boundaries before discussing autonomy.</p></div></section><div class=\"article-cover wrap\"><div class=\"software-media software-interface media-business-automation\" data-software-visual=\"business-automation\"><img src=\"vasset:dd9435e2426203575f27c343\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Request automation. \" loading=\"lazy\" decoding=\"async\"></div></div><article class=\"article-body\"><div class=\"article-meta\"><span>Veylonic Systems</span><span>7 min read</span></div><section><h2>Define an observable task</h2><p>\u201cAdd AI\u201d does not describe a need. Extracting document fields, locating a passage or preparing a draft are observable tasks. Specify the input, expected output and person using it. Compare the result with the current procedure to learn whether the approach provides meaningful help.</p></section><section><h2>Check data before the model</h2><p>Identify authorised documents, their owners and retention rules. An outdated or contradictory corpus does not become reliable by passing through a model. Review provider terms, transfers, retention and access restrictions. Secrets and sensitive data should not be sent to an external service by default.</p></section><section><h2>Build an evaluation set</h2><p>Collect representative examples, ambiguous cases and inputs where the system should decline to conclude. Define a rubric covering correctness, sources, omissions, privacy and usefulness. Keep a control set to compare changes. An impressive demonstration on a few questions does not establish reliability.</p></section><section><h2>Choose the level of delegation</h2><p>Drafting a suggestion and executing an irreversible action have different consequences. Start with controlled assistance, expose sources and make correction easy. For external actions, define permissions, boundaries and necessary human review. Access should be limited to the task and leave a usable audit trail.</p></section><section><h2>Decide whether to go to production</h2><p>The review should include observed quality, latency, usage cost and review workload. Prepare alerts, error handling and a fallback. A PoC may support a narrower scope or show no economic case. Documenting that outcome informs future decisions as much as a successful prototype does.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/insights/practical-ai\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/insights/practical-ai\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/insights/software-maintenance":{"title":"Preparing maintenance from the first release \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/insights/software-maintenance#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"active\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/insights/software-maintenance\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights/software-maintenance\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/insights\">Journal</a><span>/</span><span>Operations</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Preparing</span> </span><span><span class=\"kinetic-word\">maintenance</span> </span><span><span class=\"kinetic-word\">from</span> </span><span><span class=\"kinetic-word\">the</span> </span><span><span class=\"kinetic-word\">first</span> </span><span><span class=\"kinetic-word\">release</span> </span></span></h1><div class=\"heading-bottom\"><p>After delivery, an application still depends on services, versions and decisions. Continuity needs preparation.</p></div></section><div class=\"article-cover wrap\"><div class=\"software-media software-interface media-maintenance-console\" data-software-visual=\"maintenance-console\"><img src=\"vasset:ab8db075616547685624d88c\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Monitoring and maintenance. \" loading=\"lazy\" decoding=\"async\"></div></div><article class=\"article-body\"><div class=\"article-meta\"><span>Veylonic Systems</span><span>6 min read</span></div><section><h2>Know what you operate</h2><p>Keep a simple map of components, environments and providers. Record owners, required access and renewals. A repository alone is not enough: domains, certificates, storage and external services have lifecycles too. Keep this map accessible and current without storing the secrets themselves in it.</p></section><section><h2>Separate incidents from evolution</h2><p>An incident calls for impact assessment and controlled restoration. An enhancement needs prioritisation and acceptance criteria. Both may involve the same people but should not share a queue without rules. Define channels, responsibilities and escalation arrangements in the service agreement.</p></section><section><h2>Maintain dependencies deliberately</h2><p>An update can address a risk and introduce an incompatibility. Classify changes by scope, review release notes and test affected journeys. Prefer regular, observable work to large unprepared update waves. The cadence should reflect actual risk and available capacity.</p></section><section><h2>Verify restoration</h2><p>A backup policy should specify what is kept, where, for how long and who can restore it. Run an exercise in a suitable environment and record gaps. Data-loss and recovery-time objectives are business decisions to agree, not values to promise without supporting arrangements.</p></section><section><h2>Keep a realistic roadmap alive</h2><p>Reserve maintenance capacity and make its use visible. Bring together requests, technical debt and operational observations, then prioritise with product owners. A useful report states what changed, what remains and which decisions are needed. Maintenance becomes a continuity practice rather than constant reaction.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/insights/software-maintenance\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/insights/software-maintenance\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/insights/ux-quality":{"title":"UX quality lives in the everyday states too \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/insights/ux-quality#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"active\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/insights/ux-quality\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights/ux-quality\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/insights\">Journal</a><span>/</span><span>Product design</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">UX</span> </span><span><span class=\"kinetic-word\">quality</span> </span><span><span class=\"kinetic-word\">lives</span> </span><span><span class=\"kinetic-word\">in</span> </span><span><span class=\"kinetic-word\">the</span> </span><span><span class=\"kinetic-word\">everyday</span> </span><span><span class=\"kinetic-word\">states</span> </span><span><span class=\"kinetic-word\">too</span> </span></span></h1><div class=\"heading-bottom\"><p>A showcase screen does not show input, waiting, errors or returning after an interruption. Yet that is where the product becomes useful.</p></div></section><div class=\"article-cover wrap\"><div class=\"software-media software-interface media-design-system\" data-software-visual=\"design-system\"><img src=\"vasset:f439a365d99c1b291232d513\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Interface design system. \" loading=\"lazy\" decoding=\"async\"></div></div><article class=\"article-body\"><div class=\"article-meta\"><span>Veylonic Systems</span><span>5 min read</span></div><section><h2>Organise attention</h2><p>An interface should distinguish primary, secondary and contextual information. Start with the page objective and choose one dominant action. Typography, spacing and contrast structure information before decoration. High density can remain readable when groups and relationships are coherent.</p></section><section><h2>Design beyond the ideal state</h2><p>For each journey, examine empty lists, loading, long content and errors. An empty page can explain the next action; an error can preserve input and offer a recovery. These states need the same attention as a populated screen. They often reveal business rules missing from the initial scope.</p></section><section><h2>Make actions understandable</h2><p>A button should tell people what will happen. Committing steps need a clear summary and visible consequences. Avoid vague labels when the action can be named precisely. After submission, confirm what actually happened: a received enquiry is not an accepted contract.</p></section><section><h2>Include real ways of using the product</h2><p>Test keyboard use, zoom, a narrow screen and reduced-motion preferences. Check accessible labels and focus order, not only appearance. Translation changes text length and can alter hierarchy. A resilient interface retains its functions when conditions are less comfortable than the mockup.</p></section><section><h2>Evaluate tasks, not preferences</h2><p>Ask someone to complete a concrete task with an observable goal. Record hesitation, backtracking and the information they look for. Distinguish comprehension obstacles from aesthetic preference. Prioritise changes by their effect on the journey and check that a fix does not introduce a new difficulty.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/insights/ux-quality\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/insights/ux-quality\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/legal":{"title":"Legal notice \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/legal#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/legal\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/legal\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Legal</span> </span><span><span class=\"kinetic-word\">notice</span> </span></span></h1><div class=\"heading-bottom\"><p>Pre-publication version. The details below were supplied for this project. Production release remains conditional on verification and completion of the missing mandatory information.</p></div></section><article class=\"legal-body\"><p class=\"legal-notice\">Prepublication information: additional legal details will be confirmed before public launch.</p><section><h2>Identification</h2><p>Veylonic Systems \u2014 5 VILLA GLORIETTE, 93380 SAINT-DENIS, France. Supplied SIREN: 131187221. Declared activity: design and development of software and IT tools, operation and maintenance. These details must be checked against official documentation before publication.</p></section><section><h2>Contact</h2><p>Email: contact@veylonicsystems.com. Supplied telephone: +33 8 97 81 32 10. The tariff and applicable disclosures for this number must be confirmed before publication; the call is not described as free. Email is available for written enquiries.</p></section><section><h2>Information to complete</h2><p>Legal form, share capital where required, applicable registry details, VAT number where applicable, publication director identity and hosting-provider details have not yet been supplied. None is assumed. Legal configuration and the release preparation checklist must be completed and validated before public launch.</p></section><section><h2>Content and intellectual property</h2><p>Text, interfaces and visuals present Veylonic\u2019s activity and its interface design and development work. Third-party elements remain subject to their licences. Reuse must respect applicable rights.</p></section><section><h2>Related documents</h2><p>The privacy policy describes enquiry processing and local storage choices. The cookie policy describes trackers actually used. The terms explain the scope of demonstrations, estimates and the contact form. These documents must be updated when hosting or connected services change.</p></section><section><h2>Veylonic Systems</h2><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France<br>SIREN 131187221<br><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><br><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a></p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/legal\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/legal\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/pricing":{"title":"Budgets & collaboration \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/pricing#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/pricing\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/pricing\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">A</span> </span><span><span class=\"kinetic-word\">clear</span> </span><span><span class=\"kinetic-word\">budget.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">A</span> </span><span><span class=\"kinetic-word\">defined</span> </span><span><span class=\"kinetic-word\">scope.</span> </span></span></h1><div class=\"heading-bottom\"><p>Three services with a defined starting scope. The final price depends on your project and is confirmed in a quote before work begins.</p><a class=\"button primary magnetic-button\" href=\"#/en/pricing#estimate\">Estimate your project</a></div></section><section class=\"wrap\"><div class=\"service-rows\"><a class=\"service-row\" href=\"#/en/services/product-design\"><div><h3>Your landing page, built</h3><p>A responsive page ready for launch, with a contact form and source code.</p></div><div class=\"row-price\"><span>From \u20ac1,500</span><span>excl. VAT</span></div></a><a class=\"service-row\" href=\"#/en/services/webflow\"><div><h3>Your business website</h3><p>A responsive website with up to 5 pages, a contact form and launch preparation.</p></div><div class=\"row-price\"><span>From \u20ac2,500</span><span>excl. VAT</span></div></a><a class=\"service-row\" href=\"#/en/services/web-development\"><div><h3>A tool for your workflow</h3><p>A web tool for one task, with data storage and one connection to an existing service.</p></div><div class=\"row-price\"><span>From \u20ac4,500</span><span>excl. VAT</span></div></a></div><p class=\"fine-print\">Indicative, non-binding estimate for a focused scope. B2B prices excluding VAT. Hosting, translations and third-party services are additional.</p></section><section class=\"wrap section\"><section class=\"calculator\" id=\"estimate\"><div><h2>A useful first estimate.</h2><p>Indicative, non-binding estimate for a focused scope. B2B prices excluding VAT. Hosting, translations and third-party services are additional.</p><div class=\"estimate-total\"><span>Indicative implementation budget</span><strong>\u20ac2,500<em>\u2013</em>\u20ac3,000</strong><span>excl. VAT</span></div><a class=\"button primary magnetic-button\" href=\"#/en/contact?service=webflow&amp;budget=2500-3000\">Discuss this estimate</a></div><div class=\"calculator-controls\"><label>Service<select><option value=\"product-design\">Your landing page, built</option><option value=\"webflow\" selected=\"\">Your business website</option><option value=\"web-development\">A tool for your workflow</option></select></label><fieldset><legend>Scope</legend><div class=\"option-row\"><button aria-pressed=\"true\" class=\"selected\">Essential</button><button aria-pressed=\"false\" class=\"\">Extended</button></div></fieldset><p class=\"calculator-scope\">Presentation website, excluding a shop, member area or business application. Client supplies copy and translations. Hosting, domain and third-party subscriptions are separate. Webflow or Next.js depending on the brief.</p></div></section></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Clear</span> </span><span><span class=\"kinetic-word\">answers.</span> </span></span></h2><div><details class=\"faq\"><summary>Is development included?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Development is the core of our services: we implement the page, website or features agreed in your quote. You receive a working result and source code. You can supply the design or include design work when needed.</p></details><details class=\"faq\"><summary>What will I receive at delivery?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>The approved result, source files, necessary access and concise documentation. We check the agreed workflows with you before handover. Domain and hosting accounts can remain in your name.</p></details><details class=\"faq\"><summary>How is the price agreed?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We define pages, features, integrations and content, then quote before development begins. Starting prices cover the published scopes. A larger platform receives its own estimate.</p></details><details class=\"faq\"><summary>Can you work from our designs?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. We review your files and clarify missing states and screen sizes before development. If you have no designs, additional design work can be included.</p></details><details class=\"faq\"><summary>How do reviews work?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>You receive a version to review at each key stage. We collect feedback, agree adjustments and confirm the next step. New features are estimated before being added.</p></details><details class=\"faq\"><summary>Will it work on mobile?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Agreed screens adapt to phones, tablets and desktop computers. We check forms, navigation and primary workflows at the sizes chosen for the project.</p></details><details class=\"faq\"><summary>Can the website have several languages?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Languages, translated content and navigation rules are agreed in the quote. Your team can supply translations; their preparation can also be estimated separately.</p></details><details class=\"faq\"><summary>Can you connect our existing tools?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We check API capabilities, access and data exchange before confirming an integration. The business-tool starting scope includes one connection; additional needs are quoted.</p></details><details class=\"faq\"><summary>Which costs are separate?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Domain, hosting and third-party subscriptions are listed separately. The quote also identifies any additional content, translation or design work.</p></details><details class=\"faq\"><summary>What happens after launch?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We hand over documentation and access and explain how to get started. Fixes, monitoring and future improvements can be covered by separately agreed support suited to the product.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/pricing\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/pricing\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/privacy":{"title":"Privacy \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/privacy#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/privacy\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/privacy\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Privacy</span> </span><span><span class=\"kinetic-word\">policy</span> </span></span></h1><div class=\"heading-bottom\"><p>This policy describes the intended website and form operation. Hosting, email service and final retention periods must be confirmed in configuration before publication.</p></div></section><article class=\"legal-body\"><section><h2>Your data contact</h2><p>For data questions, contact Veylonic Systems at contact@veylonicsystems.com or by post at 5 VILLA GLORIETTE, 93380 SAINT-DENIS, France. The controller\u2019s full legal identity must be confirmed in the legal notice before production release.</p></section><section><h2>Form data and purpose</h2><p>The form collects name, work email, company, requested service, indicative budget and message. Telephone is optional. This information helps us understand your enquiry, reply and prepare the pre-contractual discussions you request. Do not send passwords, confidential documents or sensitive data in the message.</p></section><section><h2>Legal basis and no automatic marketing</h2><p>When you request a project for yourself, processing is based on pre-contractual steps taken at your request. If you act as an organisation\u2019s contact, the appropriate basis must be confirmed for the context, including the legitimate interest in answering a business enquiry. The form does not subscribe you to a newsletter or imply blanket marketing consent.</p></section><section><h2>Delivery and access</h2><p>In production, the server validates the enquiry and sends it through the configured SMTP service. The visitor\u2019s address is used for replies; the sender belongs to the company\u2019s verified domain. In development, a local mail receiver supports testing without external delivery. Only authorised people and necessary technical providers should access the data. Actual providers, processing locations and any transfer safeguards must be documented before launch.</p></section><section><h2>Proposed retention period</h2><p>The proposed rule for enquiries that do not proceed is deletion no later than twelve months after the last meaningful exchange. This period is configurable and must be approved before publication; it is not a general legal requirement. If a contract follows, necessary records use a separate policy reflecting applicable obligations. Security logs should be limited and should not record message content without a need.</p></section><section><h2>Preferences and browser storage</h2><p>Language choice is stored locally in the browser to respect your preference. Calculator answers may be kept for the session to carry them into the brief. These values are not a registration and are not sent until you submit the form. You can clear them in browser settings. No advertising analytics or third-party audience measurement is enabled by default.</p></section><section><h2>Your rights and complaints</h2><p>You can request access, rectification, deletion or restriction and, where applicable, portability or objection. Write to contact@veylonicsystems.com with your request. Proportionate verification may be needed to protect your data. If you believe your rights are not respected, you may complain to the CNIL at cnil.fr. This website does not provide automated decision-making with legal effects.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/privacy\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/privacy\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/services":{"title":"Expertise \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/services#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"active\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/services\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/services\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">What</span> </span><span><span class=\"kinetic-word\">we</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">can</span> </span><span><span class=\"kinetic-word\">build</span> </span><span><span class=\"kinetic-word\">for</span> </span><span><span class=\"kinetic-word\">you.</span> </span></span></h1><div class=\"heading-bottom\"><p>Three services with concrete outcomes. We agree on the result, stages and budget with you before starting.</p></div></section><section class=\"services-offers-page wrap\"><div class=\"service-offers\"><a class=\"service-offer offer-0\" href=\"#/en/services/product-design\"><div class=\"offer-top\"><h3>Your landing page, built</h3><span class=\"offer-price\">From <strong>\u20ac1,500</strong><small>excl. VAT</small></span></div><p class=\"offer-for\">To present an offer and receive inquiries.</p><div class=\"offer-result\"><span>What you receive</span><p>A responsive page ready for launch, with a contact form and source code.</p></div><p class=\"offer-includes\">1 page \u00b7 Up to 5 sections \u00b7 Development included</p><div class=\"offer-bottom\"><span>Around 1\u20132 weeks, depending on the agreed scope.</span><span class=\"text-link\">See the service</span></div></a><a class=\"service-offer offer-1\" href=\"#/en/services/webflow\"><div class=\"offer-top\"><h3>Your business website</h3><span class=\"offer-price\">From <strong>\u20ac2,500</strong><small>excl. VAT</small></span></div><p class=\"offer-for\">To explain your business and receive inquiries.</p><div class=\"offer-result\"><span>What you receive</span><p>A responsive website with up to 5 pages, a contact form and launch preparation.</p></div><p class=\"offer-includes\">Up to 5 pages \u00b7 Mobile \u00b7 Contact form</p><div class=\"offer-bottom\"><span>Around 2\u20133 weeks after receiving the content.</span><span class=\"text-link\">See the service</span></div></a><a class=\"service-offer offer-2\" href=\"#/en/services/web-development\"><div class=\"offer-top\"><h3>A tool for your workflow</h3><span class=\"offer-price\">From <strong>\u20ac4,500</strong><small>excl. VAT</small></span></div><p class=\"offer-for\">To replace manual tracking or repeated data entry.</p><div class=\"offer-result\"><span>What you receive</span><p>A web tool for one task, with data storage and one connection to an existing service.</p></div><p class=\"offer-includes\">1 workflow \u00b7 Database \u00b7 1 integration</p><div class=\"offer-bottom\"><span>Around 3\u20134 weeks for an initial focused scope.</span><span class=\"text-link\">See the service</span></div></a></div></section><section class=\"technical-band wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Technology</span> </span><span><span class=\"kinetic-word\">chosen</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">for</span> </span><span><span class=\"kinetic-word\">your</span> </span><span><span class=\"kinetic-word\">project.</span> </span></span></h2><p>We choose tools around what the product needs to do, how you want to manage it and your budget.</p><div class=\"technology-list\"><div><h3>Easy to use</h3><p>Fast pages that work on phones and support keyboard navigation.<small class=\"technology-stack\">React / Next.js</small></p></div><div><h3>Less repetitive data entry</h3><p>Data exchanges and business rules come together in a coherent tool.<small class=\"technology-stack\">TypeScript / Node.js</small></p></div><div><h3>Well-organised information</h3><p>We define the necessary fields, relationships and access permissions.<small class=\"technology-stack\">PostgreSQL</small></p></div><div><h3>A prepared launch</h3><p>We prepare testing, deployment and ways to identify errors.<small class=\"technology-stack\">Cloud / CI/CD</small></p></div><div><h3>AI for a specific useful task</h3><p>We check response quality and limits before proposing an integration.<small class=\"technology-stack\">AI / RAG</small></p></div></div></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Clear</span> </span><span><span class=\"kinetic-word\">answers.</span> </span></span></h2><div><details class=\"faq\"><summary>Is development included?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Development is the core of our services: we implement the page, website or features agreed in your quote. You receive a working result and source code. You can supply the design or include design work when needed.</p></details><details class=\"faq\"><summary>What will I receive at delivery?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>The approved result, source files, necessary access and concise documentation. We check the agreed workflows with you before handover. Domain and hosting accounts can remain in your name.</p></details><details class=\"faq\"><summary>How is the price agreed?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We define pages, features, integrations and content, then quote before development begins. Starting prices cover the published scopes. A larger platform receives its own estimate.</p></details><details class=\"faq\"><summary>Can you work from our designs?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. We review your files and clarify missing states and screen sizes before development. If you have no designs, additional design work can be included.</p></details><details class=\"faq\"><summary>How do reviews work?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>You receive a version to review at each key stage. We collect feedback, agree adjustments and confirm the next step. New features are estimated before being added.</p></details><details class=\"faq\"><summary>Will it work on mobile?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Agreed screens adapt to phones, tablets and desktop computers. We check forms, navigation and primary workflows at the sizes chosen for the project.</p></details><details class=\"faq\"><summary>Can the website have several languages?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Languages, translated content and navigation rules are agreed in the quote. Your team can supply translations; their preparation can also be estimated separately.</p></details><details class=\"faq\"><summary>Can you connect our existing tools?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We check API capabilities, access and data exchange before confirming an integration. The business-tool starting scope includes one connection; additional needs are quoted.</p></details><details class=\"faq\"><summary>Which costs are separate?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Domain, hosting and third-party subscriptions are listed separately. The quote also identifies any additional content, translation or design work.</p></details><details class=\"faq\"><summary>What happens after launch?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We hand over documentation and access and explain how to get started. Fixes, monitoring and future improvements can be covered by separately agreed support suited to the product.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/services\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/services\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/services/product-design":{"title":"Your landing page, built \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/services/product-design#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"active\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/services/product-design\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/services/product-design\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/services\">Expertise</a><span>/</span><span>Your landing page, built</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Your</span> </span><span><span class=\"kinetic-word\">landing</span> </span><span><span class=\"kinetic-word\">page,</span> </span><span><span class=\"kinetic-word\">built</span> </span></span></h1><div class=\"heading-bottom\"><p>A responsive page ready for launch, with a contact form and source code.</p></div></section><section class=\"service-detail wrap\"><div class=\"service-editorial\"><div class=\"service-artwork artwork-product-design\"><div class=\"journal-object object-service-design\" data-object=\"service-design\" role=\"img\" aria-label=\"An artboard, metal typography and a material palette.\"><img class=\"journal-object-poster\" src=\"vasset:eed44bf746c30a60d9e1fea2\" width=\"1200\" height=\"900\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><div class=\"journal-object-canvas\" aria-hidden=\"true\"></div></div></div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">What</span> </span><span><span class=\"kinetic-word\">you</span> </span><span><span class=\"kinetic-word\">receive</span> </span></span></h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>One developed page with up to 5 sections, adapted for mobile.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Contact form and basic metadata.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Two adjustment rounds, source code and launch preparation.</li></ul><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">How</span> </span><span><span class=\"kinetic-word\">we</span> </span><span><span class=\"kinetic-word\">move</span> </span><span><span class=\"kinetic-word\">forward</span> </span></span></h2><ol class=\"detail-steps\"><li><span>1</span>Clarify the offer and organise the page.</li><li><span>2</span>Develop the page and mobile layout.</li><li><span>3</span>Check the form and prepare the launch.</li></ol></div><aside class=\"scope-panel\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">The</span> </span><span><span class=\"kinetic-word\">starting</span> </span><span><span class=\"kinetic-word\">scope</span> </span></span></h2><span>From</span><strong>\u20ac1,500</strong><span>excl. VAT</span><p>Around 1\u20132 weeks, depending on the agreed scope.</p><p class=\"scope-price-note\">Starting price for the scope described. Your quote confirms the price of your project.</p><h3>How the service works</h3><p class=\"service-how\">We clarify your offer and organise the content of one page. We use your design or prepare a visual proposal, then develop the page and its mobile layout. You review it, we make the agreed adjustments and test the form before preparing the launch.</p><details class=\"scope-limits\"><summary>Scope and additional costs</summary><p>The price covers one page with up to 5 sections and a form. Domain, hosting and any additional design work are identified in the quote. Business features or a member area receive a separate estimate.</p></details><a class=\"button primary magnetic-button\" href=\"#/en/contact?service=product-design\">Let\u2019s discuss your needs</a><small>Indicative, non-binding estimate for a focused scope. B2B prices excluding VAT. Hosting, translations and third-party services are additional.</small></aside></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Clear</span> </span><span><span class=\"kinetic-word\">answers.</span> </span></span></h2><div><details class=\"faq\"><summary>Is development included?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Development is the core of our services: we implement the page, website or features agreed in your quote. You receive a working result and source code. You can supply the design or include design work when needed.</p></details><details class=\"faq\"><summary>Can you work from our designs?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. We review your files and clarify missing states and screen sizes before development. If you have no designs, additional design work can be included.</p></details><details class=\"faq\"><summary>How do reviews work?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>You receive a version to review at each key stage. We collect feedback, agree adjustments and confirm the next step. New features are estimated before being added.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/services/product-design\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/services/product-design\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/services/web-development":{"title":"A tool for your workflow \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/services/web-development#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"active\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/services/web-development\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/services/web-development\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/services\">Expertise</a><span>/</span><span>A tool for your workflow</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">A</span> </span><span><span class=\"kinetic-word\">tool</span> </span><span><span class=\"kinetic-word\">for</span> </span><span><span class=\"kinetic-word\">your</span> </span><span><span class=\"kinetic-word\">workflow</span> </span></span></h1><div class=\"heading-bottom\"><p>A web tool for one task, with data storage and one connection to an existing service.</p></div></section><section class=\"service-detail wrap\"><div class=\"service-editorial\"><div class=\"service-artwork artwork-web-development\"><div class=\"journal-object object-service-workflow\" data-object=\"service-workflow\" role=\"img\" aria-label=\"Three data modules connected by precision metal channels.\"><img class=\"journal-object-poster\" src=\"vasset:5767f79acc7fb27c2a3268a0\" width=\"1200\" height=\"900\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><div class=\"journal-object-canvas\" aria-hidden=\"true\"></div></div></div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">What</span> </span><span><span class=\"kinetic-word\">you</span> </span><span><span class=\"kinetic-word\">receive</span> </span></span></h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>One primary workflow, up to 3 screens and data storage.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>One documented integration or data import/export.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Workflow testing, source code and a getting-started guide.</li></ul><div class=\"interface-studies \"><p class=\"study-intro\">Examples of possible outcomes. Your quote defines the scenario and features included in your project.</p><figure data-study=\"saas-analytics\"><div class=\"software-media software-interface media-saas-analytics\" data-software-visual=\"saas-analytics\"><img src=\"vasset:69eaa9a29653f55759ec3af8\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"SaaS analytics dashboard. \" loading=\"lazy\" decoding=\"async\"></div><figcaption><strong>SaaS analytics dashboard</strong><span></span></figcaption></figure><figure data-study=\"business-automation\"><div class=\"software-media software-interface media-business-automation\" data-software-visual=\"business-automation\"><img src=\"vasset:dd9435e2426203575f27c343\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Request automation. \" loading=\"lazy\" decoding=\"async\"></div><figcaption><strong>Request automation</strong><span></span></figcaption></figure><figure data-study=\"api-integrations\"><div class=\"software-media software-interface media-api-integrations\" data-software-visual=\"api-integrations\"><img src=\"vasset:d6ceead21ef3d6bd5114ee3e\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Integrations and APIs. \" loading=\"lazy\" decoding=\"async\"></div><figcaption><strong>Integrations and APIs</strong><span></span></figcaption></figure><figure data-study=\"maintenance-console\"><div class=\"software-media software-interface media-maintenance-console\" data-software-visual=\"maintenance-console\"><img src=\"vasset:ab8db075616547685624d88c\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Monitoring and maintenance. \" loading=\"lazy\" decoding=\"async\"></div><figcaption><strong>Monitoring and maintenance</strong><span></span></figcaption></figure></div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">How</span> </span><span><span class=\"kinetic-word\">we</span> </span><span><span class=\"kinetic-word\">move</span> </span><span><span class=\"kinetic-word\">forward</span> </span></span></h2><ol class=\"detail-steps\"><li><span>1</span>Describe the task and the necessary data.</li><li><span>2</span>Build a functional prototype.</li><li><span>3</span>Verify the workflow and document delivery.</li></ol></div><aside class=\"scope-panel\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">The</span> </span><span><span class=\"kinetic-word\">starting</span> </span><span><span class=\"kinetic-word\">scope</span> </span></span></h2><span>From</span><strong>\u20ac4,500</strong><span>excl. VAT</span><p>Around 3\u20134 weeks for an initial focused scope.</p><p class=\"scope-price-note\">Starting price for the scope described. Your quote confirms the price of your project.</p><h3>How the service works</h3><p class=\"service-how\">We choose a task to simplify and describe its rules. We develop the initial tool, connect the agreed data and integration, then test the workflow with you. You receive source code and a getting-started guide.</p><details class=\"scope-limits\"><summary>Scope and additional costs</summary><p>A focused first tool, not a full SaaS platform. Complex systems, payments, sensitive-data workflows and autonomous AI agents are outside the starting package. External services and ongoing operation are quoted separately.</p></details><a class=\"button primary magnetic-button\" href=\"#/en/contact?service=web-development\">Let\u2019s discuss your needs</a><small>Indicative, non-binding estimate for a focused scope. B2B prices excluding VAT. Hosting, translations and third-party services are additional.</small></aside></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Clear</span> </span><span><span class=\"kinetic-word\">answers.</span> </span></span></h2><div><details class=\"faq\"><summary>Can you connect our existing tools?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We check API capabilities, access and data exchange before confirming an integration. The business-tool starting scope includes one connection; additional needs are quoted.</p></details><details class=\"faq\"><summary>How is the price agreed?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We define pages, features, integrations and content, then quote before development begins. Starting prices cover the published scopes. A larger platform receives its own estimate.</p></details><details class=\"faq\"><summary>What happens after launch?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>We hand over documentation and access and explain how to get started. Fixes, monitoring and future improvements can be covered by separately agreed support suited to the product.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/services/web-development\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/services/web-development\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/services/webflow":{"title":"Your business website \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/services/webflow#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"active\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/services/webflow\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/services/webflow\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/services\">Expertise</a><span>/</span><span>Your business website</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Your</span> </span><span><span class=\"kinetic-word\">business</span> </span><span><span class=\"kinetic-word\">website</span> </span></span></h1><div class=\"heading-bottom\"><p>A responsive website with up to 5 pages, a contact form and launch preparation.</p></div></section><section class=\"service-detail wrap\"><div class=\"service-editorial\"><div class=\"service-artwork artwork-webflow\"><div class=\"journal-object object-service-website\" data-object=\"service-website\" role=\"img\" aria-label=\"Three-dimensional layouts of a web page and its mobile version.\"><img class=\"journal-object-poster\" src=\"vasset:d8d0bdb3fb5fa71ce72df6b3\" width=\"1200\" height=\"900\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><div class=\"journal-object-canvas\" aria-hidden=\"true\"></div></div></div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">What</span> </span><span><span class=\"kinetic-word\">you</span> </span><span><span class=\"kinetic-word\">receive</span> </span></span></h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Up to 5 pages in one language, adapted for mobile.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Contact form, metadata and basic SEO structure.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Launch and concise content-management documentation.</li></ul><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">How</span> </span><span><span class=\"kinetic-word\">we</span> </span><span><span class=\"kinetic-word\">move</span> </span><span><span class=\"kinetic-word\">forward</span> </span></span></h2><ol class=\"detail-steps\"><li><span>1</span>Organise the pages and choose the visual direction.</li><li><span>2</span>Build the site and check screen sizes.</li><li><span>3</span>Test the form and prepare the launch.</li></ol></div><aside class=\"scope-panel\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">The</span> </span><span><span class=\"kinetic-word\">starting</span> </span><span><span class=\"kinetic-word\">scope</span> </span></span></h2><span>From</span><strong>\u20ac2,500</strong><span>excl. VAT</span><p>Around 2\u20133 weeks after receiving the content.</p><p class=\"scope-price-note\">Starting price for the scope described. Your quote confirms the price of your project.</p><h3>How the service works</h3><p class=\"service-how\">We organise pages and content, approve the designs or use the ones you provide, then develop the website and its mobile layout. We test navigation and forms with you and prepare the launch and handover.</p><details class=\"scope-limits\"><summary>Scope and additional costs</summary><p>Presentation website, excluding a shop, member area or business application. Client supplies copy and translations. Hosting, domain and third-party subscriptions are separate. Webflow or Next.js depending on the brief.</p></details><a class=\"button primary magnetic-button\" href=\"#/en/contact?service=webflow\">Let\u2019s discuss your needs</a><small>Indicative, non-binding estimate for a focused scope. B2B prices excluding VAT. Hosting, translations and third-party services are additional.</small></aside></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Clear</span> </span><span><span class=\"kinetic-word\">answers.</span> </span></span></h2><div><details class=\"faq\"><summary>Can the site be multilingual?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Yes. Additional languages and translation preparation are scoped in the quote before work starts.</p></details><details class=\"faq\"><summary>Are subscriptions included?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>No. Domain, hosting and third-party costs are shown separately and remain under your control.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/services/webflow\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/services/webflow\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/terms":{"title":"Website terms \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/terms#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/terms\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/terms\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Terms</span> </span><span><span class=\"kinetic-word\">of</span> </span><span><span class=\"kinetic-word\">use</span> </span></span></h1><div class=\"heading-bottom\"><p>This website presents digital services primarily for business users. It lets visitors explore proposals and request a conversation, without a purchase or automatic contract formation.</p></div></section><article class=\"legal-body\"><section><h2>Website purpose</h2><p>Content describes Veylonic Systems\u2019 approach, service areas and proposals. Information is prepared with care but needs confirmation for each project context. The website does not provide personalised legal, tax or regulatory advice.</p></section><section><h2>Prices and estimates</h2><p>Amounts are in euros excluding VAT for described baseline scopes. They are starting points rather than binding offers for every enquiry. The calculator provides an indicative estimate based on its parameters. A proposal specifies scope, assumptions, exclusions, applicable taxes and commercial terms.</p></section><section><h2>Forms and discussions</h2><p>Submitting a brief does not form a contract, reserve capacity or commit a delivery date. A reply allows needs and availability to be checked. Service commitments require a separate agreement. The website includes no online payment or binding checkout.</p></section><section><h2>Portfolio and demonstrations</h2><p>Portfolio pages present interfaces and interactive workflows. Presentation screens should receive no confidential data. The features and commitments of a delivered product are defined by its own agreed scope.</p></section><section><h2>Reasonable use and security</h2><p>Do not disrupt operation, bypass protections or submit unlawful content. Validation and rate-limiting mechanisms may reject a request. Messages should be relevant to the business enquiry and contain no secrets. Report problems to contact@veylonicsystems.com.</p></section><section><h2>Changes and contractual documents</h2><p>The website and its proposals may evolve. Service-specific terms, deliverable rights, confidentiality, responsibilities and dispute arrangements will be set out in appropriate contractual documents. Browsing these pages does not create a general guarantee of uninterrupted availability or economic results.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/terms\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/terms\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/work":{"title":"Projects \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/work#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"active\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/work\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/work\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">From</span> </span><span><span class=\"kinetic-word\">websites</span> </span><span><span class=\"kinetic-word\">to</span> </span><span><span class=\"kinetic-word\">software.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Three</span> </span><span><span class=\"kinetic-word\">projects</span> </span><span><span class=\"kinetic-word\">to</span> </span><span><span class=\"kinetic-word\">explore.</span> </span></span></h1><div class=\"heading-bottom\"><p>CRM, SaaS and automation. Three projects for managing sales, collaborating as a team and connecting workflows.</p></div></section><section class=\"wrap work-list\"><div class=\"filters\" role=\"group\" aria-label=\"Projects\"><button aria-pressed=\"true\" class=\"selected\">All<span>3</span></button><button aria-pressed=\"false\" class=\"\">Business software<span>1</span></button><button aria-pressed=\"false\" class=\"\">SaaS<span>1</span></button><button aria-pressed=\"false\" class=\"\">Automation<span>1</span></button></div><div class=\"project-grid \"><article class=\"project-card\"><a class=\"project-visual visual-nexora\" href=\"#/en/work/nexora\"><img src=\"vasset:05db738d63d088fb2f8ef6bf\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Overview\" loading=\"lazy\"><span class=\"project-open\">Explore the project</span></a><div class=\"project-topline\"><span>Business software / CRM</span></div><a class=\"project-name\" href=\"#/en/work/nexora\"><h3>NEXORA</h3></a><p>Clients, opportunities and quotes in one clear sales workspace.</p></article><article class=\"project-card\"><a class=\"project-visual visual-fluxio\" href=\"#/en/work/fluxio\"><img src=\"vasset:e51c810806c8e9476d8ef209\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Workflow builder\" loading=\"lazy\"><span class=\"project-open\">Explore the project</span></a><div class=\"project-topline\"><span>Automation / API</span></div><a class=\"project-name\" href=\"#/en/work/fluxio\"><h3>FLUXIO</h3></a><p>A workflow editor that connects tools and makes every run traceable.</p></article><article class=\"project-card\"><a class=\"project-visual visual-orbita\" href=\"#/en/work/orbita\"><img src=\"vasset:980842328028717fa3447816\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Overview\" loading=\"lazy\"><span class=\"project-open\">Explore the project</span></a><div class=\"project-topline\"><span>SaaS / Cloud</span></div><a class=\"project-name\" href=\"#/en/work/orbita\"><h3>ORBITA</h3></a><p>Projects, people and activity in a coherent company workspace.</p></article></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/work\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/work\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/work/fluxio":{"title":"FLUXIO \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/work/fluxio#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"active\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/work/fluxio\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/work/fluxio\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/work\">Projects</a><span>/</span><span>FLUXIO</span></div><section class=\"project-heading product-heading wrap\"><div><h1>FLUXIO</h1><p>Let workflows do the repetitive work.</p></div><div class=\"product-category\">Automation / API</div></section><section class=\"project-demo wrap\" data-demo-shell=\"true\"><div class=\"demo-tools\"><div><h2>Explore the project.</h2><p>Browse the pages, open the menus and try the features.</p></div><a class=\"button primary\" data-demo-open=\"fluxio-en\" href=\"#/products/fluxio-en.html\" target=\"_blank\" rel=\"noopener\">Open demo</a></div><div class=\"demo-browser\"><div class=\"demo-browser-bar\"><strong>FLUXIO</strong><button data-demo-reload=\"true\">Start again</button></div><p class=\"demo-load-status\" data-demo-status=\"true\" role=\"status\">Loading the demo\u2026</p><div class=\"demo-browser-stage\"><iframe data-product-preview=\"fluxio-en\" title=\"FLUXIO \u2014 Open demo\" sandbox=\"allow-scripts allow-same-origin allow-downloads\"></iframe></div></div></section><section class=\"product-intro wrap section\"><h2>Overview</h2><p>A workflow editor that connects tools and makes every run traceable.</p></section><section class=\"product-story wrap\"><div><h2>The challenge</h2><p>An incoming request needs validation, storage and delivery to several tools. FLUXIO makes those rules visible and helps identify an interrupted run.</p></div><div><h2>Our approach</h2><p>The builder separates triggers, conditions and actions. A settings panel explains each block; history and monitoring share the same run identifiers.</p></div></section><section class=\"product-experience wrap section\"><div class=\"section-heading\"><h2>Product experience</h2></div><div class=\"product-screen-grid\"><figure class=\"product-screen screen-0\"><img src=\"vasset:e51c810806c8e9476d8ef209\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Workflow builder\" loading=\"lazy\"><figcaption><span>01</span>Workflow builder</figcaption></figure><figure class=\"product-screen screen-1\"><img src=\"vasset:dd03a07d6e56deb9c2bee9d0\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Integrations\" loading=\"lazy\"><figcaption><span>02</span>Integrations</figcaption></figure><figure class=\"product-screen screen-2\"><img src=\"vasset:9730650994dd6ddf1a338db9\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Execution history\" loading=\"lazy\"><figcaption><span>03</span>Execution history</figcaption></figure><figure class=\"product-screen screen-3\"><img src=\"vasset:ef592d1d09310dba858bce29\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Monitoring\" loading=\"lazy\"><figcaption><span>04</span>Monitoring</figcaption></figure></div><figure class=\"product-detail-fragment\"><img src=\"vasset:0fe7b718c65f2ea63146f5a9\" width=\"1000\" height=\"500\" loading=\"lazy\" alt=\"FLUXIO \u2014 component detail\"><figcaption>Details connecting content and action.</figcaption></figure><section class=\"product-mobile-strip\"><figure><img src=\"vasset:2ad1eefb42a580585ed34bd8\" width=\"390\" height=\"844\" loading=\"lazy\" alt=\"FLUXIO \u2014 mobile layout\"></figure><div><h2>The same care, on mobile.</h2><p>Navigation, content and actions adapt to a narrow screen. Controls remain accessible by touch and keyboard.</p><div class=\"mobile-feature-list\"><span>Triggers and conditions</span><span>Actions and settings</span><span>Service connections</span></div></div></section></section><section class=\"product-story wrap section\"><div><h2>Key scenarios</h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Triggers and conditions</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Actions and settings</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Service connections</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>History and alerts</li></ul></div><div><h2>Interface implementation</h2><p>These interfaces use HTML, CSS, JavaScript and SVG. Search, navigation, forms and interactions run in the browser; service connections and production deployment are developed around your project.</p><div class=\"stack-tags\"><span>HTML</span><span>CSS</span><span>JavaScript</span><span>SVG</span></div></div></section><section class=\"product-value wrap\"><h2>What this work brings</h2><p>A coherent path between information, actions and follow-up. The screen structure supports future features without disrupting everyday work.</p></section><section class=\"wrap\"><div class=\"product-final\"><h2>Have a similar project in mind? Let\u2019s talk.</h2><a class=\"button primary magnetic-button\" href=\"#/en/contact?project=fluxio\">Discuss my project</a></div></section><section class=\"product-next wrap\"><span>The next project</span><a href=\"#/en/work/orbita\"><h2>ORBITA</h2></a></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/work/fluxio\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/work/fluxio\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/work/nexora":{"title":"NEXORA \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/work/nexora#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"active\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/work/nexora\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/work/nexora\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/work\">Projects</a><span>/</span><span>NEXORA</span></div><section class=\"project-heading product-heading wrap\"><div><h1>NEXORA</h1><p>A clearer view of every opportunity.</p></div><div class=\"product-category\">Business software / CRM</div></section><section class=\"project-demo wrap\" data-demo-shell=\"true\"><div class=\"demo-tools\"><div><h2>Explore the project.</h2><p>Browse the pages, open the menus and try the features.</p></div><a class=\"button primary\" data-demo-open=\"nexora-en\" href=\"#/products/nexora-en.html\" target=\"_blank\" rel=\"noopener\">Open demo</a></div><div class=\"demo-browser\"><div class=\"demo-browser-bar\"><strong>NEXORA</strong><button data-demo-reload=\"true\">Start again</button></div><p class=\"demo-load-status\" data-demo-status=\"true\" role=\"status\">Loading the demo\u2026</p><div class=\"demo-browser-stage\"><iframe data-product-preview=\"nexora-en\" title=\"NEXORA \u2014 Open demo\" sandbox=\"allow-scripts allow-same-origin allow-downloads\"></iframe></div></div></section><section class=\"product-intro wrap section\"><h2>Overview</h2><p>Clients, opportunities and quotes in one clear sales workspace.</p></section><section class=\"product-story wrap\"><div><h2>The challenge</h2><p>Scattered customer information makes follow-ups and forecasts difficult. NEXORA organises sales around a shared record and a visible next action.</p></div><div><h2>Our approach</h2><p>Stable navigation connects clients, contacts, pipeline, quotes, tasks and reports. Searchable tables help find a record; the pipeline makes each stage and its value visible.</p></div></section><section class=\"product-experience wrap section\"><div class=\"section-heading\"><h2>Product experience</h2></div><div class=\"product-screen-grid\"><figure class=\"product-screen screen-0\"><img src=\"vasset:05db738d63d088fb2f8ef6bf\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Overview\" loading=\"lazy\"><figcaption><span>01</span>Overview</figcaption></figure><figure class=\"product-screen screen-1\"><img src=\"vasset:faba8d5b192206e927dbada5\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Clients\" loading=\"lazy\"><figcaption><span>02</span>Clients</figcaption></figure><figure class=\"product-screen screen-2\"><img src=\"vasset:28d441be714b66c26b88bda1\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Sales pipeline\" loading=\"lazy\"><figcaption><span>03</span>Sales pipeline</figcaption></figure><figure class=\"product-screen screen-3\"><img src=\"vasset:15a15c646ba948cbfcd488c2\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Quotes\" loading=\"lazy\"><figcaption><span>04</span>Quotes</figcaption></figure></div><figure class=\"product-detail-fragment\"><img src=\"vasset:674b3b66e4d035fe107f07f1\" width=\"1000\" height=\"500\" loading=\"lazy\" alt=\"NEXORA \u2014 component detail\"><figcaption>Details connecting content and action.</figcaption></figure><section class=\"product-mobile-strip\"><figure><img src=\"vasset:0acff25af7c72564463b88ad\" width=\"390\" height=\"844\" loading=\"lazy\" alt=\"NEXORA \u2014 mobile layout\"></figure><div><h2>The same care, on mobile.</h2><p>Navigation, content and actions adapt to a narrow screen. Controls remain accessible by touch and keyboard.</p><div class=\"mobile-feature-list\"><span>Clients and contacts</span><span>Opportunities by stage</span><span>Quotes and values</span></div></div></section></section><section class=\"product-story wrap section\"><div><h2>Key scenarios</h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Clients and contacts</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Opportunities by stage</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Quotes and values</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Tasks and reports</li></ul></div><div><h2>Interface implementation</h2><p>These interfaces use HTML, CSS, JavaScript and SVG. Search, navigation, forms and interactions run in the browser; service connections and production deployment are developed around your project.</p><div class=\"stack-tags\"><span>HTML</span><span>CSS</span><span>JavaScript</span><span>SVG</span></div></div></section><section class=\"product-value wrap\"><h2>What this work brings</h2><p>A coherent path between information, actions and follow-up. The screen structure supports future features without disrupting everyday work.</p></section><section class=\"wrap\"><div class=\"product-final\"><h2>Have a similar project in mind? Let\u2019s talk.</h2><a class=\"button primary magnetic-button\" href=\"#/en/contact?project=nexora\">Discuss my project</a></div></section><section class=\"product-next wrap\"><span>The next project</span><a href=\"#/en/work/fluxio\"><h2>FLUXIO</h2></a></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/work/nexora\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/work/nexora\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/en/work/orbita":{"title":"ORBITA \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/en/work/orbita#main\">Skip to content</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Open menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertise</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/en/services\">Explore our expertise</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/en/services/product-design\"><img src=\"vasset:04c2ca0d419b4ce8ff647e54\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your landing page, built</strong><span>A developed landing page, adapted for mobile.</span></a><a class=\"mega-service\" href=\"#/en/services/webflow\"><img src=\"vasset:f0d45b646059cc3ae0c59172\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Your business website</strong><span>A responsive website that presents your business.</span></a><a class=\"mega-service\" href=\"#/en/services/web-development\"><img src=\"vasset:cee1c12b9315bcdff358b9ea\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>A tool for your workflow</strong><span>A connected tool that simplifies daily work.</span></a></div><a class=\"mega-pricing\" href=\"#/en/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"active\" href=\"#/en/work\">Projects</a><a class=\"\" href=\"#/en/about\">Company</a><a class=\"\" href=\"#/en/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choose language\">EN</summary><div><a lang=\"fr\" href=\"#/fr/work/orbita\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/work/orbita\" aria-current=\"true\">English</a></div></details><a class=\"header-cta\" href=\"#/en/contact\"><span class=\"cta-long\">Let\u2019s talk about your project</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/en/services\">Expertise</a><div class=\"mobile-service-links\"><a href=\"#/en/services/product-design\">Your landing page, built</a><a href=\"#/en/services/webflow\">Your business website</a><a href=\"#/en/services/web-development\">A tool for your workflow</a></div><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">Company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/en/work\">Projects</a><span>/</span><span>ORBITA</span></div><section class=\"project-heading product-heading wrap\"><div><h1>ORBITA</h1><p>One workspace for the work ahead.</p></div><div class=\"product-category\">SaaS / Cloud</div></section><section class=\"project-demo wrap\" data-demo-shell=\"true\"><div class=\"demo-tools\"><div><h2>Explore the project.</h2><p>Browse the pages, open the menus and try the features.</p></div><a class=\"button primary\" data-demo-open=\"orbita-en\" href=\"#/products/orbita-en.html\" target=\"_blank\" rel=\"noopener\">Open demo</a></div><div class=\"demo-browser\"><div class=\"demo-browser-bar\"><strong>ORBITA</strong><button data-demo-reload=\"true\">Start again</button></div><p class=\"demo-load-status\" data-demo-status=\"true\" role=\"status\">Loading the demo\u2026</p><div class=\"demo-browser-stage\"><iframe data-product-preview=\"orbita-en\" title=\"ORBITA \u2014 Open demo\" sandbox=\"allow-scripts allow-same-origin allow-downloads\"></iframe></div></div></section><section class=\"product-intro wrap section\"><h2>Overview</h2><p>Projects, people and activity in a coherent company workspace.</p></section><section class=\"product-story wrap\"><div><h2>The challenge</h2><p>Understanding progress should not require piecing together several tools. ORBITA connects projects, people and activity in one workspace.</p></div><div><h2>Our approach</h2><p>An overview leads to projects, members and settings. Roles, plans and billing documents have dedicated views so daily work stays focused.</p></div></section><section class=\"product-experience wrap section\"><div class=\"section-heading\"><h2>Product experience</h2></div><div class=\"product-screen-grid\"><figure class=\"product-screen screen-0\"><img src=\"vasset:980842328028717fa3447816\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Overview\" loading=\"lazy\"><figcaption><span>01</span>Overview</figcaption></figure><figure class=\"product-screen screen-1\"><img src=\"vasset:fe9485dbd06e76ce82b69976\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Projects\" loading=\"lazy\"><figcaption><span>02</span>Projects</figcaption></figure><figure class=\"product-screen screen-2\"><img src=\"vasset:97d9a60eb8b83a1304339a5b\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Members\" loading=\"lazy\"><figcaption><span>03</span>Members</figcaption></figure><figure class=\"product-screen screen-3\"><img src=\"vasset:2d29a965f31918afe0bb51f3\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Billing\" loading=\"lazy\"><figcaption><span>04</span>Billing</figcaption></figure></div><figure class=\"product-detail-fragment\"><img src=\"vasset:b581848995333fca627b9fae\" width=\"1000\" height=\"500\" loading=\"lazy\" alt=\"ORBITA \u2014 component detail\"><figcaption>Details connecting content and action.</figcaption></figure><section class=\"product-mobile-strip\"><figure><img src=\"vasset:46752a6fac53e0efcf6ee81d\" width=\"390\" height=\"844\" loading=\"lazy\" alt=\"ORBITA \u2014 mobile layout\"></figure><div><h2>The same care, on mobile.</h2><p>Navigation, content and actions adapt to a narrow screen. Controls remain accessible by touch and keyboard.</p><div class=\"mobile-feature-list\"><span>Project tracking</span><span>Activity analytics</span><span>Members and permissions</span></div></div></section></section><section class=\"product-story wrap section\"><div><h2>Key scenarios</h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Project tracking</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Activity analytics</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Members and permissions</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Plans and invoices</li></ul></div><div><h2>Interface implementation</h2><p>These interfaces use HTML, CSS, JavaScript and SVG. Search, navigation, forms and interactions run in the browser; service connections and production deployment are developed around your project.</p><div class=\"stack-tags\"><span>HTML</span><span>CSS</span><span>JavaScript</span><span>SVG</span></div></div></section><section class=\"product-value wrap\"><h2>What this work brings</h2><p>A coherent path between information, actions and follow-up. The screen structure supports future features without disrupting everyday work.</p></section><section class=\"wrap\"><div class=\"product-final\"><h2>Have a similar project in mind? Let\u2019s talk.</h2><a class=\"button primary magnetic-button\" href=\"#/en/contact?project=orbita\">Discuss my project</a></div></section><section class=\"product-next wrap\"><span>The next project</span><a href=\"#/en/work/nexora\"><h2>NEXORA</h2></a></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 BESPOKE DIGITAL SOLUTIONS</span><h2>Let\u2019s shape your next idea.</h2><p>Web applications, business software, SaaS and automation: useful, elegant and lasting solutions for businesses and startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/en/contact\">Let\u2019s talk about your project</a><a class=\"text-link\" href=\"#/en/services\">Explore our expertise</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Analytics, CRM, mobile application and automation interfaces.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Overview</strong><span>This month</span></div><div class=\"mini-metrics\"><div><small>Requests</small><b>128</b></div><div><small>In progress</small><b>36</b></div><div><small>Completed</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>In progress</span><span>24.06</span><span>Studio</span><span>In review</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Project workspace</strong><div class=\"crm-columns\"><div><span>New</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>In progress</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Today</small><h3>Your workspace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Project workspace</span><i></i><i></i><i></i></div><div class=\"phone-action\">Preview</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Receive</span><b></b><span><i></i>Validate</span><b></b><span><i></i>Save changes</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Data</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connect</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Components</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Save changes</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/en\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Your ideas. Our systems. Your future.</p><div class=\"footer-languages\" aria-label=\"Languages\"><a lang=\"fr\" href=\"#/fr/work/orbita\">FR</a><a lang=\"en\" aria-current=\"true\" href=\"#/en/work/orbita\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/en/services\">Expertise</a><a href=\"#/en/work\">Projects</a><a href=\"#/en/about\">The company</a><a href=\"#/en/insights\">Journal</a><a href=\"#/en/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/en/legal\">Legal notice</a><a href=\"#/en/privacy\">Privacy</a><a href=\"#/en/cookies\">Cookies</a><a href=\"#/en/terms\">Website terms</a></nav></div></div></footer>"},"/fr":{"title":"Veylonic Systems \u2014 Software development","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"hero wrap\"><div class=\"hero-title\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Vos</span> </span><span><span class=\"kinetic-word\">id\u00e9es.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Nos</span> </span><span><span class=\"kinetic-word\">syst\u00e8mes.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Votre</span> </span><span><span class=\"kinetic-word\">avenir.</span> </span></span></h1></div><div class=\"hero-visual\"><div class=\"hero-ground\" aria-hidden=\"true\"></div><div class=\"hero-model-layer\"><div class=\"hero-sculpture\" data-model=\"/media/design/hero-art.glb\"><img class=\"poster\" src=\"vasset:0bf794f19715c3c4dd9b2dc5\" alt=\"Composition 3D d\u2019interfaces logicielles sur des surfaces de m\u00e9tal et de verre.\" width=\"1600\" height=\"1200\" fetchpriority=\"high\"><div class=\"sculpture-canvas\" aria-hidden=\"true\"></div></div></div></div><div class=\"hero-copy\"><p>Nous concevons des sites, des applications web et des outils num\u00e9riques. Un design clair, des fonctionnalit\u00e9s utiles et un d\u00e9veloppement adapt\u00e9 \u00e0 votre activit\u00e9.</p><div class=\"brief-action\"><a class=\"button primary magnetic-button\" href=\"#/fr/contact\">Parler de mon projet</a><a class=\"text-link\" href=\"#/fr/pricing\">Estimez votre projet</a></div></div></section><section class=\"expertise-section section\"><div class=\"wrap\"><div class=\"section-heading\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">De</span> </span><span><span class=\"kinetic-word\">quoi</span> </span><span><span class=\"kinetic-word\">avez-vous</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">besoin</span> </span><span><span class=\"kinetic-word\">?</span> </span></span></h2><p>Choisissez le r\u00e9sultat que vous voulez obtenir. Nous pr\u00e9cisons ensemble ce qui sera livr\u00e9, \u00e0 quel prix et \u00e0 quelle date.</p></div><div class=\"service-offers\"><a class=\"service-offer offer-0\" href=\"#/fr/services/product-design\"><div class=\"offer-top\"><h3>Votre landing page, d\u00e9velopp\u00e9e</h3><span class=\"offer-price\">\u00c0 partir de <strong>1\u202f500\u00a0\u20ac</strong><small>HT</small></span></div><p class=\"offer-for\">Pour pr\u00e9senter une offre et recevoir des demandes.</p><div class=\"offer-result\"><span>Vous recevez</span><p>Une page responsive pr\u00eate \u00e0 mettre en ligne, avec formulaire de contact et code source.</p></div><p class=\"offer-includes\">1 page \u00b7 Jusqu\u2019\u00e0 5 sections \u00b7 D\u00e9veloppement inclus</p><div class=\"offer-bottom\"><span>Environ 1 \u00e0 2 semaines, selon le p\u00e9rim\u00e8tre valid\u00e9.</span><span class=\"text-link\">Voir la prestation</span></div></a><a class=\"service-offer offer-1\" href=\"#/fr/services/webflow\"><div class=\"offer-top\"><h3>Le site de votre entreprise</h3><span class=\"offer-price\">\u00c0 partir de <strong>2\u202f500\u00a0\u20ac</strong><small>HT</small></span></div><p class=\"offer-for\">Pour pr\u00e9senter votre activit\u00e9 et recevoir des demandes.</p><div class=\"offer-result\"><span>Vous recevez</span><p>Un site responsive jusqu\u2019\u00e0 5 pages, avec formulaire et pr\u00e9paration \u00e0 la mise en ligne.</p></div><p class=\"offer-includes\">Jusqu\u2019\u00e0 5 pages \u00b7 Mobile \u00b7 Formulaire de contact</p><div class=\"offer-bottom\"><span>Environ 2 \u00e0 3 semaines apr\u00e8s r\u00e9ception des contenus.</span><span class=\"text-link\">Voir la prestation</span></div></a><a class=\"service-offer offer-2\" href=\"#/fr/services/web-development\"><div class=\"offer-top\"><h3>Votre outil de travail sur mesure</h3><span class=\"offer-price\">\u00c0 partir de <strong>4\u202f500\u00a0\u20ac</strong><small>HT</small></span></div><p class=\"offer-for\">Pour remplacer un suivi manuel ou des ressaisies.</p><div class=\"offer-result\"><span>Vous recevez</span><p>Un outil web centr\u00e9 sur une t\u00e2che, avec stockage et une connexion \u00e0 un service existant.</p></div><p class=\"offer-includes\">1 parcours \u00b7 Base de donn\u00e9es \u00b7 1 int\u00e9gration</p><div class=\"offer-bottom\"><span>Environ 3 \u00e0 4 semaines pour un premier p\u00e9rim\u00e8tre cibl\u00e9.</span><span class=\"text-link\">Voir la prestation</span></div></a></div></div></section><section id=\"code-to-product\" class=\"code-product\" data-status0=\"Nouveau\" data-status1=\"En cours\" data-status2=\"Trait\u00e9\"><div class=\"product-sticky wrap\"><div class=\"product-explanation\"><h2>De votre id\u00e9e \u00e0 un produit concret.</h2><p>D\u00e9couvrez comment une logique m\u00e9tier devient une application simple, intuitive et pr\u00eate \u00e0 \u00e9voluer.</p><div class=\"product-step-controls\" role=\"group\" aria-label=\"De votre id\u00e9e \u00e0 un produit concret.\"><button type=\"button\" data-product-step=\"0\" aria-pressed=\"true\"><span>01</span>Id\u00e9e</button><button type=\"button\" data-product-step=\"1\" aria-pressed=\"false\"><span>02</span>Code</button><button type=\"button\" data-product-step=\"2\" aria-pressed=\"false\"><span>03</span>Produit</button></div><p class=\"product-stage-description\" data-product-description=\"0\">Vos demandes arrivent par email. Les statuts se perdent entre messages et tableaux.</p><p class=\"product-stage-description\" data-product-description=\"1\" hidden=\"\">Nous structurons les donn\u00e9es et les r\u00e8gles : une demande, un responsable, un statut.</p><p class=\"product-stage-description\" data-product-description=\"2\" hidden=\"\">Une interface pour retrouver chaque demande et faire avancer le travail.</p></div><div class=\"product-visual\"><div class=\"product-scene\"><div class=\"product-panel product-idea\" data-product-panel=\"0\"><div class=\"idea-message-stack\"><div class=\"idea-message message-0\"><span class=\"message-dot\"></span><p>Nouvelle demande re\u00e7ue par email</p><span class=\"message-time\">09:12</span></div><div class=\"idea-message message-1\"><span class=\"message-dot\"></span><p>Qui s\u2019en occupe ?</p><span class=\"message-time\">10:46</span></div><div class=\"idea-message message-2\"><span class=\"message-dot\"></span><p>Le client attend une r\u00e9ponse</p><span class=\"message-time\">14:20</span></div></div><h3>Une seule demande. Plusieurs endroits o\u00f9 la chercher.</h3><p>Objectif : centraliser les demandes et suivre leur traitement.</p></div><div class=\"product-panel product-code\" data-product-panel=\"1\"><div class=\"code-title\"><span class=\"code-file\">requests.ts</span><span>TypeScript</span></div><pre aria-label=\"TypeScript\"><code><span><b>type</b> Status = <em>&#x27;new&#x27;</em> | <em>&#x27;active&#x27;</em> | <em>&#x27;done&#x27;</em>;</span><span> </span><span><b>function</b> assign(id: <i>string</i>) {</span><span>  <b>return</b> requests.map(request =&gt;</span><span>    request.id === id</span><span>      ? { ...request, status: <em>&#x27;active&#x27;</em> }</span><span>      : request</span><span>  );</span><span>}</span></code></pre><div class=\"code-footer\"><span>requests.ts</span><span>Code</span></div></div><div class=\"product-panel product-dashboard\" data-product-panel=\"2\"><div class=\"dashboard-bar\"><strong>Veylonic Systems</strong><button type=\"button\" data-request-reset=\"true\">R\u00e9initialiser</button></div><div class=\"dashboard-heading\"><div><h3>Demandes clients</h3><p>Toutes les demandes, au m\u00eame endroit.</p></div><div class=\"request-count\"><strong data-request-count=\"true\">3</strong><span>demande(s) \u00e0 suivre</span></div></div><button class=\"request-filter\" type=\"button\" data-request-filter=\"true\" aria-pressed=\"false\">Afficher seulement les nouvelles</button><div class=\"request-table\" role=\"table\" aria-label=\"Demandes clients\"><div class=\"request-table-head\" role=\"row\"><span role=\"columnheader\">Demande</span><span role=\"columnheader\">Responsable</span><span role=\"columnheader\">Statut</span><span></span></div><div class=\"request-row\" data-request-row=\"true\" role=\"row\"><strong role=\"cell\">Pr\u00e9parer un devis</strong><span role=\"cell\" class=\"request-owner\">Camille</span><span role=\"cell\" class=\"request-status\" data-request-status=\"true\" data-status=\"0\">Nouveau</span><span role=\"cell\"><button type=\"button\" data-request-advance=\"true\" aria-label=\"Faire avancer: Pr\u00e9parer un devis\">Faire avancer</button></span></div><div class=\"request-row\" data-request-row=\"true\" role=\"row\"><strong role=\"cell\">Mettre \u00e0 jour un acc\u00e8s</strong><span role=\"cell\" class=\"request-owner\">Alex</span><span role=\"cell\" class=\"request-status\" data-request-status=\"true\" data-status=\"1\">En cours</span><span role=\"cell\"><button type=\"button\" data-request-advance=\"true\" aria-label=\"Faire avancer: Mettre \u00e0 jour un acc\u00e8s\">Faire avancer</button></span></div><div class=\"request-row\" data-request-row=\"true\" role=\"row\"><strong role=\"cell\">Planifier une livraison</strong><span role=\"cell\" class=\"request-owner\">Sam</span><span role=\"cell\" class=\"request-status\" data-request-status=\"true\" data-status=\"0\">Nouveau</span><span role=\"cell\"><button type=\"button\" data-request-advance=\"true\" aria-label=\"Faire avancer: Planifier une livraison\">Faire avancer</button></span></div></div><p data-request-empty=\"true\" hidden=\"\">Aucune demande pour ce filtre.</p><p class=\"dashboard-hint\" aria-live=\"polite\">Essayez de faire avancer une demande.</p><small>Les changements restent dans cette d\u00e9monstration.</small></div></div><p class=\"product-demo-label\">D\u00e9monstration interactive</p></div></div></section><section class=\"section work-section\"><div class=\"wrap\"><div class=\"section-heading\"><div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Des</span> </span><span><span class=\"kinetic-word\">sites</span> </span><span><span class=\"kinetic-word\">qui</span> </span><span><span class=\"kinetic-word\">marquent.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Des</span> </span><span><span class=\"kinetic-word\">outils</span> </span><span><span class=\"kinetic-word\">qui</span> </span><span><span class=\"kinetic-word\">servent.</span> </span></span></h2><p>CRM, automatisation et SaaS : trois approches pour organiser les ventes, les processus et le travail en \u00e9quipe.</p></div></div></div><div class=\"project-showcase continuous-projects\"><div class=\"work-rail\" tabindex=\"0\" role=\"region\" aria-label=\"Projets\"><div class=\"project-grid featured\"><article class=\"project-card\"><div class=\"project-visual visual-nexora\"><img src=\"vasset:41b8c55f12a399794cd49bb9\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Tableau de bord\" loading=\"eager\"></div></article><article class=\"project-card\"><div class=\"project-visual visual-fluxio\"><img src=\"vasset:f9847492ac2c3d4ff4dde72b\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 \u00c9diteur de processus\" loading=\"lazy\"></div></article><article class=\"project-card\"><div class=\"project-visual visual-orbita\"><img src=\"vasset:343389e79253f06dfe228ef4\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Vue d\u2019ensemble\" loading=\"lazy\"></div></article></div><div class=\"rail-copy\" aria-hidden=\"true\"><div class=\"project-grid featured\"><article class=\"project-card\"><div class=\"project-visual visual-nexora\"><img src=\"vasset:41b8c55f12a399794cd49bb9\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Tableau de bord\" loading=\"eager\"></div></article><article class=\"project-card\"><div class=\"project-visual visual-fluxio\"><img src=\"vasset:f9847492ac2c3d4ff4dde72b\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 \u00c9diteur de processus\" loading=\"lazy\"></div></article><article class=\"project-card\"><div class=\"project-visual visual-orbita\"><img src=\"vasset:343389e79253f06dfe228ef4\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Vue d\u2019ensemble\" loading=\"lazy\"></div></article></div></div></div><div class=\"rail-controls wrap\"><button type=\"button\" class=\"text-button\" data-rail=\"previous\">Pr\u00e9c\u00e9dent</button><button type=\"button\" class=\"text-button\" data-rail=\"next\">Suivant</button></div></div></section><section id=\"development\" class=\"process-scroll wrap section process-scroll-home\"><div class=\"process-sticky\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Vous</span> </span><span><span class=\"kinetic-word\">savez</span> </span><span><span class=\"kinetic-word\">toujours</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">o\u00f9</span> </span><span><span class=\"kinetic-word\">en</span> </span><span><span class=\"kinetic-word\">est</span> </span><span><span class=\"kinetic-word\">votre</span> </span><span><span class=\"kinetic-word\">projet.</span> </span></span></h2><p>\u00c0 chaque \u00e9tape : une action, un r\u00e9sultat \u00e0 examiner et votre validation avant la suite.</p><div class=\"process-current\" aria-hidden=\"true\"><span class=\"process-current-number is-changing\">01</span><span>Un \u00e9change pour cadrer</span><span class=\"process-count\">/ 06</span></div></div><ol class=\"process-track\"><li data-step=\"0\" class=\"process-step is-current\"><span class=\"step-number\">01</span><h3>Un \u00e9change pour cadrer</h3><p>Vous expliquez votre activit\u00e9, votre besoin et votre budget. Nous d\u00e9finissons la t\u00e2che prioritaire et les r\u00e9sultats attendus.</p><div class=\"step-output\"><span>\u00c0 la fin de cette \u00e9tape</span><strong>Un besoin d\u00e9fini</strong></div></li><li data-step=\"1\" class=\"process-step \"><span class=\"step-number\">02</span><h3>Une proposition pr\u00e9cise</h3><p>Nous listons pages, fonctions, livrables et calendrier. Vous validez le prix et le p\u00e9rim\u00e8tre avant le d\u00e9marrage.</p><div class=\"step-output\"><span>\u00c0 la fin de cette \u00e9tape</span><strong>Un devis et un calendrier</strong></div></li><li data-step=\"2\" class=\"process-step \"><span class=\"step-number\">03</span><h3>Un aper\u00e7u \u00e0 valider</h3><p>Nous montrons la structure des \u00e9crans. Nous utilisons vos maquettes ou pr\u00e9parons le design compl\u00e9mentaire pr\u00e9vu au devis.</p><div class=\"step-output\"><span>\u00c0 la fin de cette \u00e9tape</span><strong>Une structure approuv\u00e9e</strong></div></li><li data-step=\"3\" class=\"process-step \"><span class=\"step-number\">04</span><h3>Une version \u00e0 essayer</h3><p>Nous d\u00e9veloppons les fonctionnalit\u00e9s et partageons une version accessible pour vos essais. Vos retours sont regroup\u00e9s et int\u00e9gr\u00e9s au p\u00e9rim\u00e8tre convenu.</p><div class=\"step-output\"><span>\u00c0 la fin de cette \u00e9tape</span><strong>Une version fonctionnelle</strong></div></li><li data-step=\"4\" class=\"process-step \"><span class=\"step-number\">05</span><h3>Des tests avant livraison</h3><p>Nous v\u00e9rifions les sc\u00e9narios, les formats, les formulaires et les erreurs avec une liste de contr\u00f4le partag\u00e9e.</p><div class=\"step-output\"><span>\u00c0 la fin de cette \u00e9tape</span><strong>Les v\u00e9rifications valid\u00e9es</strong></div></li><li data-step=\"5\" class=\"process-step \"><span class=\"step-number\">06</span><h3>La remise de votre projet</h3><p>Nous remettons code source, acc\u00e8s et documentation, puis pr\u00e9parons la mise en service. Le suivi ult\u00e9rieur est d\u00e9fini avec vous.</p><div class=\"step-output\"><span>\u00c0 la fin de cette \u00e9tape</span><strong>Code, acc\u00e8s et documentation</strong></div></li></ol></section><section class=\"why-section wrap section\" aria-labelledby=\"why-title-fr\"><div class=\"why-layout\"><div class=\"why-intro\"><h2 id=\"why-title-fr\">Pourquoi travailler avec Veylonic Systems</h2><p>Une approche pens\u00e9e pour les entreprises et les startups qui attendent de la clart\u00e9, de la fiabilit\u00e9 et des solutions bien con\u00e7ues.</p></div><div class=\"why-carousel\" role=\"region\" aria-roledescription=\"Carrousel\" aria-labelledby=\"why-title-fr\"><div class=\"why-viewport\"><div class=\"why-track\" id=\"why-track-fr\"><article class=\"why-slide\" role=\"group\" aria-roledescription=\"Diapositive\" aria-label=\"1 sur 4: Clart\u00e9\"><h3>Clart\u00e9</h3><p>D\u00e8s le d\u00e9part, nous d\u00e9finissons ensemble les objectifs, les d\u00e9lais et le budget. \u00c0 chaque \u00e9tape, vous savez ce qui est pr\u00eat et ce qui vient ensuite.</p></article><article class=\"why-slide\" role=\"group\" aria-roledescription=\"Diapositive\" aria-label=\"2 sur 4: Souplesse\"><h3>Souplesse</h3><p>Chaque projet avance avec une m\u00e9thode structur\u00e9e, mais toujours adapt\u00e9e \u00e0 votre r\u00e9alit\u00e9 m\u00e9tier.</p></article><article class=\"why-slide\" role=\"group\" aria-roledescription=\"Diapositive\" aria-label=\"3 sur 4: Fiabilit\u00e9\"><h3>Fiabilit\u00e9</h3><p>Nous concevons des solutions utiles, durables et pens\u00e9es pour \u00e9voluer avec votre activit\u00e9.</p></article><article class=\"why-slide\" role=\"group\" aria-roledescription=\"Diapositive\" aria-label=\"4 sur 4: Attention aux d\u00e9tails\"><h3>Attention aux d\u00e9tails</h3><p>Au-del\u00e0 du design, nous accordons une attention particuli\u00e8re \u00e0 l\u2019usage, \u00e0 la logique m\u00e9tier et \u00e0 la performance.</p></article></div></div><div class=\"why-controls\" hidden><span class=\"why-count\" aria-hidden=\"true\">01 / 04</span><div class=\"why-indicators\" role=\"group\" aria-label=\"Navigation des principes\"><button class=\"why-dot\" type=\"button\" data-why-slide=\"0\" aria-label=\"Afficher: 1 sur 4: Clart\u00e9\" aria-pressed=\"true\" aria-controls=\"why-track-fr\"><span aria-hidden=\"true\"></span></button><button class=\"why-dot\" type=\"button\" data-why-slide=\"1\" aria-label=\"Afficher: 2 sur 4: Souplesse\" aria-pressed=\"false\" aria-controls=\"why-track-fr\"><span aria-hidden=\"true\"></span></button><button class=\"why-dot\" type=\"button\" data-why-slide=\"2\" aria-label=\"Afficher: 3 sur 4: Fiabilit\u00e9\" aria-pressed=\"false\" aria-controls=\"why-track-fr\"><span aria-hidden=\"true\"></span></button><button class=\"why-dot\" type=\"button\" data-why-slide=\"3\" aria-label=\"Afficher: 4 sur 4: Attention aux d\u00e9tails\" aria-pressed=\"false\" aria-controls=\"why-track-fr\"><span aria-hidden=\"true\"></span></button></div><div class=\"why-arrows\"><button type=\"button\" class=\"why-arrow\" data-why-prev aria-label=\"Principe pr\u00e9c\u00e9dent\" aria-controls=\"why-track-fr\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5m7 7-7-7 7-7\"></path></svg></button><button type=\"button\" class=\"why-arrow\" data-why-next aria-label=\"Principe suivant\" aria-controls=\"why-track-fr\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14m-7-7 7 7-7 7\"></path></svg></button></div></div><span class=\"why-status\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"></span></div></div></section><section class=\"technology-home section\"><div class=\"wrap\"><div class=\"section-heading\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Des</span> </span><span><span class=\"kinetic-word\">choix</span> </span><span><span class=\"kinetic-word\">techniques</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">qui</span> </span><span><span class=\"kinetic-word\">servent</span> </span><span><span class=\"kinetic-word\">votre</span> </span><span><span class=\"kinetic-word\">projet.</span> </span></span></h2><p>Nous choisissons la technologie selon ce que le produit doit faire, la mani\u00e8re dont vous souhaitez le g\u00e9rer et votre budget.</p></div><div class=\"technology-list\"><div><h3>Un service agr\u00e9able \u00e0 utiliser</h3><p>Des pages rapides, lisibles sur t\u00e9l\u00e9phone et accessibles au clavier.<small class=\"technology-stack\">React / Next.js</small></p></div><div><h3>Moins de saisies r\u00e9p\u00e9titives</h3><p>Les \u00e9changes de donn\u00e9es et les r\u00e8gles m\u00e9tier sont r\u00e9unis dans un outil coh\u00e9rent.<small class=\"technology-stack\">TypeScript / Node.js</small></p></div><div><h3>Des informations bien organis\u00e9es</h3><p>Nous d\u00e9finissons les champs, les relations et les droits d\u2019acc\u00e8s n\u00e9cessaires.<small class=\"technology-stack\">PostgreSQL</small></p></div><div><h3>Un lancement pr\u00e9par\u00e9</h3><p>Nous pr\u00e9parons les tests, le d\u00e9ploiement et les moyens de rep\u00e9rer les erreurs.<small class=\"technology-stack\">Cloud / CI/CD</small></p></div><div><h3>Une IA utile \u00e0 une t\u00e2che pr\u00e9cise</h3><p>Nous v\u00e9rifions la qualit\u00e9 des r\u00e9ponses et les limites avant de proposer une int\u00e9gration.<small class=\"technology-stack\">AI / RAG</small></p></div></div></div></section><section class=\"collaboration-band\"><div class=\"wrap\"><div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Un</span> </span><span><span class=\"kinetic-word\">r\u00e9sultat</span> </span><span><span class=\"kinetic-word\">d\u00e9fini.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Un</span> </span><span><span class=\"kinetic-word\">budget</span> </span><span><span class=\"kinetic-word\">lisible.</span> </span></span></h2><p>Trois tarifs de d\u00e9part pour des p\u00e9rim\u00e8tres pr\u00e9cis. Le devis d\u00e9pend des fonctions, des contenus et des int\u00e9grations ; les projets plus larges font l\u2019objet d\u2019une proposition d\u00e9di\u00e9e.</p><a class=\"button primary magnetic-button\" href=\"#/fr/pricing\">Voir les budgets</a></div><div class=\"budget-note\"><span>Votre landing page, d\u00e9velopp\u00e9e</span><strong>1\u202f500\u00a0\u20ac</strong><span>\u00c0 partir de \u00b7 HT</span><div></div><span>Votre outil de travail sur mesure</span><strong>4\u202f500\u00a0\u20ac</strong><span>\u00c0 partir de \u00b7 HT</span></div></div></section><section class=\"section wrap\"><div class=\"section-heading\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Des</span> </span><span><span class=\"kinetic-word\">id\u00e9es</span> </span><span><span class=\"kinetic-word\">\u00e0</span> </span><span><span class=\"kinetic-word\">partager.</span> </span></span></h2><a class=\"text-link\" href=\"#/fr/insights\">Journal</a></div><div class=\"article-grid\"><article><a class=\"article-image article-image-0\" href=\"#/fr/insights/mvp-architecture\"><div class=\"software-media software-code\"><img src=\"vasset:add491bcf3e0e63da6030a33\" width=\"1200\" height=\"760\" alt=\"Exemple de code TypeScript dans un \u00e9diteur.\" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Architecture</span><span>6 min de lecture</span></div><h3><a href=\"#/fr/insights/mvp-architecture\">Choisir une architecture de MVP qui laisse de la place \u00e0 la suite</a></h3><p>Le bon point de d\u00e9part rend les d\u00e9cisions r\u00e9versibles et les apprentissages rapides, sans anticiper une organisation qui n\u2019existe pas encore.</p></article><article><a class=\"article-image article-image-1\" href=\"#/fr/insights/practical-ai\"><div class=\"software-media software-interface media-business-automation\" data-software-visual=\"business-automation\"><img src=\"vasset:145e3d5ca29fdc2fc1a3c389\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Automatisation des demandes. \" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>IA appliqu\u00e9e</span><span>7 min de lecture</span></div><h3><a href=\"#/fr/insights/practical-ai\">Introduire l\u2019IA dans un processus m\u00e9tier sans perdre le contr\u00f4le</a></h3><p>Partir d\u2019une t\u00e2che pr\u00e9cise, organiser l\u2019\u00e9valuation et choisir les limites de d\u00e9l\u00e9gation avant de parler d\u2019autonomie.</p></article></div></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Les</span> </span><span><span class=\"kinetic-word\">r\u00e9ponses,</span> </span><span><span class=\"kinetic-word\">simplement.</span> </span></span></h2><div><details class=\"faq\"><summary>Que recevrai-je \u00e0 la livraison ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Le r\u00e9sultat valid\u00e9, les sources, les acc\u00e8s n\u00e9cessaires et une courte documentation. Avant la remise, nous v\u00e9rifions les parcours convenus avec vous. Les comptes de domaine et d\u2019h\u00e9bergement peuvent rester \u00e0 votre nom.</p></details><details class=\"faq\"><summary>Comment le prix est-il fix\u00e9 ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous pr\u00e9cisons pages, fonctions, int\u00e9grations et contenus, puis \u00e9tablissons un devis avant r\u00e9alisation. Les tarifs de d\u00e9part correspondent aux p\u00e9rim\u00e8tres pr\u00e9sent\u00e9s. Une plateforme plus vaste re\u00e7oit une estimation sp\u00e9cifique.</p></details><details class=\"faq\"><summary>Peut-on utiliser nos maquettes ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous examinons vos fichiers et pr\u00e9cisons les \u00e9tats et formats manquants avant d\u00e9veloppement. Si vous n\u2019avez pas de maquettes, nous pouvons pr\u00e9voir un travail de design compl\u00e9mentaire.</p></details><details class=\"faq\"><summary>Comment se d\u00e9roulent les \u00e9changes ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Vous recevez une version \u00e0 examiner \u00e0 chaque \u00e9tape cl\u00e9. Nous rassemblons vos retours, convenons des ajustements et validons la suite. Les nouvelles fonctions sont chiffr\u00e9es avant d\u2019\u00eatre ajout\u00e9es.</p></details><details class=\"faq\"><summary>Le site fonctionnera-t-il sur mobile ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous adaptons les \u00e9crans convenus au mobile, \u00e0 la tablette et \u00e0 l\u2019ordinateur. Les formulaires, la navigation et les sc\u00e9narios principaux sont v\u00e9rifi\u00e9s aux formats retenus pour le projet.</p></details><details class=\"faq\"><summary>Peut-on pr\u00e9voir plusieurs langues ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous d\u00e9finissons les langues, les contenus traduits et les r\u00e8gles de navigation dans le devis. Les traductions peuvent \u00eatre fournies par votre \u00e9quipe ; leur pr\u00e9paration peut aussi \u00eatre \u00e9valu\u00e9e s\u00e9par\u00e9ment.</p></details><details class=\"faq\"><summary>Pouvez-vous connecter nos outils ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous v\u00e9rifions les possibilit\u00e9s de l\u2019API, les acc\u00e8s et les donn\u00e9es \u00e0 \u00e9changer avant de confirmer l\u2019int\u00e9gration. La prestation outil m\u00e9tier inclut une connexion dans son p\u00e9rim\u00e8tre de d\u00e9part ; les besoins suppl\u00e9mentaires sont chiffr\u00e9s.</p></details><details class=\"faq\"><summary>Quels frais sont s\u00e9par\u00e9s ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Le domaine, l\u2019h\u00e9bergement et les abonnements externes sont indiqu\u00e9s s\u00e9par\u00e9ment. Le devis pr\u00e9cise aussi les \u00e9ventuels travaux de contenu, de traduction ou de design compl\u00e9mentaires.</p></details><details class=\"faq\"><summary>Que se passe-t-il apr\u00e8s la mise en ligne ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous remettons la documentation et les acc\u00e8s et expliquons la prise en main. Corrections, surveillance et \u00e9volutions peuvent faire l\u2019objet d\u2019un accompagnement d\u00e9fini s\u00e9par\u00e9ment, selon le produit.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr\">FR</a><a lang=\"en\" href=\"#/en\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/about":{"title":"L\u2019entreprise \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/about#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"active\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/about\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/about\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Votre</span> </span><span><span class=\"kinetic-word\">partenaire</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">en</span> </span><span><span class=\"kinetic-word\">d\u00e9veloppement</span> </span><span><span class=\"kinetic-word\">logiciel.</span> </span></span></h1><div class=\"heading-bottom\"><p>Veylonic Systems d\u00e9veloppe des sites, des applications web et des outils m\u00e9tier. Nous partons de votre besoin, r\u00e9alisons les fonctionnalit\u00e9s et pr\u00e9parons leur mise en service. Si votre projet le demande, nous prenons aussi en charge le design de l\u2019interface.</p></div></section><section class=\"manifesto about-manifesto wrap\"><div class=\"about-sculpture\"><div class=\"code-writing\" data-visible=\"false\" role=\"img\" aria-label=\"Exemple de code d\u2019un service de traitement des demandes.\"><div class=\"code-writing-bar\"><span>request-service.ts</span><span>TypeScript</span></div><div class=\"code-writing-body\" aria-hidden=\"true\"><div class=\"code-writing-line comment\" style=\"animation-delay:0ms\"><span>01</span><code>// Veylonic Systems / request-service.ts</code></div><div class=\"code-writing-line keyword\" style=\"animation-delay:135ms\"><span>02</span><code>type RequestStatus = &quot;new&quot; | &quot;active&quot; | &quot;done&quot;;</code></div><div class=\"code-writing-line \" style=\"animation-delay:270ms\"><span>03</span><code> </code></div><div class=\"code-writing-line keyword\" style=\"animation-delay:405ms\"><span>04</span><code>export async function createRequest(input: RequestInput) {</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:540ms\"><span>05</span><code>  const data = requestSchema.parse(input);</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:675ms\"><span>06</span><code>  const request = await database.requests.create({</code></div><div class=\"code-writing-line string\" style=\"animation-delay:810ms\"><span>07</span><code>    data: { ...data, status: &quot;new&quot; },</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:945ms\"><span>08</span><code>  });</code></div><div class=\"code-writing-line \" style=\"animation-delay:1080ms\"><span>09</span><code> </code></div><div class=\"code-writing-line plain\" style=\"animation-delay:1215ms\"><span>10</span><code>  await events.publish(&quot;request.created&quot;, {</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:1350ms\"><span>11</span><code>    id: request.id,</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:1485ms\"><span>12</span><code>    company: request.company,</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:1620ms\"><span>13</span><code>  });</code></div><div class=\"code-writing-line \" style=\"animation-delay:1755ms\"><span>14</span><code> </code></div><div class=\"code-writing-line keyword\" style=\"animation-delay:1890ms\"><span>15</span><code>  return Response.json(request, { status: 201 });</code></div><div class=\"code-writing-line plain\" style=\"animation-delay:2025ms\"><span>16</span><code>}</code></div></div><div class=\"code-writing-result\"><span class=\"code-check\"></span><div><strong>Validation des donn\u00e9es</strong><span>Une demande enregistr\u00e9e. Un \u00e9v\u00e9nement transmis.</span></div><b>201</b></div></div></div><div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">De</span> </span><span><span class=\"kinetic-word\">votre</span> </span><span><span class=\"kinetic-word\">besoin</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">\u00e0</span> </span><span><span class=\"kinetic-word\">un</span> </span><span><span class=\"kinetic-word\">logiciel</span> </span><span><span class=\"kinetic-word\">qui</span> </span><span><span class=\"kinetic-word\">fonctionne.</span> </span></span></h2><p>Nous d\u00e9finissons les r\u00e8gles, structurons les donn\u00e9es et d\u00e9veloppons les \u00e9crans et les connexions n\u00e9cessaires. Vous essayez une version de travail avant la livraison. Le design vient soutenir la clart\u00e9 et la facilit\u00e9 d\u2019utilisation.</p></div></section><section class=\"wrap section values\"><article><h2>L\u2019usage avant la complexit\u00e9</h2><p>Nous partons des gestes, des contraintes et des d\u00e9cisions de vos utilisateurs.</p></article><article><h2>La clart\u00e9 \u00e0 chaque \u00e9tape</h2><p>Le p\u00e9rim\u00e8tre, les arbitrages et les prochaines \u00e9tapes restent compr\u00e9hensibles.</p></article><article><h2>Un produit qui vous appartient</h2><p>Sources, documentation et acc\u00e8s font partie de la transmission.</p></article></section><section class=\"team-section wrap section\"><div class=\"team-copy\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Les</span> </span><span><span class=\"kinetic-word\">talents</span> </span><span><span class=\"kinetic-word\">derri\u00e8re</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">vos</span> </span><span><span class=\"kinetic-word\">projets.</span> </span></span></h2><p>La technologie prend tout son sens lorsqu\u2019elle est pens\u00e9e pour l\u2019humain.</p><p class=\"team-disclosure\">Photographies de stock illustrant nos domaines d\u2019activit\u00e9.</p></div><div class=\"team-portraits\"><figure class=\"team-person person-0\"><div class=\"portrait-crop\"><img src=\"vasset:0dd2b21a715f1f02d46abd6d\" width=\"640\" height=\"800\" alt=\"D\u00e9veloppement web\" loading=\"lazy\" style=\"object-position:center 38%\"></div><figcaption><strong>D\u00e9veloppement web</strong><p>R\u00e9alisation des \u00e9crans, adaptation mobile, formulaires et interactions. V\u00e9rification du fonctionnement et de la rapidit\u00e9.</p></figcaption></figure><figure class=\"team-person person-1\"><div class=\"portrait-crop\"><img src=\"vasset:e0d80e13505842c713aa9424\" width=\"640\" height=\"800\" alt=\"Architecture &amp; int\u00e9grations\" loading=\"lazy\" style=\"object-position:center 38%\"></div><figcaption><strong>Architecture &amp; int\u00e9grations</strong><p>Organisation des donn\u00e9es, r\u00e8gles m\u00e9tier et \u00e9changes avec les services existants. Des choix expliqu\u00e9s selon les besoins du projet.</p></figcaption></figure><figure class=\"team-person person-2\"><div class=\"portrait-crop\"><img src=\"vasset:b666f443942739e053d5b9a5\" width=\"640\" height=\"800\" alt=\"Coordination technique\" loading=\"lazy\" style=\"object-position:center 38%\"></div><figcaption><strong>Coordination technique</strong><p>Suivi des \u00e9tapes, collecte de vos retours et v\u00e9rification des livrables. Pr\u00e9paration des acc\u00e8s et de la mise en service.</p></figcaption></figure></div></section><section class=\"company-facts wrap\"><h2>Veylonic Systems</h2><div><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><p>SIREN 131187221</p><p>contact@veylonicsystems.com</p><a class=\"text-link\" href=\"#/fr/legal\">Mentions l\u00e9gales</a></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/about\">FR</a><a lang=\"en\" href=\"#/en/about\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/contact":{"title":"Votre projet \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/contact#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/contact\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/contact\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Donnons</span> </span><span><span class=\"kinetic-word\">forme</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">\u00e0</span> </span><span><span class=\"kinetic-word\">votre</span> </span><span><span class=\"kinetic-word\">prochaine</span> </span><span><span class=\"kinetic-word\">id\u00e9e.</span> </span></span></h1><div class=\"heading-bottom\"><p>Pr\u00e9sentez-nous votre besoin. Les premi\u00e8res informations nous aident \u00e0 pr\u00e9parer un \u00e9change utile.</p></div></section><section class=\"contact-layout wrap\"><form class=\"contact-form\" action=\"/api/contact\" method=\"post\"><div class=\"form-grid\"><label>Votre nom<input required=\"\" minlength=\"2\" maxlength=\"120\" autocomplete=\"name\" name=\"name\"></label><label>Email professionnel<input required=\"\" type=\"email\" maxlength=\"254\" autocomplete=\"email\" name=\"email\"></label><label>Entreprise<input required=\"\" maxlength=\"160\" autocomplete=\"organization\" name=\"company\"></label><label>T\u00e9l\u00e9phone (facultatif)<input type=\"tel\" maxlength=\"40\" autocomplete=\"tel\" name=\"phone\"></label><label>Expertise recherch\u00e9e<select name=\"service\" required=\"\"><option value=\"\" disabled=\"\" selected=\"\">Choisir</option><option value=\"product-design\">Votre landing page, d\u00e9velopp\u00e9e</option><option value=\"webflow\">Le site de votre entreprise</option><option value=\"web-development\">Votre outil de travail sur mesure</option><option value=\"other\">\u00c0 d\u00e9finir ensemble</option></select></label><label>Budget envisag\u00e9<input maxlength=\"100\" placeholder=\"\u00c0 d\u00e9finir ensemble\" name=\"budget\" value=\"\"></label><label class=\"full\">Horizon du projet<select name=\"timeline\"><option value=\"flexible\" selected=\"\">\u00c0 d\u00e9finir ensemble</option><option value=\"1-3\">1\u20133 mois</option><option value=\"3-6\">3\u20136 mois</option><option value=\"6+\">6+ mois</option></select></label><label class=\"full\">D\u00e9crivez votre projet<textarea name=\"message\" required=\"\" minlength=\"20\" maxlength=\"5000\" rows=\"5\"></textarea></label></div><label class=\"honey\" aria-hidden=\"true\">Website<input tabindex=\"-1\" autocomplete=\"off\" name=\"website\"></label><p class=\"form-privacy\">Ces informations servent \u00e0 traiter votre demande pr\u00e9contractuelle. Aucun abonnement marketing. Consultez notre politique de confidentialit\u00e9. <a href=\"#/fr/privacy\">Confidentialit\u00e9</a></p><button class=\"button primary\" type=\"submit\">Envoyer mon projet</button><div aria-live=\"polite\" class=\"form-status idle\"></div></form><aside><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Vous</span> </span><span><span class=\"kinetic-word\">pr\u00e9f\u00e9rez</span> </span><span><span class=\"kinetic-word\">\u00e9crire</span> </span><span><span class=\"kinetic-word\">directement</span> </span><span><span class=\"kinetic-word\">?</span> </span></span></h2><a class=\"contact-email\" href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><small>Num\u00e9ro de service : tarification \u00e0 confirmer avant publication.</small><div class=\"contact-address\"><span>Veylonic Systems</span><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div></aside></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/contact\">FR</a><a lang=\"en\" href=\"#/en/contact\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/cookies":{"title":"Cookies \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/cookies#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/cookies\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/cookies\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Cookies</span> </span><span><span class=\"kinetic-word\">&amp;</span> </span><span><span class=\"kinetic-word\">stockage</span> </span><span><span class=\"kinetic-word\">local</span> </span></span></h1><div class=\"heading-bottom\"><p>Le site est con\u00e7u sans traceur publicitaire et sans analytique tierce activ\u00e9e par d\u00e9faut. Les pr\u00e9f\u00e9rences utiles restent dans votre navigateur.</p></div></section><article class=\"legal-body\"><section><h2>Choix de langue</h2><p>Un stockage local m\u00e9morise le fran\u00e7ais, l\u2019anglais ou le russe lorsque vous choisissez une langue. Il permet de conserver une pr\u00e9f\u00e9rence d\u2019interface ; il ne sert pas \u00e0 suivre votre activit\u00e9 sur d\u2019autres sites. Vous pouvez modifier la langue \u00e0 tout moment.</p></section><section><h2>Calculateur et brief</h2><p>Le stockage de session peut conserver les choix du calculateur pour pr\u00e9remplir le brief. Cette m\u00e9moire sert au parcours que vous initiez et dispara\u00eet avec la session selon le comportement du navigateur. Elle ne provoque aucun envoi de demande sans validation du formulaire.</p></section><section><h2>Pas de banni\u00e8re sans choix \u00e0 faire</h2><p>Le fonctionnement actuel ne pr\u00e9voit aucun traceur non n\u00e9cessaire activ\u00e9 \u00e0 votre insu. Une banni\u00e8re de consentement publicitaire n\u2019est donc pas ajout\u00e9e artificiellement. Si un service optionnel n\u00e9cessitant un consentement est install\u00e9, il devra rester bloqu\u00e9 avant le choix et proposer accepter, refuser et retirer le consentement avec une facilit\u00e9 comparable.</p></section><section><h2>Effacer ou bloquer</h2><p>Les r\u00e9glages du navigateur permettent de consulter et d\u2019effacer les donn\u00e9es du site. Le blocage du stockage peut emp\u00eacher de m\u00e9moriser la langue ou les param\u00e8tres du calculateur, sans devoir emp\u00eacher de consulter les pages. Aucun identifiant publicitaire n\u2019est requis.</p></section><section><h2>V\u00e9rification avant publication</h2><p>La configuration finale doit v\u00e9rifier les cl\u00e9s de stockage, les requ\u00eates r\u00e9seau, les \u00e9ventuels cookies d\u2019infrastructure et les services r\u00e9ellement actifs. Tout changement de fournisseur ou ajout de traceur exige une mise \u00e0 jour de cette page et, si n\u00e9cessaire, du m\u00e9canisme de choix.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/cookies\">FR</a><a lang=\"en\" href=\"#/en/cookies\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/insights":{"title":"Journal \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/insights#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"active\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/insights\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Un</span> </span><span><span class=\"kinetic-word\">regard</span> </span><span><span class=\"kinetic-word\">sur</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">les</span> </span><span><span class=\"kinetic-word\">produits</span> </span><span><span class=\"kinetic-word\">qui</span> </span><span><span class=\"kinetic-word\">durent.</span> </span></span></h1><div class=\"heading-bottom\"><p>Des rep\u00e8res concrets pour mieux d\u00e9cider, concevoir et faire \u00e9voluer vos outils num\u00e9riques.</p></div></section><section class=\"wrap\"><div class=\"article-grid\"><article><a class=\"article-image article-image-0\" href=\"#/fr/insights/mvp-architecture\"><div class=\"software-media software-code\"><img src=\"vasset:add491bcf3e0e63da6030a33\" width=\"1200\" height=\"760\" alt=\"Exemple de code TypeScript dans un \u00e9diteur.\" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Architecture</span><span>6 min de lecture</span></div><h3><a href=\"#/fr/insights/mvp-architecture\">Choisir une architecture de MVP qui laisse de la place \u00e0 la suite</a></h3><p>Le bon point de d\u00e9part rend les d\u00e9cisions r\u00e9versibles et les apprentissages rapides, sans anticiper une organisation qui n\u2019existe pas encore.</p></article><article><a class=\"article-image article-image-1\" href=\"#/fr/insights/practical-ai\"><div class=\"software-media software-interface media-business-automation\" data-software-visual=\"business-automation\"><img src=\"vasset:145e3d5ca29fdc2fc1a3c389\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Automatisation des demandes. \" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>IA appliqu\u00e9e</span><span>7 min de lecture</span></div><h3><a href=\"#/fr/insights/practical-ai\">Introduire l\u2019IA dans un processus m\u00e9tier sans perdre le contr\u00f4le</a></h3><p>Partir d\u2019une t\u00e2che pr\u00e9cise, organiser l\u2019\u00e9valuation et choisir les limites de d\u00e9l\u00e9gation avant de parler d\u2019autonomie.</p></article><article><a class=\"article-image article-image-2\" href=\"#/fr/insights/ux-quality\"><div class=\"software-media software-interface media-design-system\" data-software-visual=\"design-system\"><img src=\"vasset:cb0045b4cce601761025edf9\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Syst\u00e8me d\u2019interface. \" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Design produit</span><span>5 min de lecture</span></div><h3><a href=\"#/fr/insights/ux-quality\">La qualit\u00e9 UX se joue aussi dans les \u00e9tats ordinaires</a></h3><p>Un \u00e9cran de pr\u00e9sentation ne montre pas la saisie, l\u2019attente, l\u2019erreur ou le retour apr\u00e8s une interruption. C\u2019est pourtant l\u00e0 que le produit devient utile.</p></article><article><a class=\"article-image article-image-3\" href=\"#/fr/insights/software-maintenance\"><div class=\"software-media software-interface media-maintenance-console\" data-software-visual=\"maintenance-console\"><img src=\"vasset:569a43d3593e0efd4b14cd0a\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Suivi et maintenance. \" loading=\"lazy\" decoding=\"async\"></div></a><div class=\"article-meta\"><span>Exploitation</span><span>6 min de lecture</span></div><h3><a href=\"#/fr/insights/software-maintenance\">Pr\u00e9parer la maintenance d\u00e8s la premi\u00e8re mise en ligne</a></h3><p>Une application continue \u00e0 d\u00e9pendre de services, de versions et de d\u00e9cisions apr\u00e8s sa livraison. La continuit\u00e9 se pr\u00e9pare.</p></article></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/insights\">FR</a><a lang=\"en\" href=\"#/en/insights\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/insights/mvp-architecture":{"title":"Choisir une architecture de MVP qui laisse de la place \u00e0 la suite \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/insights/mvp-architecture#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"active\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/insights/mvp-architecture\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights/mvp-architecture\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/insights\">Journal</a><span>/</span><span>Architecture</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Choisir</span> </span><span><span class=\"kinetic-word\">une</span> </span><span><span class=\"kinetic-word\">architecture</span> </span><span><span class=\"kinetic-word\">de</span> </span><span><span class=\"kinetic-word\">MVP</span> </span><span><span class=\"kinetic-word\">qui</span> </span><span><span class=\"kinetic-word\">laisse</span> </span><span><span class=\"kinetic-word\">de</span> </span><span><span class=\"kinetic-word\">la</span> </span><span><span class=\"kinetic-word\">place</span> </span><span><span class=\"kinetic-word\">\u00e0</span> </span><span><span class=\"kinetic-word\">la</span> </span><span><span class=\"kinetic-word\">suite</span> </span></span></h1><div class=\"heading-bottom\"><p>Le bon point de d\u00e9part rend les d\u00e9cisions r\u00e9versibles et les apprentissages rapides, sans anticiper une organisation qui n\u2019existe pas encore.</p></div></section><div class=\"article-cover wrap\"><div class=\"software-media software-code\"><img src=\"vasset:add491bcf3e0e63da6030a33\" width=\"1200\" height=\"760\" alt=\"Exemple de code TypeScript dans un \u00e9diteur.\" loading=\"lazy\" decoding=\"async\"></div></div><article class=\"article-body\"><div class=\"article-meta\"><span>Veylonic Systems</span><span>6 min de lecture</span></div><section><h2>Commencer par les usages</h2><p>Avant de choisir un framework, d\u00e9crivez un parcours complet : qui agit, quelles donn\u00e9es entrent, quelle d\u00e9cision est prise et quel r\u00e9sultat doit \u00eatre visible. Ajoutez les contraintes r\u00e9elles de confidentialit\u00e9, de connexion et d\u2019int\u00e9gration. Cette description r\u00e9duit le risque de b\u00e2tir une infrastructure \u00e9l\u00e9gante qui ne r\u00e9sout pas le bon probl\u00e8me.</p></section><section><h2>Pr\u00e9f\u00e9rer des fronti\u00e8res simples</h2><p>Un monolithe organis\u00e9 peut constituer un bon point de d\u00e9part. S\u00e9parez les domaines dans le code, explicitez leurs interfaces et \u00e9vitez les acc\u00e8s crois\u00e9s incontr\u00f4l\u00e9s. Les microservices deviennent utiles quand des contraintes concr\u00e8tes d\u2019autonomie, de charge ou de d\u00e9ploiement le justifient ; ils ajoutent aussi du r\u00e9seau et de l\u2019exploitation.</p></section><section><h2>Traiter les donn\u00e9es comme un engagement</h2><p>Un sch\u00e9ma de donn\u00e9es survit souvent aux premiers \u00e9crans. D\u00e9finissez les identifiants, les r\u00e8gles de validation et la propri\u00e9t\u00e9 des informations. Versionnez les migrations, pr\u00e9voyez une sauvegarde et testez sa restauration. Ne collectez pas des champs seulement parce qu\u2019ils pourraient servir un jour : chaque donn\u00e9e doit avoir une utilit\u00e9 et une dur\u00e9e de conservation.</p></section><section><h2>Acheter la commodit\u00e9, pr\u00e9server la sortie</h2><p>Un service g\u00e9r\u00e9 peut acc\u00e9l\u00e9rer l\u2019authentification, l\u2019envoi d\u2019emails ou le stockage. \u00c9valuez n\u00e9anmoins les conditions d\u2019usage, la localisation des donn\u00e9es, les limites et la mani\u00e8re d\u2019exporter. Isolez les int\u00e9grations derri\u00e8re des modules simples lorsque leur remplacement est plausible. La r\u00e9versibilit\u00e9 doit rester proportionn\u00e9e au risque, pas devenir une couche abstraite partout.</p></section><section><h2>Pr\u00e9parer une vraie premi\u00e8re livraison</h2><p>Une version utile doit pouvoir \u00eatre d\u00e9ploy\u00e9e, observ\u00e9e et corrig\u00e9e. D\u00e9finissez les crit\u00e8res d\u2019acceptation des parcours essentiels, automatisez les v\u00e9rifications pertinentes et documentez le retour arri\u00e8re. Notez les compromis et leur signal de r\u00e9examen : charge observ\u00e9e, nouvelle int\u00e9gration ou changement d\u2019\u00e9quipe. L\u2019architecture \u00e9volue alors \u00e0 partir de faits.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/insights/mvp-architecture\">FR</a><a lang=\"en\" href=\"#/en/insights/mvp-architecture\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/insights/practical-ai":{"title":"Introduire l\u2019IA dans un processus m\u00e9tier sans perdre le contr\u00f4le \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/insights/practical-ai#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"active\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/insights/practical-ai\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights/practical-ai\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/insights\">Journal</a><span>/</span><span>IA appliqu\u00e9e</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Introduire</span> </span><span><span class=\"kinetic-word\">l\u2019IA</span> </span><span><span class=\"kinetic-word\">dans</span> </span><span><span class=\"kinetic-word\">un</span> </span><span><span class=\"kinetic-word\">processus</span> </span><span><span class=\"kinetic-word\">m\u00e9tier</span> </span><span><span class=\"kinetic-word\">sans</span> </span><span><span class=\"kinetic-word\">perdre</span> </span><span><span class=\"kinetic-word\">le</span> </span><span><span class=\"kinetic-word\">contr\u00f4le</span> </span></span></h1><div class=\"heading-bottom\"><p>Partir d\u2019une t\u00e2che pr\u00e9cise, organiser l\u2019\u00e9valuation et choisir les limites de d\u00e9l\u00e9gation avant de parler d\u2019autonomie.</p></div></section><div class=\"article-cover wrap\"><div class=\"software-media software-interface media-business-automation\" data-software-visual=\"business-automation\"><img src=\"vasset:145e3d5ca29fdc2fc1a3c389\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Automatisation des demandes. \" loading=\"lazy\" decoding=\"async\"></div></div><article class=\"article-body\"><div class=\"article-meta\"><span>Veylonic Systems</span><span>7 min de lecture</span></div><section><h2>D\u00e9finir une t\u00e2che observable</h2><p>\u00ab Ajouter de l\u2019IA \u00bb ne d\u00e9crit pas un besoin. Extraire des champs d\u2019un document, retrouver un passage ou pr\u00e9parer un brouillon sont des t\u00e2ches que l\u2019on peut observer. Pr\u00e9cisez le point d\u2019entr\u00e9e, la sortie attendue et la personne qui l\u2019utilise. Comparez le r\u00e9sultat \u00e0 la proc\u00e9dure actuelle pour savoir si l\u2019approche apporte une aide r\u00e9elle.</p></section><section><h2>V\u00e9rifier les donn\u00e9es avant le mod\u00e8le</h2><p>Identifiez les documents autoris\u00e9s, leurs propri\u00e9taires et leurs r\u00e8gles de conservation. Un corpus p\u00e9rim\u00e9 ou contradictoire ne devient pas fiable parce qu\u2019il passe dans un mod\u00e8le. \u00c9valuez les conditions du fournisseur, les transferts, la r\u00e9tention et les restrictions d\u2019acc\u00e8s. Les secrets et donn\u00e9es sensibles ne doivent pas \u00eatre envoy\u00e9s par d\u00e9faut \u00e0 un service externe.</p></section><section><h2>Construire un jeu d\u2019\u00e9valuation</h2><p>Rassemblez des exemples repr\u00e9sentatifs, des cas ambigus et des entr\u00e9es pour lesquelles il faut refuser de conclure. D\u00e9finissez une grille : exactitude, sources, omissions, confidentialit\u00e9 et utilit\u00e9. Conservez un ensemble de contr\u00f4le pour comparer les modifications. Une d\u00e9monstration impressionnante sur quelques questions ne suffit pas \u00e0 \u00e9tablir une fiabilit\u00e9.</p></section><section><h2>Choisir le niveau de d\u00e9l\u00e9gation</h2><p>R\u00e9diger une proposition et ex\u00e9cuter une action irr\u00e9versible n\u2019ont pas les m\u00eames cons\u00e9quences. Commencez par une assistance contr\u00f4l\u00e9e, exposez les sources et rendez la correction simple. Pour une action externe, d\u00e9finissez les autorisations, les limites et la validation humaine n\u00e9cessaires. Les acc\u00e8s doivent \u00eatre limit\u00e9s \u00e0 la t\u00e2che, avec une trace exploitable.</p></section><section><h2>D\u00e9cider du passage en production</h2><p>Le bilan doit inclure qualit\u00e9 observ\u00e9e, latence, co\u00fbt d\u2019usage et charge de contr\u00f4le. Pr\u00e9parez les alertes, la gestion des erreurs et un mode de repli. Un PoC peut conclure \u00e0 un p\u00e9rim\u00e8tre plus \u00e9troit ou \u00e0 l\u2019absence d\u2019int\u00e9r\u00eat \u00e9conomique. Documenter cette conclusion prot\u00e8ge les prochaines d\u00e9cisions autant qu\u2019un prototype r\u00e9ussi.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/insights/practical-ai\">FR</a><a lang=\"en\" href=\"#/en/insights/practical-ai\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/insights/software-maintenance":{"title":"Pr\u00e9parer la maintenance d\u00e8s la premi\u00e8re mise en ligne \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/insights/software-maintenance#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"active\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/insights/software-maintenance\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights/software-maintenance\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/insights\">Journal</a><span>/</span><span>Exploitation</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Pr\u00e9parer</span> </span><span><span class=\"kinetic-word\">la</span> </span><span><span class=\"kinetic-word\">maintenance</span> </span><span><span class=\"kinetic-word\">d\u00e8s</span> </span><span><span class=\"kinetic-word\">la</span> </span><span><span class=\"kinetic-word\">premi\u00e8re</span> </span><span><span class=\"kinetic-word\">mise</span> </span><span><span class=\"kinetic-word\">en</span> </span><span><span class=\"kinetic-word\">ligne</span> </span></span></h1><div class=\"heading-bottom\"><p>Une application continue \u00e0 d\u00e9pendre de services, de versions et de d\u00e9cisions apr\u00e8s sa livraison. La continuit\u00e9 se pr\u00e9pare.</p></div></section><div class=\"article-cover wrap\"><div class=\"software-media software-interface media-maintenance-console\" data-software-visual=\"maintenance-console\"><img src=\"vasset:569a43d3593e0efd4b14cd0a\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Suivi et maintenance. \" loading=\"lazy\" decoding=\"async\"></div></div><article class=\"article-body\"><div class=\"article-meta\"><span>Veylonic Systems</span><span>6 min de lecture</span></div><section><h2>Savoir ce que l\u2019on exploite</h2><p>Conservez une carte simple des composants, des environnements et des fournisseurs. Indiquez les responsables, les acc\u00e8s n\u00e9cessaires et les renouvellements. Le d\u00e9p\u00f4t seul ne suffit pas : domaines, certificats, stockage et services externes ont aussi un cycle de vie. Cette carte doit \u00eatre accessible et tenue \u00e0 jour sans contenir les secrets eux-m\u00eames.</p></section><section><h2>S\u00e9parer incident et \u00e9volution</h2><p>Un incident appelle une qualification de l\u2019impact et une remise en service ma\u00eetris\u00e9e. Une \u00e9volution demande une d\u00e9cision de priorit\u00e9 et des crit\u00e8res d\u2019acceptation. Les deux utilisent parfois les m\u00eames personnes, mais ne doivent pas partager une file sans r\u00e8gle. D\u00e9finissez les canaux, les responsabilit\u00e9s et les modalit\u00e9s d\u2019escalade dans l\u2019accord de service.</p></section><section><h2>Entretenir les d\u00e9pendances avec m\u00e9thode</h2><p>Une mise \u00e0 jour peut corriger un risque et introduire une incompatibilit\u00e9. Classez les changements selon leur port\u00e9e, v\u00e9rifiez les notes de version et testez les parcours concern\u00e9s. Pr\u00e9f\u00e9rez des interventions r\u00e9guli\u00e8res et observables \u00e0 de grandes vagues non pr\u00e9par\u00e9es. La fr\u00e9quence doit refl\u00e9ter le risque r\u00e9el et la capacit\u00e9 disponible.</p></section><section><h2>V\u00e9rifier la restauration</h2><p>Une politique de sauvegarde doit pr\u00e9ciser quoi conserver, o\u00f9, pendant combien de temps et qui peut restaurer. Faites un exercice sur un environnement adapt\u00e9 et notez ce qui manque. Les objectifs de perte de donn\u00e9es et de d\u00e9lai de reprise sont des choix m\u00e9tier \u00e0 convenir, pas des valeurs \u00e0 promettre sans dispositif.</p></section><section><h2>Faire vivre une feuille de route r\u00e9aliste</h2><p>R\u00e9servez une capacit\u00e9 pour l\u2019entretien et rendez visible son utilisation. Regroupez demandes, dette technique et observations d\u2019exploitation, puis priorisez avec les responsables du produit. Un compte rendu utile expose ce qui a chang\u00e9, ce qui reste et les d\u00e9cisions attendues. La maintenance devient ainsi une pratique de continuit\u00e9 plut\u00f4t qu\u2019une r\u00e9action permanente.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/insights/software-maintenance\">FR</a><a lang=\"en\" href=\"#/en/insights/software-maintenance\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/insights/ux-quality":{"title":"La qualit\u00e9 UX se joue aussi dans les \u00e9tats ordinaires \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/insights/ux-quality#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"active\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/insights/ux-quality\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/insights/ux-quality\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/insights\">Journal</a><span>/</span><span>Design produit</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">La</span> </span><span><span class=\"kinetic-word\">qualit\u00e9</span> </span><span><span class=\"kinetic-word\">UX</span> </span><span><span class=\"kinetic-word\">se</span> </span><span><span class=\"kinetic-word\">joue</span> </span><span><span class=\"kinetic-word\">aussi</span> </span><span><span class=\"kinetic-word\">dans</span> </span><span><span class=\"kinetic-word\">les</span> </span><span><span class=\"kinetic-word\">\u00e9tats</span> </span><span><span class=\"kinetic-word\">ordinaires</span> </span></span></h1><div class=\"heading-bottom\"><p>Un \u00e9cran de pr\u00e9sentation ne montre pas la saisie, l\u2019attente, l\u2019erreur ou le retour apr\u00e8s une interruption. C\u2019est pourtant l\u00e0 que le produit devient utile.</p></div></section><div class=\"article-cover wrap\"><div class=\"software-media software-interface media-design-system\" data-software-visual=\"design-system\"><img src=\"vasset:cb0045b4cce601761025edf9\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Syst\u00e8me d\u2019interface. \" loading=\"lazy\" decoding=\"async\"></div></div><article class=\"article-body\"><div class=\"article-meta\"><span>Veylonic Systems</span><span>5 min de lecture</span></div><section><h2>Organiser l\u2019attention</h2><p>Une interface doit aider \u00e0 distinguer ce qui est principal, secondaire et contextuel. Commencez par l\u2019objectif de la page et choisissez une action dominante. Typographie, espaces et contrastes structurent l\u2019information avant la d\u00e9coration. Une densit\u00e9 \u00e9lev\u00e9e peut rester lisible si les groupes et les relations sont coh\u00e9rents.</p></section><section><h2>Dessiner au-del\u00e0 de l\u2019\u00e9tat id\u00e9al</h2><p>Pour chaque parcours, examinez les listes vides, le chargement, les contenus longs et les erreurs. Une page vide peut expliquer la prochaine action ; une erreur peut conserver la saisie et proposer une solution. Ces \u00e9tats ont besoin de la m\u00eame attention que l\u2019\u00e9cran rempli. Ils r\u00e9v\u00e8lent souvent des r\u00e8gles m\u00e9tier qui manquaient au cadrage.</p></section><section><h2>Rendre l\u2019action compr\u00e9hensible</h2><p>Un bouton doit annoncer ce qui va se passer. Les \u00e9tapes engageantes demandent un r\u00e9capitulatif clair et des cons\u00e9quences visibles. \u00c9vitez les formulations vagues lorsque l\u2019action peut \u00eatre nomm\u00e9e pr\u00e9cis\u00e9ment. Apr\u00e8s validation, confirmez ce qui a r\u00e9ellement eu lieu : une demande re\u00e7ue n\u2019est pas encore un contrat accept\u00e9.</p></section><section><h2>Inclure les modes d\u2019usage r\u00e9els</h2><p>Testez le clavier, le zoom, un \u00e9cran \u00e9troit et la pr\u00e9f\u00e9rence de mouvement r\u00e9duit. V\u00e9rifiez les libell\u00e9s accessibles et l\u2019ordre du focus, pas seulement l\u2019apparence. La traduction change la longueur des textes et peut modifier la hi\u00e9rarchie. Une interface robuste conserve ses fonctions quand les conditions sont moins confortables que dans la maquette.</p></section><section><h2>\u00c9valuer des t\u00e2ches, pas des pr\u00e9f\u00e9rences</h2><p>Demandez \u00e0 une personne de r\u00e9aliser une t\u00e2che concr\u00e8te avec un objectif observable. Notez les h\u00e9sitations, les retours en arri\u00e8re et les informations qu\u2019elle cherche. Distinguez un obstacle de compr\u00e9hension d\u2019une pr\u00e9f\u00e9rence esth\u00e9tique. Priorisez ensuite les changements selon leur impact sur le parcours et v\u00e9rifiez que la correction n\u2019ajoute pas une nouvelle difficult\u00e9.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/insights/ux-quality\">FR</a><a lang=\"en\" href=\"#/en/insights/ux-quality\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/legal":{"title":"Mentions l\u00e9gales \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/legal#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/legal\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/legal\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Mentions</span> </span><span><span class=\"kinetic-word\">l\u00e9gales</span> </span></span></h1><div class=\"heading-bottom\"><p>Version de pr\u00e9paration \u00e0 la publication. Les coordonn\u00e9es ci-dessous sont celles fournies pour le projet. La mise en production reste conditionn\u00e9e \u00e0 la v\u00e9rification et \u00e0 l\u2019ajout des mentions obligatoires manquantes.</p></div></section><article class=\"legal-body\"><p class=\"legal-notice\">Informations de pr\u00e9publication : les mentions compl\u00e9mentaires seront confirm\u00e9es avant la mise en ligne publique.</p><section><h2>Identification</h2><p>Veylonic Systems \u2014 5 VILLA GLORIETTE, 93380 SAINT-DENIS, France. SIREN fourni : 131187221. Activit\u00e9 d\u00e9clar\u00e9e : conception et d\u00e9veloppement de logiciels et outils informatiques, exploitation et maintenance. Ces \u00e9l\u00e9ments doivent \u00eatre rapproch\u00e9s d\u2019un justificatif officiel avant publication.</p></section><section><h2>Contact</h2><p>Email : contact@veylonicsystems.com. T\u00e9l\u00e9phone fourni : +33 8 97 81 32 10. Le tarif et les mentions applicables \u00e0 ce num\u00e9ro doivent \u00eatre confirm\u00e9s avant publication ; aucun caract\u00e8re gratuit de l\u2019appel n\u2019est annonc\u00e9. Vous pouvez privil\u00e9gier l\u2019email pour une demande \u00e9crite.</p></section><section><h2>Informations \u00e0 compl\u00e9ter</h2><p>La forme juridique, le capital social lorsque requis, l\u2019immatriculation applicable, le num\u00e9ro de TVA le cas \u00e9ch\u00e9ant, l\u2019identit\u00e9 du directeur de publication et les coordonn\u00e9es de l\u2019h\u00e9bergeur ne sont pas encore fournis. Aucun de ces \u00e9l\u00e9ments n\u2019est suppos\u00e9. La configuration juridique et la liste de pr\u00e9paration au lancement doivent \u00eatre compl\u00e9t\u00e9es et valid\u00e9es avant ouverture publique.</p></section><section><h2>Contenus et propri\u00e9t\u00e9 intellectuelle</h2><p>Les textes, interfaces et visuels pr\u00e9sentent l\u2019activit\u00e9 de Veylonic et son travail de conception et de d\u00e9veloppement. Les droits d\u2019utilisation des \u00e9l\u00e9ments tiers restent soumis \u00e0 leurs licences. Toute r\u00e9utilisation doit respecter les droits applicables.</p></section><section><h2>Documents associ\u00e9s</h2><p>La politique de confidentialit\u00e9 d\u00e9crit le traitement des demandes et les choix de stockage local. La politique relative aux cookies d\u00e9crit les traceurs effectivement utilis\u00e9s. Les conditions d\u2019utilisation pr\u00e9cisent la port\u00e9e des d\u00e9monstrations, des estimations et du formulaire de contact. Ces documents doivent \u00eatre mis \u00e0 jour si l\u2019h\u00e9bergement ou les services connect\u00e9s \u00e9voluent.</p></section><section><h2>Veylonic Systems</h2><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France<br>SIREN 131187221<br><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><br><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a></p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/legal\">FR</a><a lang=\"en\" href=\"#/en/legal\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/pricing":{"title":"Budgets & collaboration \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/pricing#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/pricing\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/pricing\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Un</span> </span><span><span class=\"kinetic-word\">budget</span> </span><span><span class=\"kinetic-word\">clair.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Un</span> </span><span><span class=\"kinetic-word\">p\u00e9rim\u00e8tre</span> </span><span><span class=\"kinetic-word\">d\u00e9fini.</span> </span></span></h1><div class=\"heading-bottom\"><p>Trois prestations avec un p\u00e9rim\u00e8tre de d\u00e9part d\u00e9fini. Le prix final d\u00e9pend de votre projet et figure dans le devis avant r\u00e9alisation.</p><a class=\"button primary magnetic-button\" href=\"#/fr/pricing#estimate\">Estimez votre projet</a></div></section><section class=\"wrap\"><div class=\"service-rows\"><a class=\"service-row\" href=\"#/fr/services/product-design\"><div><h3>Votre landing page, d\u00e9velopp\u00e9e</h3><p>Une page responsive pr\u00eate \u00e0 mettre en ligne, avec formulaire de contact et code source.</p></div><div class=\"row-price\"><span>\u00c0 partir de 1\u202f500\u00a0\u20ac</span><span>HT</span></div></a><a class=\"service-row\" href=\"#/fr/services/webflow\"><div><h3>Le site de votre entreprise</h3><p>Un site responsive jusqu\u2019\u00e0 5 pages, avec formulaire et pr\u00e9paration \u00e0 la mise en ligne.</p></div><div class=\"row-price\"><span>\u00c0 partir de 2\u202f500\u00a0\u20ac</span><span>HT</span></div></a><a class=\"service-row\" href=\"#/fr/services/web-development\"><div><h3>Votre outil de travail sur mesure</h3><p>Un outil web centr\u00e9 sur une t\u00e2che, avec stockage et une connexion \u00e0 un service existant.</p></div><div class=\"row-price\"><span>\u00c0 partir de 4\u202f500\u00a0\u20ac</span><span>HT</span></div></a></div><p class=\"fine-print\">Estimation indicative, non contractuelle. P\u00e9rim\u00e8tre cibl\u00e9, prix B2B hors taxes. H\u00e9bergement, traductions et services tiers en suppl\u00e9ment.</p></section><section class=\"wrap section\"><section class=\"calculator\" id=\"estimate\"><div><h2>Un premier ordre de grandeur.</h2><p>Estimation indicative, non contractuelle. P\u00e9rim\u00e8tre cibl\u00e9, prix B2B hors taxes. H\u00e9bergement, traductions et services tiers en suppl\u00e9ment.</p><div class=\"estimate-total\"><span>Budget de r\u00e9alisation indicatif</span><strong>2\u202f500\u00a0\u20ac<em>\u2013</em>3\u202f000\u00a0\u20ac</strong><span>HT</span></div><a class=\"button primary magnetic-button\" href=\"#/fr/contact?service=webflow&amp;budget=2500-3000\">Discuter de cette estimation</a></div><div class=\"calculator-controls\"><label>Prestation<select><option value=\"product-design\">Votre landing page, d\u00e9velopp\u00e9e</option><option value=\"webflow\" selected=\"\">Le site de votre entreprise</option><option value=\"web-development\">Votre outil de travail sur mesure</option></select></label><fieldset><legend>P\u00e9rim\u00e8tre</legend><div class=\"option-row\"><button aria-pressed=\"true\" class=\"selected\">Essentiel</button><button aria-pressed=\"false\" class=\"\">\u00c9tendue</button></div></fieldset><p class=\"calculator-scope\">Site de pr\u00e9sentation, hors boutique, espace membre et application m\u00e9tier. Textes et traductions fournis par le client. H\u00e9bergement, nom de domaine et abonnements tiers factur\u00e9s s\u00e9par\u00e9ment. Webflow ou Next.js selon le besoin.</p></div></section></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Les</span> </span><span><span class=\"kinetic-word\">r\u00e9ponses,</span> </span><span><span class=\"kinetic-word\">simplement.</span> </span></span></h2><div><details class=\"faq\"><summary>Le d\u00e9veloppement est-il inclus ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Le d\u00e9veloppement est au c\u0153ur de nos prestations : nous r\u00e9alisons la page, le site ou les fonctions convenus dans le devis. Vous recevez un r\u00e9sultat fonctionnel et le code source. Le design peut \u00eatre fourni par vous ou ajout\u00e9 au projet selon le besoin.</p></details><details class=\"faq\"><summary>Que recevrai-je \u00e0 la livraison ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Le r\u00e9sultat valid\u00e9, les sources, les acc\u00e8s n\u00e9cessaires et une courte documentation. Avant la remise, nous v\u00e9rifions les parcours convenus avec vous. Les comptes de domaine et d\u2019h\u00e9bergement peuvent rester \u00e0 votre nom.</p></details><details class=\"faq\"><summary>Comment le prix est-il fix\u00e9 ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous pr\u00e9cisons pages, fonctions, int\u00e9grations et contenus, puis \u00e9tablissons un devis avant r\u00e9alisation. Les tarifs de d\u00e9part correspondent aux p\u00e9rim\u00e8tres pr\u00e9sent\u00e9s. Une plateforme plus vaste re\u00e7oit une estimation sp\u00e9cifique.</p></details><details class=\"faq\"><summary>Peut-on utiliser nos maquettes ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous examinons vos fichiers et pr\u00e9cisons les \u00e9tats et formats manquants avant d\u00e9veloppement. Si vous n\u2019avez pas de maquettes, nous pouvons pr\u00e9voir un travail de design compl\u00e9mentaire.</p></details><details class=\"faq\"><summary>Comment se d\u00e9roulent les \u00e9changes ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Vous recevez une version \u00e0 examiner \u00e0 chaque \u00e9tape cl\u00e9. Nous rassemblons vos retours, convenons des ajustements et validons la suite. Les nouvelles fonctions sont chiffr\u00e9es avant d\u2019\u00eatre ajout\u00e9es.</p></details><details class=\"faq\"><summary>Le site fonctionnera-t-il sur mobile ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous adaptons les \u00e9crans convenus au mobile, \u00e0 la tablette et \u00e0 l\u2019ordinateur. Les formulaires, la navigation et les sc\u00e9narios principaux sont v\u00e9rifi\u00e9s aux formats retenus pour le projet.</p></details><details class=\"faq\"><summary>Peut-on pr\u00e9voir plusieurs langues ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous d\u00e9finissons les langues, les contenus traduits et les r\u00e8gles de navigation dans le devis. Les traductions peuvent \u00eatre fournies par votre \u00e9quipe ; leur pr\u00e9paration peut aussi \u00eatre \u00e9valu\u00e9e s\u00e9par\u00e9ment.</p></details><details class=\"faq\"><summary>Pouvez-vous connecter nos outils ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous v\u00e9rifions les possibilit\u00e9s de l\u2019API, les acc\u00e8s et les donn\u00e9es \u00e0 \u00e9changer avant de confirmer l\u2019int\u00e9gration. La prestation outil m\u00e9tier inclut une connexion dans son p\u00e9rim\u00e8tre de d\u00e9part ; les besoins suppl\u00e9mentaires sont chiffr\u00e9s.</p></details><details class=\"faq\"><summary>Quels frais sont s\u00e9par\u00e9s ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Le domaine, l\u2019h\u00e9bergement et les abonnements externes sont indiqu\u00e9s s\u00e9par\u00e9ment. Le devis pr\u00e9cise aussi les \u00e9ventuels travaux de contenu, de traduction ou de design compl\u00e9mentaires.</p></details><details class=\"faq\"><summary>Que se passe-t-il apr\u00e8s la mise en ligne ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous remettons la documentation et les acc\u00e8s et expliquons la prise en main. Corrections, surveillance et \u00e9volutions peuvent faire l\u2019objet d\u2019un accompagnement d\u00e9fini s\u00e9par\u00e9ment, selon le produit.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/pricing\">FR</a><a lang=\"en\" href=\"#/en/pricing\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/privacy":{"title":"Confidentialit\u00e9 \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/privacy#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/privacy\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/privacy\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Politique</span> </span><span><span class=\"kinetic-word\">de</span> </span><span><span class=\"kinetic-word\">confidentialit\u00e9</span> </span></span></h1><div class=\"heading-bottom\"><p>Cette politique d\u00e9crit le fonctionnement pr\u00e9vu du site et du formulaire. Le prestataire d\u2019h\u00e9bergement, le service email et les dur\u00e9es d\u00e9finitives doivent \u00eatre confirm\u00e9s dans la configuration avant publication.</p></div></section><article class=\"legal-body\"><section><h2>Interlocuteur pour vos donn\u00e9es</h2><p>Pour les questions relatives aux donn\u00e9es, contactez Veylonic Systems \u00e0 contact@veylonicsystems.com ou par courrier au 5 VILLA GLORIETTE, 93380 SAINT-DENIS, France. L\u2019identit\u00e9 juridique compl\u00e8te du responsable de traitement doit \u00eatre confirm\u00e9e dans les mentions l\u00e9gales avant mise en production.</p></section><section><h2>Donn\u00e9es du formulaire et finalit\u00e9</h2><p>Le formulaire recueille le nom, l\u2019email professionnel, l\u2019entreprise, le service demand\u00e9, le budget indicatif et le message. Le t\u00e9l\u00e9phone est facultatif. Ces informations permettent de comprendre votre demande, de vous r\u00e9pondre et de pr\u00e9parer les \u00e9changes pr\u00e9contractuels que vous sollicitez. N\u2019envoyez pas de mot de passe, de document confidentiel ou de donn\u00e9e sensible dans le message.</p></section><section><h2>Base juridique et absence de prospection automatique</h2><p>Lorsque vous sollicitez un projet pour vous-m\u00eame, le traitement repose sur les mesures pr\u00e9contractuelles prises \u00e0 votre demande. Si vous agissez comme contact d\u2019une organisation, la base appropri\u00e9e doit \u00eatre confirm\u00e9e selon le contexte, notamment l\u2019int\u00e9r\u00eat l\u00e9gitime \u00e0 r\u00e9pondre \u00e0 une demande professionnelle. Le formulaire ne vous inscrit \u00e0 aucune newsletter et n\u2019emporte aucun consentement marketing global.</p></section><section><h2>Acheminement et acc\u00e8s</h2><p>En production, le serveur valide la demande et la transmet via le service SMTP configur\u00e9. L\u2019adresse du visiteur sert d\u2019adresse de r\u00e9ponse ; l\u2019exp\u00e9diteur appartient au domaine valid\u00e9 de l\u2019entreprise. En d\u00e9veloppement, un r\u00e9cepteur de courrier local permet de tester sans envoi externe. Seules les personnes autoris\u00e9es et les prestataires techniques n\u00e9cessaires doivent acc\u00e9der aux donn\u00e9es. Les prestataires effectifs, leurs lieux de traitement et les \u00e9ventuelles garanties de transfert sont \u00e0 documenter avant lancement.</p></section><section><h2>Dur\u00e9e de conservation propos\u00e9e</h2><p>La r\u00e8gle propos\u00e9e pour les demandes sans suite est une suppression au plus tard douze mois apr\u00e8s le dernier \u00e9change utile. Cette dur\u00e9e est configurable et doit \u00eatre approuv\u00e9e avant publication ; elle ne constitue pas une obligation l\u00e9gale g\u00e9n\u00e9rale. Si un contrat est conclu, les documents n\u00e9cessaires suivent une politique distincte adapt\u00e9e aux obligations applicables. Les journaux de s\u00e9curit\u00e9 doivent rester limit\u00e9s et ne pas enregistrer le contenu des messages sans n\u00e9cessit\u00e9.</p></section><section><h2>Pr\u00e9f\u00e9rences et stockage du navigateur</h2><p>Le choix de langue est conserv\u00e9 localement dans le navigateur afin de respecter votre pr\u00e9f\u00e9rence. Les r\u00e9ponses du calculateur peuvent \u00eatre gard\u00e9es pour la session afin de les reporter dans le brief. Ces donn\u00e9es ne constituent pas une inscription et ne sont pas envoy\u00e9es tant que vous ne soumettez pas le formulaire. Vous pouvez les effacer dans les r\u00e9glages du navigateur. Aucune analytique publicitaire ni mesure d\u2019audience tierce n\u2019est activ\u00e9e par d\u00e9faut.</p></section><section><h2>Vos droits et vos recours</h2><p>Vous pouvez demander l\u2019acc\u00e8s, la rectification, l\u2019effacement ou la limitation du traitement et, selon les conditions applicables, la portabilit\u00e9 ou l\u2019opposition. \u00c9crivez \u00e0 contact@veylonicsystems.com en pr\u00e9cisant votre demande. Une v\u00e9rification proportionn\u00e9e peut \u00eatre n\u00e9cessaire pour prot\u00e9ger vos donn\u00e9es. Si vous estimez que vos droits ne sont pas respect\u00e9s, vous pouvez saisir la CNIL sur cnil.fr. Aucun dispositif de d\u00e9cision automatis\u00e9e produisant un effet juridique n\u2019est pr\u00e9vu sur ce site.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/privacy\">FR</a><a lang=\"en\" href=\"#/en/privacy\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/services":{"title":"Expertises \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/services#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"active\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/services\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/services\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Ce</span> </span><span><span class=\"kinetic-word\">que</span> </span><span><span class=\"kinetic-word\">nous</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">pouvons</span> </span><span><span class=\"kinetic-word\">r\u00e9aliser.</span> </span></span></h1><div class=\"heading-bottom\"><p>Trois prestations concr\u00e8tes. Nous d\u00e9finissons le r\u00e9sultat, les \u00e9tapes et le budget avec vous avant de commencer.</p></div></section><section class=\"services-offers-page wrap\"><div class=\"service-offers\"><a class=\"service-offer offer-0\" href=\"#/fr/services/product-design\"><div class=\"offer-top\"><h3>Votre landing page, d\u00e9velopp\u00e9e</h3><span class=\"offer-price\">\u00c0 partir de <strong>1\u202f500\u00a0\u20ac</strong><small>HT</small></span></div><p class=\"offer-for\">Pour pr\u00e9senter une offre et recevoir des demandes.</p><div class=\"offer-result\"><span>Vous recevez</span><p>Une page responsive pr\u00eate \u00e0 mettre en ligne, avec formulaire de contact et code source.</p></div><p class=\"offer-includes\">1 page \u00b7 Jusqu\u2019\u00e0 5 sections \u00b7 D\u00e9veloppement inclus</p><div class=\"offer-bottom\"><span>Environ 1 \u00e0 2 semaines, selon le p\u00e9rim\u00e8tre valid\u00e9.</span><span class=\"text-link\">Voir la prestation</span></div></a><a class=\"service-offer offer-1\" href=\"#/fr/services/webflow\"><div class=\"offer-top\"><h3>Le site de votre entreprise</h3><span class=\"offer-price\">\u00c0 partir de <strong>2\u202f500\u00a0\u20ac</strong><small>HT</small></span></div><p class=\"offer-for\">Pour pr\u00e9senter votre activit\u00e9 et recevoir des demandes.</p><div class=\"offer-result\"><span>Vous recevez</span><p>Un site responsive jusqu\u2019\u00e0 5 pages, avec formulaire et pr\u00e9paration \u00e0 la mise en ligne.</p></div><p class=\"offer-includes\">Jusqu\u2019\u00e0 5 pages \u00b7 Mobile \u00b7 Formulaire de contact</p><div class=\"offer-bottom\"><span>Environ 2 \u00e0 3 semaines apr\u00e8s r\u00e9ception des contenus.</span><span class=\"text-link\">Voir la prestation</span></div></a><a class=\"service-offer offer-2\" href=\"#/fr/services/web-development\"><div class=\"offer-top\"><h3>Votre outil de travail sur mesure</h3><span class=\"offer-price\">\u00c0 partir de <strong>4\u202f500\u00a0\u20ac</strong><small>HT</small></span></div><p class=\"offer-for\">Pour remplacer un suivi manuel ou des ressaisies.</p><div class=\"offer-result\"><span>Vous recevez</span><p>Un outil web centr\u00e9 sur une t\u00e2che, avec stockage et une connexion \u00e0 un service existant.</p></div><p class=\"offer-includes\">1 parcours \u00b7 Base de donn\u00e9es \u00b7 1 int\u00e9gration</p><div class=\"offer-bottom\"><span>Environ 3 \u00e0 4 semaines pour un premier p\u00e9rim\u00e8tre cibl\u00e9.</span><span class=\"text-link\">Voir la prestation</span></div></a></div></section><section class=\"technical-band wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Des</span> </span><span><span class=\"kinetic-word\">choix</span> </span><span><span class=\"kinetic-word\">techniques</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">qui</span> </span><span><span class=\"kinetic-word\">servent</span> </span><span><span class=\"kinetic-word\">votre</span> </span><span><span class=\"kinetic-word\">projet.</span> </span></span></h2><p>Nous choisissons la technologie selon ce que le produit doit faire, la mani\u00e8re dont vous souhaitez le g\u00e9rer et votre budget.</p><div class=\"technology-list\"><div><h3>Un service agr\u00e9able \u00e0 utiliser</h3><p>Des pages rapides, lisibles sur t\u00e9l\u00e9phone et accessibles au clavier.<small class=\"technology-stack\">React / Next.js</small></p></div><div><h3>Moins de saisies r\u00e9p\u00e9titives</h3><p>Les \u00e9changes de donn\u00e9es et les r\u00e8gles m\u00e9tier sont r\u00e9unis dans un outil coh\u00e9rent.<small class=\"technology-stack\">TypeScript / Node.js</small></p></div><div><h3>Des informations bien organis\u00e9es</h3><p>Nous d\u00e9finissons les champs, les relations et les droits d\u2019acc\u00e8s n\u00e9cessaires.<small class=\"technology-stack\">PostgreSQL</small></p></div><div><h3>Un lancement pr\u00e9par\u00e9</h3><p>Nous pr\u00e9parons les tests, le d\u00e9ploiement et les moyens de rep\u00e9rer les erreurs.<small class=\"technology-stack\">Cloud / CI/CD</small></p></div><div><h3>Une IA utile \u00e0 une t\u00e2che pr\u00e9cise</h3><p>Nous v\u00e9rifions la qualit\u00e9 des r\u00e9ponses et les limites avant de proposer une int\u00e9gration.<small class=\"technology-stack\">AI / RAG</small></p></div></div></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Les</span> </span><span><span class=\"kinetic-word\">r\u00e9ponses,</span> </span><span><span class=\"kinetic-word\">simplement.</span> </span></span></h2><div><details class=\"faq\"><summary>Le d\u00e9veloppement est-il inclus ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Le d\u00e9veloppement est au c\u0153ur de nos prestations : nous r\u00e9alisons la page, le site ou les fonctions convenus dans le devis. Vous recevez un r\u00e9sultat fonctionnel et le code source. Le design peut \u00eatre fourni par vous ou ajout\u00e9 au projet selon le besoin.</p></details><details class=\"faq\"><summary>Que recevrai-je \u00e0 la livraison ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Le r\u00e9sultat valid\u00e9, les sources, les acc\u00e8s n\u00e9cessaires et une courte documentation. Avant la remise, nous v\u00e9rifions les parcours convenus avec vous. Les comptes de domaine et d\u2019h\u00e9bergement peuvent rester \u00e0 votre nom.</p></details><details class=\"faq\"><summary>Comment le prix est-il fix\u00e9 ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous pr\u00e9cisons pages, fonctions, int\u00e9grations et contenus, puis \u00e9tablissons un devis avant r\u00e9alisation. Les tarifs de d\u00e9part correspondent aux p\u00e9rim\u00e8tres pr\u00e9sent\u00e9s. Une plateforme plus vaste re\u00e7oit une estimation sp\u00e9cifique.</p></details><details class=\"faq\"><summary>Peut-on utiliser nos maquettes ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous examinons vos fichiers et pr\u00e9cisons les \u00e9tats et formats manquants avant d\u00e9veloppement. Si vous n\u2019avez pas de maquettes, nous pouvons pr\u00e9voir un travail de design compl\u00e9mentaire.</p></details><details class=\"faq\"><summary>Comment se d\u00e9roulent les \u00e9changes ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Vous recevez une version \u00e0 examiner \u00e0 chaque \u00e9tape cl\u00e9. Nous rassemblons vos retours, convenons des ajustements et validons la suite. Les nouvelles fonctions sont chiffr\u00e9es avant d\u2019\u00eatre ajout\u00e9es.</p></details><details class=\"faq\"><summary>Le site fonctionnera-t-il sur mobile ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous adaptons les \u00e9crans convenus au mobile, \u00e0 la tablette et \u00e0 l\u2019ordinateur. Les formulaires, la navigation et les sc\u00e9narios principaux sont v\u00e9rifi\u00e9s aux formats retenus pour le projet.</p></details><details class=\"faq\"><summary>Peut-on pr\u00e9voir plusieurs langues ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous d\u00e9finissons les langues, les contenus traduits et les r\u00e8gles de navigation dans le devis. Les traductions peuvent \u00eatre fournies par votre \u00e9quipe ; leur pr\u00e9paration peut aussi \u00eatre \u00e9valu\u00e9e s\u00e9par\u00e9ment.</p></details><details class=\"faq\"><summary>Pouvez-vous connecter nos outils ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous v\u00e9rifions les possibilit\u00e9s de l\u2019API, les acc\u00e8s et les donn\u00e9es \u00e0 \u00e9changer avant de confirmer l\u2019int\u00e9gration. La prestation outil m\u00e9tier inclut une connexion dans son p\u00e9rim\u00e8tre de d\u00e9part ; les besoins suppl\u00e9mentaires sont chiffr\u00e9s.</p></details><details class=\"faq\"><summary>Quels frais sont s\u00e9par\u00e9s ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Le domaine, l\u2019h\u00e9bergement et les abonnements externes sont indiqu\u00e9s s\u00e9par\u00e9ment. Le devis pr\u00e9cise aussi les \u00e9ventuels travaux de contenu, de traduction ou de design compl\u00e9mentaires.</p></details><details class=\"faq\"><summary>Que se passe-t-il apr\u00e8s la mise en ligne ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous remettons la documentation et les acc\u00e8s et expliquons la prise en main. Corrections, surveillance et \u00e9volutions peuvent faire l\u2019objet d\u2019un accompagnement d\u00e9fini s\u00e9par\u00e9ment, selon le produit.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/services\">FR</a><a lang=\"en\" href=\"#/en/services\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/services/product-design":{"title":"Votre landing page, d\u00e9velopp\u00e9e \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/services/product-design#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"active\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/services/product-design\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/services/product-design\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/services\">Expertises</a><span>/</span><span>Votre landing page, d\u00e9velopp\u00e9e</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Votre</span> </span><span><span class=\"kinetic-word\">landing</span> </span><span><span class=\"kinetic-word\">page,</span> </span><span><span class=\"kinetic-word\">d\u00e9velopp\u00e9e</span> </span></span></h1><div class=\"heading-bottom\"><p>Une page responsive pr\u00eate \u00e0 mettre en ligne, avec formulaire de contact et code source.</p></div></section><section class=\"service-detail wrap\"><div class=\"service-editorial\"><div class=\"service-artwork artwork-product-design\"><div class=\"journal-object object-service-design\" data-object=\"service-design\" role=\"img\" aria-label=\"Artboard, lettres en m\u00e9tal et palette de mati\u00e8res.\"><img class=\"journal-object-poster\" src=\"vasset:eed44bf746c30a60d9e1fea2\" width=\"1200\" height=\"900\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><div class=\"journal-object-canvas\" aria-hidden=\"true\"></div></div></div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Ce</span> </span><span><span class=\"kinetic-word\">que</span> </span><span><span class=\"kinetic-word\">vous</span> </span><span><span class=\"kinetic-word\">recevez</span> </span></span></h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Une page d\u00e9velopp\u00e9e, jusqu\u2019\u00e0 5 sections, adapt\u00e9e au mobile.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Formulaire de contact et m\u00e9tadonn\u00e9es de base.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Deux cycles d\u2019ajustements, sources et pr\u00e9paration \u00e0 la mise en ligne.</li></ul><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Comment</span> </span><span><span class=\"kinetic-word\">nous</span> </span><span><span class=\"kinetic-word\">avan\u00e7ons</span> </span></span></h2><ol class=\"detail-steps\"><li><span>1</span>Pr\u00e9ciser l\u2019offre et organiser la page.</li><li><span>2</span>D\u00e9velopper la page et la version mobile.</li><li><span>3</span>V\u00e9rifier le formulaire et pr\u00e9parer le lancement.</li></ol></div><aside class=\"scope-panel\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Le</span> </span><span><span class=\"kinetic-word\">p\u00e9rim\u00e8tre</span> </span><span><span class=\"kinetic-word\">de</span> </span><span><span class=\"kinetic-word\">d\u00e9part</span> </span></span></h2><span>\u00c0 partir de</span><strong>1\u202f500\u00a0\u20ac</strong><span>HT</span><p>Environ 1 \u00e0 2 semaines, selon le p\u00e9rim\u00e8tre valid\u00e9.</p><p class=\"scope-price-note\">Tarif de d\u00e9part pour le p\u00e9rim\u00e8tre d\u00e9crit. Le devis confirme le prix de votre projet.</p><h3>Comment fonctionne la prestation</h3><p class=\"service-how\">Nous clarifions votre offre et organisons le contenu d\u2019une page. Nous utilisons votre design ou pr\u00e9parons une proposition visuelle, puis d\u00e9veloppons la page et sa version mobile. Vous la v\u00e9rifiez, nous ajustons et testons le formulaire avant de pr\u00e9parer la mise en ligne.</p><details class=\"scope-limits\"><summary>P\u00e9rim\u00e8tre et frais compl\u00e9mentaires</summary><p>Le tarif couvre une page jusqu\u2019\u00e0 5 sections et un formulaire. Domaine, h\u00e9bergement et design compl\u00e9mentaire \u00e9ventuel sont pr\u00e9cis\u00e9s dans le devis. Une fonction m\u00e9tier ou un espace membre re\u00e7oit une estimation sp\u00e9cifique.</p></details><a class=\"button primary magnetic-button\" href=\"#/fr/contact?service=product-design\">Parlons de votre besoin</a><small>Estimation indicative, non contractuelle. P\u00e9rim\u00e8tre cibl\u00e9, prix B2B hors taxes. H\u00e9bergement, traductions et services tiers en suppl\u00e9ment.</small></aside></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Les</span> </span><span><span class=\"kinetic-word\">r\u00e9ponses,</span> </span><span><span class=\"kinetic-word\">simplement.</span> </span></span></h2><div><details class=\"faq\"><summary>Le d\u00e9veloppement est-il inclus ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Le d\u00e9veloppement est au c\u0153ur de nos prestations : nous r\u00e9alisons la page, le site ou les fonctions convenus dans le devis. Vous recevez un r\u00e9sultat fonctionnel et le code source. Le design peut \u00eatre fourni par vous ou ajout\u00e9 au projet selon le besoin.</p></details><details class=\"faq\"><summary>Peut-on utiliser nos maquettes ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Nous examinons vos fichiers et pr\u00e9cisons les \u00e9tats et formats manquants avant d\u00e9veloppement. Si vous n\u2019avez pas de maquettes, nous pouvons pr\u00e9voir un travail de design compl\u00e9mentaire.</p></details><details class=\"faq\"><summary>Comment se d\u00e9roulent les \u00e9changes ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Vous recevez une version \u00e0 examiner \u00e0 chaque \u00e9tape cl\u00e9. Nous rassemblons vos retours, convenons des ajustements et validons la suite. Les nouvelles fonctions sont chiffr\u00e9es avant d\u2019\u00eatre ajout\u00e9es.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/services/product-design\">FR</a><a lang=\"en\" href=\"#/en/services/product-design\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/services/web-development":{"title":"Votre outil de travail sur mesure \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/services/web-development#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"active\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/services/web-development\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/services/web-development\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/services\">Expertises</a><span>/</span><span>Votre outil de travail sur mesure</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Votre</span> </span><span><span class=\"kinetic-word\">outil</span> </span><span><span class=\"kinetic-word\">de</span> </span><span><span class=\"kinetic-word\">travail</span> </span><span><span class=\"kinetic-word\">sur</span> </span><span><span class=\"kinetic-word\">mesure</span> </span></span></h1><div class=\"heading-bottom\"><p>Un outil web centr\u00e9 sur une t\u00e2che, avec stockage et une connexion \u00e0 un service existant.</p></div></section><section class=\"service-detail wrap\"><div class=\"service-editorial\"><div class=\"service-artwork artwork-web-development\"><div class=\"journal-object object-service-workflow\" data-object=\"service-workflow\" role=\"img\" aria-label=\"Trois modules de donn\u00e9es reli\u00e9s par des voies m\u00e9talliques.\"><img class=\"journal-object-poster\" src=\"vasset:5767f79acc7fb27c2a3268a0\" width=\"1200\" height=\"900\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><div class=\"journal-object-canvas\" aria-hidden=\"true\"></div></div></div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Ce</span> </span><span><span class=\"kinetic-word\">que</span> </span><span><span class=\"kinetic-word\">vous</span> </span><span><span class=\"kinetic-word\">recevez</span> </span></span></h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Un parcours principal, jusqu\u2019\u00e0 3 \u00e9crans et un stockage des donn\u00e9es.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Une int\u00e9gration document\u00e9e ou un import/export de donn\u00e9es.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Tests du sc\u00e9nario, code source et guide de prise en main.</li></ul><div class=\"interface-studies \"><p class=\"study-intro\">Exemples de r\u00e9sultats possibles. Le devis pr\u00e9cise le sc\u00e9nario et les fonctions retenus pour votre projet.</p><figure data-study=\"saas-analytics\"><div class=\"software-media software-interface media-saas-analytics\" data-software-visual=\"saas-analytics\"><img src=\"vasset:ffb9d965900664a04fe0b804\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Tableau de bord SaaS. \" loading=\"lazy\" decoding=\"async\"></div><figcaption><strong>Tableau de bord SaaS</strong><span></span></figcaption></figure><figure data-study=\"business-automation\"><div class=\"software-media software-interface media-business-automation\" data-software-visual=\"business-automation\"><img src=\"vasset:145e3d5ca29fdc2fc1a3c389\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Automatisation des demandes. \" loading=\"lazy\" decoding=\"async\"></div><figcaption><strong>Automatisation des demandes</strong><span></span></figcaption></figure><figure data-study=\"api-integrations\"><div class=\"software-media software-interface media-api-integrations\" data-software-visual=\"api-integrations\"><img src=\"vasset:2d845c7bbdcfb25524b778cf\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Int\u00e9grations et API. \" loading=\"lazy\" decoding=\"async\"></div><figcaption><strong>Int\u00e9grations et API</strong><span></span></figcaption></figure><figure data-study=\"maintenance-console\"><div class=\"software-media software-interface media-maintenance-console\" data-software-visual=\"maintenance-console\"><img src=\"vasset:569a43d3593e0efd4b14cd0a\" sizes=\"(max-width:760px) 100vw, 70vw\" width=\"1440\" height=\"1000\" alt=\"Suivi et maintenance. \" loading=\"lazy\" decoding=\"async\"></div><figcaption><strong>Suivi et maintenance</strong><span></span></figcaption></figure></div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Comment</span> </span><span><span class=\"kinetic-word\">nous</span> </span><span><span class=\"kinetic-word\">avan\u00e7ons</span> </span></span></h2><ol class=\"detail-steps\"><li><span>1</span>D\u00e9crire la t\u00e2che et les donn\u00e9es utiles.</li><li><span>2</span>R\u00e9aliser un prototype fonctionnel.</li><li><span>3</span>V\u00e9rifier le sc\u00e9nario et documenter la livraison.</li></ol></div><aside class=\"scope-panel\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Le</span> </span><span><span class=\"kinetic-word\">p\u00e9rim\u00e8tre</span> </span><span><span class=\"kinetic-word\">de</span> </span><span><span class=\"kinetic-word\">d\u00e9part</span> </span></span></h2><span>\u00c0 partir de</span><strong>4\u202f500\u00a0\u20ac</strong><span>HT</span><p>Environ 3 \u00e0 4 semaines pour un premier p\u00e9rim\u00e8tre cibl\u00e9.</p><p class=\"scope-price-note\">Tarif de d\u00e9part pour le p\u00e9rim\u00e8tre d\u00e9crit. Le devis confirme le prix de votre projet.</p><h3>Comment fonctionne la prestation</h3><p class=\"service-how\">Nous choisissons une t\u00e2che \u00e0 simplifier et d\u00e9crivons ses r\u00e8gles. Nous d\u00e9veloppons un premier outil, relions les donn\u00e9es et l\u2019int\u00e9gration pr\u00e9vues, puis testons le parcours avec vous. Vous recevez le code et un guide pour l\u2019utiliser.</p><details class=\"scope-limits\"><summary>P\u00e9rim\u00e8tre et frais compl\u00e9mentaires</summary><p>Premier outil cibl\u00e9, pas une plateforme SaaS compl\u00e8te. Syst\u00e8mes complexes, paiements, donn\u00e9es sensibles et agents IA autonomes exclus du forfait de d\u00e9part. Les services externes et l\u2019exploitation continue sont chiffr\u00e9s s\u00e9par\u00e9ment.</p></details><a class=\"button primary magnetic-button\" href=\"#/fr/contact?service=web-development\">Parlons de votre besoin</a><small>Estimation indicative, non contractuelle. P\u00e9rim\u00e8tre cibl\u00e9, prix B2B hors taxes. H\u00e9bergement, traductions et services tiers en suppl\u00e9ment.</small></aside></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Les</span> </span><span><span class=\"kinetic-word\">r\u00e9ponses,</span> </span><span><span class=\"kinetic-word\">simplement.</span> </span></span></h2><div><details class=\"faq\"><summary>Pouvez-vous connecter nos outils ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous v\u00e9rifions les possibilit\u00e9s de l\u2019API, les acc\u00e8s et les donn\u00e9es \u00e0 \u00e9changer avant de confirmer l\u2019int\u00e9gration. La prestation outil m\u00e9tier inclut une connexion dans son p\u00e9rim\u00e8tre de d\u00e9part ; les besoins suppl\u00e9mentaires sont chiffr\u00e9s.</p></details><details class=\"faq\"><summary>Comment le prix est-il fix\u00e9 ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous pr\u00e9cisons pages, fonctions, int\u00e9grations et contenus, puis \u00e9tablissons un devis avant r\u00e9alisation. Les tarifs de d\u00e9part correspondent aux p\u00e9rim\u00e8tres pr\u00e9sent\u00e9s. Une plateforme plus vaste re\u00e7oit une estimation sp\u00e9cifique.</p></details><details class=\"faq\"><summary>Que se passe-t-il apr\u00e8s la mise en ligne ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Nous remettons la documentation et les acc\u00e8s et expliquons la prise en main. Corrections, surveillance et \u00e9volutions peuvent faire l\u2019objet d\u2019un accompagnement d\u00e9fini s\u00e9par\u00e9ment, selon le produit.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/services/web-development\">FR</a><a lang=\"en\" href=\"#/en/services/web-development\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/services/webflow":{"title":"Le site de votre entreprise \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/services/webflow#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"active\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/services/webflow\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/services/webflow\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/services\">Expertises</a><span>/</span><span>Le site de votre entreprise</span></div><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Le</span> </span><span><span class=\"kinetic-word\">site</span> </span><span><span class=\"kinetic-word\">de</span> </span><span><span class=\"kinetic-word\">votre</span> </span><span><span class=\"kinetic-word\">entreprise</span> </span></span></h1><div class=\"heading-bottom\"><p>Un site responsive jusqu\u2019\u00e0 5 pages, avec formulaire et pr\u00e9paration \u00e0 la mise en ligne.</p></div></section><section class=\"service-detail wrap\"><div class=\"service-editorial\"><div class=\"service-artwork artwork-webflow\"><div class=\"journal-object object-service-website\" data-object=\"service-website\" role=\"img\" aria-label=\"Maquettes 3D d\u2019une page web et de sa version mobile.\"><img class=\"journal-object-poster\" src=\"vasset:d8d0bdb3fb5fa71ce72df6b3\" width=\"1200\" height=\"900\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\"><div class=\"journal-object-canvas\" aria-hidden=\"true\"></div></div></div><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Ce</span> </span><span><span class=\"kinetic-word\">que</span> </span><span><span class=\"kinetic-word\">vous</span> </span><span><span class=\"kinetic-word\">recevez</span> </span></span></h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Jusqu\u2019\u00e0 5 pages dans une langue, adapt\u00e9es au mobile.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Formulaire de contact, m\u00e9tadonn\u00e9es et structure SEO de base.</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Mise en ligne et courte documentation de gestion des contenus.</li></ul><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Comment</span> </span><span><span class=\"kinetic-word\">nous</span> </span><span><span class=\"kinetic-word\">avan\u00e7ons</span> </span></span></h2><ol class=\"detail-steps\"><li><span>1</span>Organiser les pages et choisir la direction visuelle.</li><li><span>2</span>Cr\u00e9er le site et v\u00e9rifier les formats.</li><li><span>3</span>Tester le formulaire et pr\u00e9parer la mise en ligne.</li></ol></div><aside class=\"scope-panel\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Le</span> </span><span><span class=\"kinetic-word\">p\u00e9rim\u00e8tre</span> </span><span><span class=\"kinetic-word\">de</span> </span><span><span class=\"kinetic-word\">d\u00e9part</span> </span></span></h2><span>\u00c0 partir de</span><strong>2\u202f500\u00a0\u20ac</strong><span>HT</span><p>Environ 2 \u00e0 3 semaines apr\u00e8s r\u00e9ception des contenus.</p><p class=\"scope-price-note\">Tarif de d\u00e9part pour le p\u00e9rim\u00e8tre d\u00e9crit. Le devis confirme le prix de votre projet.</p><h3>Comment fonctionne la prestation</h3><p class=\"service-how\">Nous organisons vos pages et vos contenus, validons les maquettes ou le design fourni, puis d\u00e9veloppons le site et sa version mobile. Nous testons navigation et formulaire avec vous et pr\u00e9parons la mise en ligne et les acc\u00e8s.</p><details class=\"scope-limits\"><summary>P\u00e9rim\u00e8tre et frais compl\u00e9mentaires</summary><p>Site de pr\u00e9sentation, hors boutique, espace membre et application m\u00e9tier. Textes et traductions fournis par le client. H\u00e9bergement, nom de domaine et abonnements tiers factur\u00e9s s\u00e9par\u00e9ment. Webflow ou Next.js selon le besoin.</p></details><a class=\"button primary magnetic-button\" href=\"#/fr/contact?service=webflow\">Parlons de votre besoin</a><small>Estimation indicative, non contractuelle. P\u00e9rim\u00e8tre cibl\u00e9, prix B2B hors taxes. H\u00e9bergement, traductions et services tiers en suppl\u00e9ment.</small></aside></section><section class=\"faq-section wrap section\"><h2 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Les</span> </span><span><span class=\"kinetic-word\">r\u00e9ponses,</span> </span><span><span class=\"kinetic-word\">simplement.</span> </span></span></h2><div><details class=\"faq\"><summary>Le site peut-il \u00eatre multilingue ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Oui. Les langues suppl\u00e9mentaires et la pr\u00e9paration des traductions sont chiffr\u00e9es dans le devis avant r\u00e9alisation.</p></details><details class=\"faq\"><summary>Les abonnements sont-ils compris ?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z\"></path></svg></summary><p>Non. Les co\u00fbts de domaine, d\u2019h\u00e9bergement et de services tiers sont indiqu\u00e9s s\u00e9par\u00e9ment et restent sous votre contr\u00f4le.</p></details></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/services/webflow\">FR</a><a lang=\"en\" href=\"#/en/services/webflow\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/terms":{"title":"Conditions d\u2019utilisation \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/terms#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/terms\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/terms\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Conditions</span> </span><span><span class=\"kinetic-word\">d\u2019utilisation</span> </span></span></h1><div class=\"heading-bottom\"><p>Ce site pr\u00e9sente des services num\u00e9riques destin\u00e9s principalement aux professionnels. Il permet de d\u00e9couvrir des propositions et de demander un \u00e9change, sans achat ni conclusion automatique de contrat.</p></div></section><article class=\"legal-body\"><section><h2>Objet du site</h2><p>Les contenus d\u00e9crivent l\u2019approche, les domaines d\u2019intervention et des propositions de Veylonic Systems. Les informations sont pr\u00e9par\u00e9es avec soin mais doivent \u00eatre confirm\u00e9es selon le contexte de chaque projet. Le site ne fournit pas de conseil juridique, fiscal ou r\u00e9glementaire personnalis\u00e9.</p></section><section><h2>Prix et estimations</h2><p>Les montants sont exprim\u00e9s en euros hors taxes pour des p\u00e9rim\u00e8tres de base d\u00e9crits. Ils constituent des points de d\u00e9part et non une offre ferme pour toute demande. Le calculateur fournit une estimation indicative fond\u00e9e sur ses param\u00e8tres. Le devis pr\u00e9cise le p\u00e9rim\u00e8tre, les hypoth\u00e8ses, les exclusions, les taxes applicables et les conditions commerciales.</p></section><section><h2>Formulaire et \u00e9changes</h2><p>L\u2019envoi d\u2019un brief ne cr\u00e9e pas un contrat, ne r\u00e9serve pas une capacit\u00e9 et n\u2019engage pas un d\u00e9lai de r\u00e9alisation. Une r\u00e9ponse permet de v\u00e9rifier le besoin et la disponibilit\u00e9. Tout engagement de prestation exige un accord distinct. Le site ne comprend pas de paiement en ligne ni de commande ex\u00e9cutoire.</p></section><section><h2>Portfolio et d\u00e9monstrations</h2><p>Les pages du portfolio pr\u00e9sentent des interfaces et des parcours interactifs. Les \u00e9crans de pr\u00e9sentation ne doivent recevoir aucune donn\u00e9e confidentielle. Les fonctionnalit\u00e9s et les engagements d\u2019un produit livr\u00e9 sont d\u00e9finis dans son propre p\u00e9rim\u00e8tre contractuel.</p></section><section><h2>Utilisation raisonnable et s\u00e9curit\u00e9</h2><p>Vous vous engagez \u00e0 ne pas perturber le fonctionnement, contourner les protections ou envoyer un contenu illicite. Les m\u00e9canismes de validation et de limitation peuvent refuser une requ\u00eate. Les messages doivent rester n\u00e9cessaires \u00e0 la demande professionnelle et ne contenir aucun secret. Signalez un dysfonctionnement \u00e0 contact@veylonicsystems.com.</p></section><section><h2>\u00c9volution et documents contractuels</h2><p>Le site et ses propositions peuvent \u00e9voluer. Les modalit\u00e9s propres \u00e0 une prestation, les droits sur les livrables, la confidentialit\u00e9, les responsabilit\u00e9s et le r\u00e8glement des diff\u00e9rends seront pr\u00e9cis\u00e9s dans les documents contractuels adapt\u00e9s. Aucune garantie g\u00e9n\u00e9rale de disponibilit\u00e9 continue ou de r\u00e9sultat \u00e9conomique n\u2019est cr\u00e9\u00e9e par la consultation de ces pages.</p></section></article></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/terms\">FR</a><a lang=\"en\" href=\"#/en/terms\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/work":{"title":"Projets \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/work#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"active\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/work\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/work\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><section class=\"page-heading wrap\"><h1 class=\"kinetic-heading \"><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Des</span> </span><span><span class=\"kinetic-word\">sites</span> </span><span><span class=\"kinetic-word\">aux</span> </span><span><span class=\"kinetic-word\">logiciels.</span> </span></span><span class=\"kinetic-line\"><span><span class=\"kinetic-word\">Trois</span> </span><span><span class=\"kinetic-word\">projets</span> </span><span><span class=\"kinetic-word\">\u00e0</span> </span><span><span class=\"kinetic-word\">explorer.</span> </span></span></h1><div class=\"heading-bottom\"><p>CRM, SaaS et automatisation. Trois projets pour g\u00e9rer les ventes, travailler en \u00e9quipe et connecter les processus.</p></div></section><section class=\"wrap work-list\"><div class=\"filters\" role=\"group\" aria-label=\"Projets\"><button aria-pressed=\"true\" class=\"selected\">Tous<span>3</span></button><button aria-pressed=\"false\" class=\"\">Logiciels m\u00e9tier<span>1</span></button><button aria-pressed=\"false\" class=\"\">SaaS<span>1</span></button><button aria-pressed=\"false\" class=\"\">Automatisation<span>1</span></button></div><div class=\"project-grid \"><article class=\"project-card\"><a class=\"project-visual visual-nexora\" href=\"#/fr/work/nexora\"><img src=\"vasset:41b8c55f12a399794cd49bb9\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Tableau de bord\" loading=\"lazy\"><span class=\"project-open\">Explorer le projet</span></a><div class=\"project-topline\"><span>Logiciel m\u00e9tier / CRM</span></div><a class=\"project-name\" href=\"#/fr/work/nexora\"><h3>NEXORA</h3></a><p>Clients, opportunit\u00e9s et devis r\u00e9unis dans un espace commercial clair.</p></article><article class=\"project-card\"><a class=\"project-visual visual-fluxio\" href=\"#/fr/work/fluxio\"><img src=\"vasset:f9847492ac2c3d4ff4dde72b\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 \u00c9diteur de processus\" loading=\"lazy\"><span class=\"project-open\">Explorer le projet</span></a><div class=\"project-topline\"><span>Automatisation / API</span></div><a class=\"project-name\" href=\"#/fr/work/fluxio\"><h3>FLUXIO</h3></a><p>Un \u00e9diteur de processus pour connecter les outils et suivre chaque ex\u00e9cution.</p></article><article class=\"project-card\"><a class=\"project-visual visual-orbita\" href=\"#/fr/work/orbita\"><img src=\"vasset:343389e79253f06dfe228ef4\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Vue d\u2019ensemble\" loading=\"lazy\"><span class=\"project-open\">Explorer le projet</span></a><div class=\"project-topline\"><span>SaaS / Cloud</span></div><a class=\"project-name\" href=\"#/fr/work/orbita\"><h3>ORBITA</h3></a><p>Projets, \u00e9quipe et activit\u00e9 dans une plateforme de travail coh\u00e9rente.</p></article></div></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/work\">FR</a><a lang=\"en\" href=\"#/en/work\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/work/fluxio":{"title":"FLUXIO \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/work/fluxio#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"active\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/work/fluxio\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/work/fluxio\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/work\">Projets</a><span>/</span><span>FLUXIO</span></div><section class=\"project-heading product-heading wrap\"><div><h1>FLUXIO</h1><p>L\u2019automatisation au service de vos \u00e9quipes.</p></div><div class=\"product-category\">Automatisation / API</div></section><section class=\"project-demo wrap\" data-demo-shell=\"true\"><div class=\"demo-tools\"><div><h2>Explorez le projet.</h2><p>Parcourez les pages, ouvrez les menus et essayez les fonctions.</p></div><a class=\"button primary\" data-demo-open=\"fluxio-fr\" href=\"#/products/fluxio-fr.html\" target=\"_blank\" rel=\"noopener\">Ouvrir la d\u00e9mo</a></div><div class=\"demo-browser\"><div class=\"demo-browser-bar\"><strong>FLUXIO</strong><button data-demo-reload=\"true\">Recommencer</button></div><p class=\"demo-load-status\" data-demo-status=\"true\" role=\"status\">Chargement de la d\u00e9mo\u2026</p><div class=\"demo-browser-stage\"><iframe data-product-preview=\"fluxio-fr\" title=\"FLUXIO \u2014 Ouvrir la d\u00e9mo\" sandbox=\"allow-scripts allow-same-origin allow-downloads\"></iframe></div></div></section><section class=\"product-intro wrap section\"><h2>Pr\u00e9sentation</h2><p>Un \u00e9diteur de processus pour connecter les outils et suivre chaque ex\u00e9cution.</p></section><section class=\"product-story wrap\"><div><h2>Le d\u00e9fi</h2><p>Une demande re\u00e7ue doit \u00eatre v\u00e9rifi\u00e9e, enregistr\u00e9e puis transmise \u00e0 plusieurs outils. FLUXIO rend ces r\u00e8gles visibles et facilite le rep\u00e9rage d\u2019une ex\u00e9cution interrompue.</p></div><div><h2>Notre approche</h2><p>Le constructeur s\u00e9pare d\u00e9clencheurs, conditions et actions. Un panneau explique les param\u00e8tres ; l\u2019historique et la supervision partagent les m\u00eames identifiants d\u2019ex\u00e9cution.</p></div></section><section class=\"product-experience wrap section\"><div class=\"section-heading\"><h2>Exp\u00e9rience produit</h2></div><div class=\"product-screen-grid\"><figure class=\"product-screen screen-0\"><img src=\"vasset:f9847492ac2c3d4ff4dde72b\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 \u00c9diteur de processus\" loading=\"lazy\"><figcaption><span>01</span>\u00c9diteur de processus</figcaption></figure><figure class=\"product-screen screen-1\"><img src=\"vasset:cdb3f3d0b49f3c8fa0048147\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Int\u00e9grations\" loading=\"lazy\"><figcaption><span>02</span>Int\u00e9grations</figcaption></figure><figure class=\"product-screen screen-2\"><img src=\"vasset:8d786dca98d4d2adb70cb3cf\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Historique\" loading=\"lazy\"><figcaption><span>03</span>Historique</figcaption></figure><figure class=\"product-screen screen-3\"><img src=\"vasset:1c97722110bea11e600fa026\" width=\"1440\" height=\"1000\" alt=\"FLUXIO \u2014 Supervision\" loading=\"lazy\"><figcaption><span>04</span>Supervision</figcaption></figure></div><figure class=\"product-detail-fragment\"><img src=\"vasset:b19d285a73282f6928ed86d6\" width=\"1000\" height=\"500\" loading=\"lazy\" alt=\"FLUXIO \u2014 d\u00e9tail des composants\"><figcaption>Les d\u00e9tails qui relient contenu et action.</figcaption></figure><section class=\"product-mobile-strip\"><figure><img src=\"vasset:d408f2e7f36a09f96088fdd7\" width=\"390\" height=\"844\" loading=\"lazy\" alt=\"FLUXIO \u2014 version mobile\"></figure><div><h2>La m\u00eame exigence, sur mobile.</h2><p>La navigation, les contenus et les actions se r\u00e9organisent pour un \u00e9cran \u00e9troit. Les contr\u00f4les restent accessibles au toucher et au clavier.</p><div class=\"mobile-feature-list\"><span>D\u00e9clencheurs et conditions</span><span>Actions et param\u00e8tres</span><span>Connexions aux services</span></div></div></section></section><section class=\"product-story wrap section\"><div><h2>Les sc\u00e9narios cl\u00e9s</h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>D\u00e9clencheurs et conditions</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Actions et param\u00e8tres</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Connexions aux services</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Historique et alertes</li></ul></div><div><h2>R\u00e9alisation des interfaces</h2><p>Ces interfaces sont r\u00e9alis\u00e9es en HTML, CSS, JavaScript et SVG. Recherche, navigation, formulaires et interactions s\u2019ex\u00e9cutent dans le navigateur ; les connexions aux services et la mise en production font l\u2019objet du d\u00e9veloppement adapt\u00e9 \u00e0 votre projet.</p><div class=\"stack-tags\"><span>HTML</span><span>CSS</span><span>JavaScript</span><span>SVG</span></div></div></section><section class=\"product-value wrap\"><h2>Ce que cette r\u00e9alisation apporte</h2><p>Un parcours coh\u00e9rent entre les informations, les actions et leur suivi. La structure des \u00e9crans permet de faire \u00e9voluer les fonctions sans d\u00e9sorganiser le travail quotidien.</p></section><section class=\"wrap\"><div class=\"product-final\"><h2>Un projet similaire en t\u00eate ? Parlons-en.</h2><a class=\"button primary magnetic-button\" href=\"#/fr/contact?project=fluxio\">Parler de mon projet</a></div></section><section class=\"product-next wrap\"><span>Le projet suivant</span><a href=\"#/fr/work/orbita\"><h2>ORBITA</h2></a></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/work/fluxio\">FR</a><a lang=\"en\" href=\"#/en/work/fluxio\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/work/nexora":{"title":"NEXORA \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/work/nexora#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"active\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/work/nexora\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/work/nexora\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/work\">Projets</a><span>/</span><span>NEXORA</span></div><section class=\"project-heading product-heading wrap\"><div><h1>NEXORA</h1><p>Gestion commerciale intelligente.</p></div><div class=\"product-category\">Logiciel m\u00e9tier / CRM</div></section><section class=\"project-demo wrap\" data-demo-shell=\"true\"><div class=\"demo-tools\"><div><h2>Explorez le projet.</h2><p>Parcourez les pages, ouvrez les menus et essayez les fonctions.</p></div><a class=\"button primary\" data-demo-open=\"nexora-fr\" href=\"#/products/nexora-fr.html\" target=\"_blank\" rel=\"noopener\">Ouvrir la d\u00e9mo</a></div><div class=\"demo-browser\"><div class=\"demo-browser-bar\"><strong>NEXORA</strong><button data-demo-reload=\"true\">Recommencer</button></div><p class=\"demo-load-status\" data-demo-status=\"true\" role=\"status\">Chargement de la d\u00e9mo\u2026</p><div class=\"demo-browser-stage\"><iframe data-product-preview=\"nexora-fr\" title=\"NEXORA \u2014 Ouvrir la d\u00e9mo\" sandbox=\"allow-scripts allow-same-origin allow-downloads\"></iframe></div></div></section><section class=\"product-intro wrap section\"><h2>Pr\u00e9sentation</h2><p>Clients, opportunit\u00e9s et devis r\u00e9unis dans un espace commercial clair.</p></section><section class=\"product-story wrap\"><div><h2>Le d\u00e9fi</h2><p>Les informations clients dispers\u00e9es compliquent les relances et les pr\u00e9visions. NEXORA organise le suivi commercial autour d\u2019une fiche partag\u00e9e et d\u2019une prochaine action visible.</p></div><div><h2>Notre approche</h2><p>Une navigation stable relie clients, contacts, pipeline, devis, t\u00e2ches et rapports. Les tableaux se parcourent par recherche ; le pipeline rend chaque \u00e9tape et son montant lisibles.</p></div></section><section class=\"product-experience wrap section\"><div class=\"section-heading\"><h2>Exp\u00e9rience produit</h2></div><div class=\"product-screen-grid\"><figure class=\"product-screen screen-0\"><img src=\"vasset:41b8c55f12a399794cd49bb9\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Tableau de bord\" loading=\"lazy\"><figcaption><span>01</span>Tableau de bord</figcaption></figure><figure class=\"product-screen screen-1\"><img src=\"vasset:db35e7f51311da030c2774a1\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Clients\" loading=\"lazy\"><figcaption><span>02</span>Clients</figcaption></figure><figure class=\"product-screen screen-2\"><img src=\"vasset:5423978e85ef2427ffa4f5e6\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Pipeline commercial\" loading=\"lazy\"><figcaption><span>03</span>Pipeline commercial</figcaption></figure><figure class=\"product-screen screen-3\"><img src=\"vasset:268dec7e6fdf9dbc023ee1a0\" width=\"1440\" height=\"1000\" alt=\"NEXORA \u2014 Devis\" loading=\"lazy\"><figcaption><span>04</span>Devis</figcaption></figure></div><figure class=\"product-detail-fragment\"><img src=\"vasset:3ad5d34fffb0f698507a72bd\" width=\"1000\" height=\"500\" loading=\"lazy\" alt=\"NEXORA \u2014 d\u00e9tail des composants\"><figcaption>Les d\u00e9tails qui relient contenu et action.</figcaption></figure><section class=\"product-mobile-strip\"><figure><img src=\"vasset:cf311e8899724f70e5cba11e\" width=\"390\" height=\"844\" loading=\"lazy\" alt=\"NEXORA \u2014 version mobile\"></figure><div><h2>La m\u00eame exigence, sur mobile.</h2><p>La navigation, les contenus et les actions se r\u00e9organisent pour un \u00e9cran \u00e9troit. Les contr\u00f4les restent accessibles au toucher et au clavier.</p><div class=\"mobile-feature-list\"><span>Clients et contacts</span><span>Opportunit\u00e9s par \u00e9tape</span><span>Devis et montants</span></div></div></section></section><section class=\"product-story wrap section\"><div><h2>Les sc\u00e9narios cl\u00e9s</h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Clients et contacts</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Opportunit\u00e9s par \u00e9tape</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Devis et montants</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>T\u00e2ches et rapports</li></ul></div><div><h2>R\u00e9alisation des interfaces</h2><p>Ces interfaces sont r\u00e9alis\u00e9es en HTML, CSS, JavaScript et SVG. Recherche, navigation, formulaires et interactions s\u2019ex\u00e9cutent dans le navigateur ; les connexions aux services et la mise en production font l\u2019objet du d\u00e9veloppement adapt\u00e9 \u00e0 votre projet.</p><div class=\"stack-tags\"><span>HTML</span><span>CSS</span><span>JavaScript</span><span>SVG</span></div></div></section><section class=\"product-value wrap\"><h2>Ce que cette r\u00e9alisation apporte</h2><p>Un parcours coh\u00e9rent entre les informations, les actions et leur suivi. La structure des \u00e9crans permet de faire \u00e9voluer les fonctions sans d\u00e9sorganiser le travail quotidien.</p></section><section class=\"wrap\"><div class=\"product-final\"><h2>Un projet similaire en t\u00eate ? Parlons-en.</h2><a class=\"button primary magnetic-button\" href=\"#/fr/contact?project=nexora\">Parler de mon projet</a></div></section><section class=\"product-next wrap\"><span>Le projet suivant</span><a href=\"#/fr/work/fluxio\"><h2>FLUXIO</h2></a></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/work/nexora\">FR</a><a lang=\"en\" href=\"#/en/work/nexora\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"},"/fr/work/orbita":{"title":"ORBITA \u00b7 Veylonic Systems","body":"<div hidden=\"\"></div><a class=\"skip-link\" href=\"#/fr/work/orbita#main\">Aller au contenu</a><div class=\"command-header-spacer\" aria-hidden=\"true\"></div><header class=\"site-header command-header\" data-command-header=\"true\" data-compact=\"false\"><div class=\"header-bar\"><a class=\"brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><nav class=\"desktop-nav\" aria-label=\"Ouvrir le menu\"><details class=\"expertise-menu\"><summary class=\"\">Expertises</summary><div class=\"expertise-panel\"><div class=\"mega-title\"><a href=\"#/fr/services\">D\u00e9couvrir nos expertises</a><span>Veylonic Systems</span></div><div class=\"mega-grid\"><a class=\"mega-service\" href=\"#/fr/services/product-design\"><img src=\"vasset:ea8570c80ed5a7d02fa944be\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre landing page, d\u00e9velopp\u00e9e</strong><span>Une landing page d\u00e9velopp\u00e9e, adapt\u00e9e au mobile.</span></a><a class=\"mega-service\" href=\"#/fr/services/webflow\"><img src=\"vasset:e5f6eedc39796a10836ed803\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Le site de votre entreprise</strong><span>Un site responsive, pr\u00eat \u00e0 pr\u00e9senter votre activit\u00e9.</span></a><a class=\"mega-service\" href=\"#/fr/services/web-development\"><img src=\"vasset:14c9a5984505446c5044012f\" width=\"800\" height=\"556\" loading=\"lazy\" alt=\"\"><strong>Votre outil de travail sur mesure</strong><span>Un outil connect\u00e9 pour simplifier votre travail.</span></a></div><a class=\"mega-pricing\" href=\"#/fr/pricing\">Budgets &amp; collaboration</a></div></details><a class=\"active\" href=\"#/fr/work\">Projets</a><a class=\"\" href=\"#/fr/about\">Entreprise</a><a class=\"\" href=\"#/fr/insights\">Journal</a></nav><div class=\"header-end\"><details class=\"language\"><summary aria-label=\"Choisir la langue\">FR</summary><div><a lang=\"fr\" href=\"#/fr/work/orbita\" aria-current=\"true\">Fran\u00e7ais</a><a lang=\"en\" href=\"#/en/work/orbita\">English</a></div></details><a class=\"header-cta\" href=\"#/fr/contact\"><span class=\"cta-long\">Parlons de votre projet</span><span class=\"cta-short\">Contact</span></a><details class=\"command-mobile-menu\"><summary aria-label=\"Menu\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z\"></path></svg></summary><nav class=\"command-mobile-panel\" aria-label=\"Menu\"><a href=\"#/fr/services\">Expertises</a><div class=\"mobile-service-links\"><a href=\"#/fr/services/product-design\">Votre landing page, d\u00e9velopp\u00e9e</a><a href=\"#/fr/services/webflow\">Le site de votre entreprise</a><a href=\"#/fr/services/web-development\">Votre outil de travail sur mesure</a></div><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">Entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a></nav></details></div></div></header><main id=\"main\"><div class=\"breadcrumb wrap\"><a href=\"#/fr/work\">Projets</a><span>/</span><span>ORBITA</span></div><section class=\"project-heading product-heading wrap\"><div><h1>ORBITA</h1><p>Pilotez votre activit\u00e9 en toute simplicit\u00e9.</p></div><div class=\"product-category\">SaaS / Cloud</div></section><section class=\"project-demo wrap\" data-demo-shell=\"true\"><div class=\"demo-tools\"><div><h2>Explorez le projet.</h2><p>Parcourez les pages, ouvrez les menus et essayez les fonctions.</p></div><a class=\"button primary\" data-demo-open=\"orbita-fr\" href=\"#/products/orbita-fr.html\" target=\"_blank\" rel=\"noopener\">Ouvrir la d\u00e9mo</a></div><div class=\"demo-browser\"><div class=\"demo-browser-bar\"><strong>ORBITA</strong><button data-demo-reload=\"true\">Recommencer</button></div><p class=\"demo-load-status\" data-demo-status=\"true\" role=\"status\">Chargement de la d\u00e9mo\u2026</p><div class=\"demo-browser-stage\"><iframe data-product-preview=\"orbita-fr\" title=\"ORBITA \u2014 Ouvrir la d\u00e9mo\" sandbox=\"allow-scripts allow-same-origin allow-downloads\"></iframe></div></div></section><section class=\"product-intro wrap section\"><h2>Pr\u00e9sentation</h2><p>Projets, \u00e9quipe et activit\u00e9 dans une plateforme de travail coh\u00e9rente.</p></section><section class=\"product-story wrap\"><div><h2>Le d\u00e9fi</h2><p>Comprendre l\u2019avancement ne devrait pas demander de reconstituer plusieurs outils. ORBITA relie projets, personnes et activit\u00e9 dans un espace de travail commun.</p></div><div><h2>Notre approche</h2><p>Une synth\u00e8se m\u00e8ne aux projets, aux membres et aux r\u00e9glages. Les r\u00f4les, abonnements et documents de facturation ont leurs propres vues, sans encombrer le travail quotidien.</p></div></section><section class=\"product-experience wrap section\"><div class=\"section-heading\"><h2>Exp\u00e9rience produit</h2></div><div class=\"product-screen-grid\"><figure class=\"product-screen screen-0\"><img src=\"vasset:343389e79253f06dfe228ef4\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Vue d\u2019ensemble\" loading=\"lazy\"><figcaption><span>01</span>Vue d\u2019ensemble</figcaption></figure><figure class=\"product-screen screen-1\"><img src=\"vasset:784d0c1ad89abed0bb17d228\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Projets\" loading=\"lazy\"><figcaption><span>02</span>Projets</figcaption></figure><figure class=\"product-screen screen-2\"><img src=\"vasset:148108d91ebb12a08866f61f\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Membres\" loading=\"lazy\"><figcaption><span>03</span>Membres</figcaption></figure><figure class=\"product-screen screen-3\"><img src=\"vasset:fe76c31c4897f85ed1897e4f\" width=\"1440\" height=\"1000\" alt=\"ORBITA \u2014 Facturation\" loading=\"lazy\"><figcaption><span>04</span>Facturation</figcaption></figure></div><figure class=\"product-detail-fragment\"><img src=\"vasset:966d2f2b5b20afcb4374b769\" width=\"1000\" height=\"500\" loading=\"lazy\" alt=\"ORBITA \u2014 d\u00e9tail des composants\"><figcaption>Les d\u00e9tails qui relient contenu et action.</figcaption></figure><section class=\"product-mobile-strip\"><figure><img src=\"vasset:ad5fd01b18008375fe04c8e4\" width=\"390\" height=\"844\" loading=\"lazy\" alt=\"ORBITA \u2014 version mobile\"></figure><div><h2>La m\u00eame exigence, sur mobile.</h2><p>La navigation, les contenus et les actions se r\u00e9organisent pour un \u00e9cran \u00e9troit. Les contr\u00f4les restent accessibles au toucher et au clavier.</p><div class=\"mobile-feature-list\"><span>Suivi des projets</span><span>Analyse de l\u2019activit\u00e9</span><span>Membres et permissions</span></div></div></section></section><section class=\"product-story wrap section\"><div><h2>Les sc\u00e9narios cl\u00e9s</h2><ul class=\"deliverables\"><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Suivi des projets</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Analyse de l\u2019activit\u00e9</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Membres et permissions</li><li><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewbox=\"0 0 256 256\"><path d=\"M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z\"></path></svg>Abonnement et factures</li></ul></div><div><h2>R\u00e9alisation des interfaces</h2><p>Ces interfaces sont r\u00e9alis\u00e9es en HTML, CSS, JavaScript et SVG. Recherche, navigation, formulaires et interactions s\u2019ex\u00e9cutent dans le navigateur ; les connexions aux services et la mise en production font l\u2019objet du d\u00e9veloppement adapt\u00e9 \u00e0 votre projet.</p><div class=\"stack-tags\"><span>HTML</span><span>CSS</span><span>JavaScript</span><span>SVG</span></div></div></section><section class=\"product-value wrap\"><h2>Ce que cette r\u00e9alisation apporte</h2><p>Un parcours coh\u00e9rent entre les informations, les actions et leur suivi. La structure des \u00e9crans permet de faire \u00e9voluer les fonctions sans d\u00e9sorganiser le travail quotidien.</p></section><section class=\"wrap\"><div class=\"product-final\"><h2>Un projet similaire en t\u00eate ? Parlons-en.</h2><a class=\"button primary magnetic-button\" href=\"#/fr/contact?project=orbita\">Parler de mon projet</a></div></section><section class=\"product-next wrap\"><span>Le projet suivant</span><a href=\"#/fr/work/nexora\"><h2>NEXORA</h2></a></section></main><footer class=\"canvas-footer\" data-canvas-footer=\"true\" data-motion=\"false\"><div class=\"canvas-cta wrap\"><div class=\"canvas-copy\"><span class=\"canvas-label\">VEYLONIC SYSTEMS \u2014 SOLUTIONS DIGITALES SUR MESURE</span><h2>Donnons forme \u00e0 votre prochaine id\u00e9e.</h2><p>Applications web, logiciels m\u00e9tier, SaaS, automatisation : nous concevons des solutions utiles, \u00e9l\u00e9gantes et durables pour les entreprises et les startups.</p><div class=\"canvas-actions\"><a class=\"button primary\" href=\"#/fr/contact\">Parlons de votre projet</a><a class=\"text-link\" href=\"#/fr/services\">D\u00e9couvrir nos expertises</a></div></div><div class=\"interface-canvas\"><div class=\"canvas-coordinate\" aria-hidden=\"true\">Veylonic / Interfaces</div><div class=\"canvas-panels\" role=\"img\" aria-label=\"Interfaces d\u2019analytique, de CRM, d\u2019application mobile et d\u2019automatisation.\"><div class=\"canvas-panel panel-dashboard\" data-depth=\".8\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Veylonic / Analytics</strong><span class=\"window-square\"></span></div><div class=\"canvas-app\"><div class=\"canvas-sidebar\"><b>v.</b><i></i><i></i><i></i><i></i></div><div class=\"canvas-dashboard\"><div class=\"mini-heading\"><strong>Vue d\u2019ensemble</strong><span>Ce mois-ci</span></div><div class=\"mini-metrics\"><div><small>Demandes</small><b>128</b></div><div><small>En cours</small><b>36</b></div><div><small>Termin\u00e9</small><b>92</b></div></div><svg class=\"canvas-chart\" viewbox=\"0 0 310 80\" fill=\"none\"><path d=\"M0 20H310M0 50H310M0 79H310\" stroke=\"#D5DEED\"></path><path d=\"M0 70 25 64 48 69 73 39 97 46 120 31 145 37 170 20 192 29 216 18 240 23 266 4 290 12 310 3\" stroke=\"#2454F2\" stroke-width=\"2.5\"></path><path d=\"M0 78 28 72 60 77 90 64 120 68 150 56 180 63 210 51 240 56 270 43 310 46\" stroke=\"#8DAAF2\" stroke-width=\"1.5\"></path></svg><div class=\"mini-table\"><span>Projet</span><span>En cours</span><span>24.06</span><span>Studio</span><span>\u00c0 valider</span><span>26.06</span></div></div></div></div></div></div><div class=\"canvas-panel panel-crm\" data-depth=\"1.1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>CRM / Workspace</strong><span class=\"window-square\"></span></div><div class=\"mini-crm\"><strong>Suivi des projets</strong><div class=\"crm-columns\"><div><span>Nouveau</span><p>Maison<br><small>Design web</small></p><p>Atelier<br><small>Application</small></p></div><div><span>En cours</span><p>Studio<br><small>Interface</small></p></div></div></div></div></div></div><div class=\"canvas-panel panel-mobile\" data-depth=\"1.4\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window phone-window\"><div class=\"phone-speaker\"></div><div class=\"phone-top\"><b>9:41</b><span>\u2022\u2022\u2022</span></div><small>Aujourd\u2019hui</small><h3>Votre espace</h3><div class=\"phone-calendar\"><span>24</span><div>Design review<small>10:30 \u2014 11:00</small></div></div><div class=\"phone-tasks\"><span>Suivi des projets</span><i></i><i></i><i></i></div><div class=\"phone-action\">Aper\u00e7u</div><div class=\"phone-home\"></div></div></div></div><div class=\"canvas-panel panel-workflow\" data-depth=\".5\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Automatisation</strong><span class=\"window-square\"></span></div><div class=\"mini-workflow\"><span><i></i>Recevoir</span><b></b><span><i></i>V\u00e9rifier</span><b></b><span><i></i>Enregistrer</span></div></div></div></div><div class=\"canvas-panel panel-api\" data-depth=\".65\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>API / Integrations</strong><span class=\"window-square\"></span></div><div class=\"mini-api\"><span>Donn\u00e9es</span><svg viewbox=\"0 0 60 22\" fill=\"none\"><path d=\"M0 11H60M12 11V2H48V11M12 11V20H48V11\" stroke=\"currentColor\"></path></svg><strong>Connecter</strong></div></div></div></div><div class=\"canvas-panel panel-components\" data-depth=\"1\" aria-hidden=\"true\"><div class=\"interface-drift\"><div class=\"interface-window\"><div class=\"interface-title\"><span class=\"window-controls\"><i></i><i></i><i></i></span><strong>Composants</strong><span class=\"window-square\"></span></div><div class=\"mini-components\"><span>Enregistrer</span><i></i><b></b><em></em></div></div></div></div></div></div></div><div class=\"canvas-utility wrap\"><div class=\"canvas-company\"><a class=\"footer-brand\" aria-label=\"Veylonic Systems\" href=\"#/fr\"><span class=\"brand-logo\" aria-hidden=\"true\"><img class=\"brand-image-symbol\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"><img class=\"brand-image-name\" src=\"vasset:85e098f33623caffae40186e\" alt=\"\" width=\"1200\" height=\"306\" fetchpriority=\"high\"></span></a><p>Vos id\u00e9es. Nos syst\u00e8mes. Votre avenir.</p><div class=\"footer-languages\" aria-label=\"Langues\"><a lang=\"fr\" aria-current=\"true\" href=\"#/fr/work/orbita\">FR</a><a lang=\"en\" href=\"#/en/work/orbita\">EN</a></div></div><nav class=\"canvas-navigation\" aria-label=\"Navigation\"><a href=\"#/fr/services\">Expertises</a><a href=\"#/fr/work\">Projets</a><a href=\"#/fr/about\">L\u2019entreprise</a><a href=\"#/fr/insights\">Journal</a><a href=\"#/fr/pricing\">Budgets &amp; collaboration</a></nav><div class=\"canvas-contact\"><a href=\"mailto:contact@veylonicsystems.com\">contact@veylonicsystems.com</a><a href=\"tel:+33897813210\">+33 8 97 81 32 10</a><p>5 VILLA GLORIETTE, 93380 SAINT-DENIS, France</p><span>SIREN 131187221</span></div><div class=\"canvas-legal\"><span>\u00a9 2026 Veylonic Systems</span><nav><a href=\"#/fr/legal\">Mentions l\u00e9gales</a><a href=\"#/fr/privacy\">Confidentialit\u00e9</a><a href=\"#/fr/cookies\">Cookies</a><a href=\"#/fr/terms\">Conditions d\u2019utilisation</a></nav></div></div></footer>"}},"assets":{"2fb2e8cbfd52ae46179a8b60":"/assets/2fb2e8cbfd52ae46179a.woff2","6bbb044ab420e07edb0a3042":"/assets/6bbb044ab420e07edb0a.woff2","3911b66d9f2e005a4b989223":"/assets/3911b66d9f2e005a4b98.woff2","a30ddcd349703aff7464c34b":"/assets/a30ddcd349703aff7464.woff2","85e098f33623caffae40186e":"/assets/85e098f33623caffae40.png","04c2ca0d419b4ce8ff647e54":"/assets/04c2ca0d419b4ce8ff64.webp","f0d45b646059cc3ae0c59172":"/assets/f0d45b646059cc3ae0c5.webp","cee1c12b9315bcdff358b9ea":"/assets/cee1c12b9315bcdff358.webp","0bf794f19715c3c4dd9b2dc5":"/assets/0bf794f19715c3c4dd9b.webp","05db738d63d088fb2f8ef6bf":"/assets/05db738d63d088fb2f8e.webp","0dd2b21a715f1f02d46abd6d":"/assets/ef632f71402bf407591f.jpg","e0d80e13505842c713aa9424":"/assets/4c4c3f1a0ae8c65d52e1.jpg","b666f443942739e053d5b9a5":"/assets/2c88b5b3806a750e52bf.jpg","add491bcf3e0e63da6030a33":"/assets/add491bcf3e0e63da603.webp","dd9435e2426203575f27c343":"/assets/dd9435e2426203575f27.webp","f439a365d99c1b291232d513":"/assets/f439a365d99c1b291232.webp","ab8db075616547685624d88c":"/assets/ab8db075616547685624.webp","eed44bf746c30a60d9e1fea2":"/assets/eed44bf746c30a60d9e1.webp","5767f79acc7fb27c2a3268a0":"/assets/5767f79acc7fb27c2a32.webp","69eaa9a29653f55759ec3af8":"/assets/69eaa9a29653f55759ec.webp","d6ceead21ef3d6bd5114ee3e":"/assets/d6ceead21ef3d6bd5114.webp","d8d0bdb3fb5fa71ce72df6b3":"/assets/d8d0bdb3fb5fa71ce72d.webp","980842328028717fa3447816":"/assets/980842328028717fa344.webp","e51c810806c8e9476d8ef209":"/assets/e51c810806c8e9476d8e.webp","dd03a07d6e56deb9c2bee9d0":"/assets/dd03a07d6e56deb9c2be.webp","9730650994dd6ddf1a338db9":"/assets/9730650994dd6ddf1a33.webp","ef592d1d09310dba858bce29":"/assets/ef592d1d09310dba858b.webp","0fe7b718c65f2ea63146f5a9":"/assets/0fe7b718c65f2ea63146.webp","2ad1eefb42a580585ed34bd8":"/assets/2ad1eefb42a580585ed3.webp","faba8d5b192206e927dbada5":"/assets/faba8d5b192206e927db.webp","28d441be714b66c26b88bda1":"/assets/28d441be714b66c26b88.webp","15a15c646ba948cbfcd488c2":"/assets/15a15c646ba948cbfcd4.webp","674b3b66e4d035fe107f07f1":"/assets/674b3b66e4d035fe107f.webp","0acff25af7c72564463b88ad":"/assets/0acff25af7c72564463b.webp","fe9485dbd06e76ce82b69976":"/assets/fe9485dbd06e76ce82b6.webp","97d9a60eb8b83a1304339a5b":"/assets/97d9a60eb8b83a130433.webp","2d29a965f31918afe0bb51f3":"/assets/2d29a965f31918afe0bb.webp","b581848995333fca627b9fae":"/assets/b581848995333fca627b.webp","46752a6fac53e0efcf6ee81d":"/assets/46752a6fac53e0efcf6e.webp","ea8570c80ed5a7d02fa944be":"/assets/ea8570c80ed5a7d02fa9.webp","e5f6eedc39796a10836ed803":"/assets/e5f6eedc39796a10836e.webp","14c9a5984505446c5044012f":"/assets/14c9a5984505446c5044.webp","41b8c55f12a399794cd49bb9":"/assets/41b8c55f12a399794cd4.webp","145e3d5ca29fdc2fc1a3c389":"/assets/145e3d5ca29fdc2fc1a3.webp","cb0045b4cce601761025edf9":"/assets/cb0045b4cce601761025.webp","569a43d3593e0efd4b14cd0a":"/assets/569a43d3593e0efd4b14.webp","ffb9d965900664a04fe0b804":"/assets/ffb9d965900664a04fe0.webp","2d845c7bbdcfb25524b778cf":"/assets/2d845c7bbdcfb25524b7.webp","343389e79253f06dfe228ef4":"/assets/343389e79253f06dfe22.webp","f9847492ac2c3d4ff4dde72b":"/assets/f9847492ac2c3d4ff4dd.webp","cdb3f3d0b49f3c8fa0048147":"/assets/cdb3f3d0b49f3c8fa004.webp","8d786dca98d4d2adb70cb3cf":"/assets/8d786dca98d4d2adb70c.webp","1c97722110bea11e600fa026":"/assets/1c97722110bea11e600f.webp","b19d285a73282f6928ed86d6":"/assets/b19d285a73282f6928ed.webp","d408f2e7f36a09f96088fdd7":"/assets/d408f2e7f36a09f96088.webp","db35e7f51311da030c2774a1":"/assets/db35e7f51311da030c27.webp","5423978e85ef2427ffa4f5e6":"/assets/5423978e85ef2427ffa4.webp","268dec7e6fdf9dbc023ee1a0":"/assets/268dec7e6fdf9dbc023e.webp","3ad5d34fffb0f698507a72bd":"/assets/3ad5d34fffb0f698507a.webp","cf311e8899724f70e5cba11e":"/assets/cf311e8899724f70e5cb.webp","784d0c1ad89abed0bb17d228":"/assets/784d0c1ad89abed0bb17.webp","148108d91ebb12a08866f61f":"/assets/148108d91ebb12a08866.webp","fe76c31c4897f85ed1897e4f":"/assets/fe76c31c4897f85ed189.webp","966d2f2b5b20afcb4374b769":"/assets/966d2f2b5b20afcb4374.webp","ad5fd01b18008375fe04c8e4":"/assets/ad5fd01b18008375fe04.webp","b02071b367e06a97ab7617bd":"/assets/b02071b367e06a97ab76.glb","1b9ddc9ba68072c6f7f15267":"/assets/1b9ddc9ba68072c6f7f1.glb","b8271e451cb394f2db58e27e":"/assets/b8271e451cb394f2db58.glb","2b76c8063a8b60b6edcf51d9":"/assets/2b76c8063a8b60b6edcf.glb","81d46f12c8755bb3a323a291":"/assets/81d46f12c8755bb3a323.svg"},"assetPaths":{"/_next/static/media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2":"vasset:2fb2e8cbfd52ae46179a8b60","/_next/static/media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2":"vasset:6bbb044ab420e07edb0a3042","/_next/static/media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2":"vasset:3911b66d9f2e005a4b989223","/_next/static/media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2":"vasset:a30ddcd349703aff7464c34b","/media/identity/veylonic-supplied-logo.png":"vasset:85e098f33623caffae40186e","/media/software/design-system-en-small.webp":"vasset:04c2ca0d419b4ce8ff647e54","/media/software/saas-analytics-en-small.webp":"vasset:f0d45b646059cc3ae0c59172","/media/software/crm-workspace-en-small.webp":"vasset:cee1c12b9315bcdff358b9ea","/media/design/hero-art.webp":"vasset:0bf794f19715c3c4dd9b2dc5","/media/portfolio/nexora-en-0.webp":"vasset:05db738d63d088fb2f8ef6bf","/media/editorial/portrait-design-angle.webp":"vasset:0dd2b21a715f1f02d46abd6d","/media/editorial/portrait-development-angle.webp":"vasset:e0d80e13505842c713aa9424","/media/editorial/portrait-delivery-angle.webp":"vasset:b666f443942739e053d5b9a5","/media/software/code-editor-en.webp":"vasset:add491bcf3e0e63da6030a33","/media/software/business-automation-en.webp":"vasset:dd9435e2426203575f27c343","/media/software/design-system-en.webp":"vasset:f439a365d99c1b291232d513","/media/software/maintenance-console-en.webp":"vasset:ab8db075616547685624d88c","/media/design/service-design.webp":"vasset:eed44bf746c30a60d9e1fea2","/media/design/service-workflow.webp":"vasset:5767f79acc7fb27c2a3268a0","/media/software/saas-analytics-en.webp":"vasset:69eaa9a29653f55759ec3af8","/media/software/api-integrations-en.webp":"vasset:d6ceead21ef3d6bd5114ee3e","/media/design/service-website.webp":"vasset:d8d0bdb3fb5fa71ce72df6b3","/media/portfolio/orbita-en-0.webp":"vasset:980842328028717fa3447816","/media/portfolio/fluxio-en-0.webp":"vasset:e51c810806c8e9476d8ef209","/media/portfolio/fluxio-en-1.webp":"vasset:dd03a07d6e56deb9c2bee9d0","/media/portfolio/fluxio-en-2.webp":"vasset:9730650994dd6ddf1a338db9","/media/portfolio/fluxio-en-3.webp":"vasset:ef592d1d09310dba858bce29","/media/portfolio/fluxio-en-detail.webp":"vasset:0fe7b718c65f2ea63146f5a9","/media/portfolio/fluxio-en-mobile.webp":"vasset:2ad1eefb42a580585ed34bd8","/media/portfolio/nexora-en-1.webp":"vasset:faba8d5b192206e927dbada5","/media/portfolio/nexora-en-2.webp":"vasset:28d441be714b66c26b88bda1","/media/portfolio/nexora-en-3.webp":"vasset:15a15c646ba948cbfcd488c2","/media/portfolio/nexora-en-detail.webp":"vasset:674b3b66e4d035fe107f07f1","/media/portfolio/nexora-en-mobile.webp":"vasset:0acff25af7c72564463b88ad","/media/portfolio/orbita-en-1.webp":"vasset:fe9485dbd06e76ce82b69976","/media/portfolio/orbita-en-2.webp":"vasset:97d9a60eb8b83a1304339a5b","/media/portfolio/orbita-en-3.webp":"vasset:2d29a965f31918afe0bb51f3","/media/portfolio/orbita-en-detail.webp":"vasset:b581848995333fca627b9fae","/media/portfolio/orbita-en-mobile.webp":"vasset:46752a6fac53e0efcf6ee81d","/media/software/design-system-fr-small.webp":"vasset:ea8570c80ed5a7d02fa944be","/media/software/saas-analytics-fr-small.webp":"vasset:e5f6eedc39796a10836ed803","/media/software/crm-workspace-fr-small.webp":"vasset:14c9a5984505446c5044012f","/media/portfolio/nexora-fr-0.webp":"vasset:41b8c55f12a399794cd49bb9","/media/software/code-editor-fr.webp":"vasset:add491bcf3e0e63da6030a33","/media/software/business-automation-fr.webp":"vasset:145e3d5ca29fdc2fc1a3c389","/media/software/design-system-fr.webp":"vasset:cb0045b4cce601761025edf9","/media/software/maintenance-console-fr.webp":"vasset:569a43d3593e0efd4b14cd0a","/media/software/saas-analytics-fr.webp":"vasset:ffb9d965900664a04fe0b804","/media/software/api-integrations-fr.webp":"vasset:2d845c7bbdcfb25524b778cf","/media/portfolio/orbita-fr-0.webp":"vasset:343389e79253f06dfe228ef4","/media/portfolio/fluxio-fr-0.webp":"vasset:f9847492ac2c3d4ff4dde72b","/media/portfolio/fluxio-fr-1.webp":"vasset:cdb3f3d0b49f3c8fa0048147","/media/portfolio/fluxio-fr-2.webp":"vasset:8d786dca98d4d2adb70cb3cf","/media/portfolio/fluxio-fr-3.webp":"vasset:1c97722110bea11e600fa026","/media/portfolio/fluxio-fr-detail.webp":"vasset:b19d285a73282f6928ed86d6","/media/portfolio/fluxio-fr-mobile.webp":"vasset:d408f2e7f36a09f96088fdd7","/media/portfolio/nexora-fr-1.webp":"vasset:db35e7f51311da030c2774a1","/media/portfolio/nexora-fr-2.webp":"vasset:5423978e85ef2427ffa4f5e6","/media/portfolio/nexora-fr-3.webp":"vasset:268dec7e6fdf9dbc023ee1a0","/media/portfolio/nexora-fr-detail.webp":"vasset:3ad5d34fffb0f698507a72bd","/media/portfolio/nexora-fr-mobile.webp":"vasset:cf311e8899724f70e5cba11e","/media/portfolio/orbita-fr-1.webp":"vasset:784d0c1ad89abed0bb17d228","/media/portfolio/orbita-fr-2.webp":"vasset:148108d91ebb12a08866f61f","/media/portfolio/orbita-fr-3.webp":"vasset:fe76c31c4897f85ed1897e4f","/media/portfolio/orbita-fr-detail.webp":"vasset:966d2f2b5b20afcb4374b769","/media/portfolio/orbita-fr-mobile.webp":"vasset:ad5fd01b18008375fe04c8e4","/media/design/hero-art.glb":"vasset:b02071b367e06a97ab7617bd","/media/design/service-design.glb":"vasset:1b9ddc9ba68072c6f7f15267","/media/design/service-website.glb":"vasset:b8271e451cb394f2db58e27e","/media/design/service-workflow.glb":"vasset:2b76c8063a8b60b6edcf51d9","/favicon.svg":"vasset:81d46f12c8755bb3a323a291","/fonts/demo-manrope-latin.woff2":"vasset:a30ddcd349703aff7464c34b"},"meta":{"services":[{"slug":"product-design","id":"01","price":1500,"unit":"project","name":{"fr":"Votre landing page, d\u00e9velopp\u00e9e","en":"Your landing page, built"},"summary":{"fr":"Une page responsive pr\u00eate \u00e0 mettre en ligne, avec formulaire de contact et code source.","en":"A responsive page ready for launch, with a contact form and source code."},"duration":{"fr":"Environ 1 \u00e0 2 semaines, selon le p\u00e9rim\u00e8tre valid\u00e9.","en":"Around 1\u20132 weeks, depending on the agreed scope."},"deliverables":[{"fr":"Une page d\u00e9velopp\u00e9e, jusqu\u2019\u00e0 5 sections, adapt\u00e9e au mobile.","en":"One developed page with up to 5 sections, adapted for mobile."},{"fr":"Formulaire de contact et m\u00e9tadonn\u00e9es de base.","en":"Contact form and basic metadata."},{"fr":"Deux cycles d\u2019ajustements, sources et pr\u00e9paration \u00e0 la mise en ligne.","en":"Two adjustment rounds, source code and launch preparation."}],"limits":{"fr":"Le tarif couvre une page jusqu\u2019\u00e0 5 sections et un formulaire. Domaine, h\u00e9bergement et design compl\u00e9mentaire \u00e9ventuel sont pr\u00e9cis\u00e9s dans le devis. Une fonction m\u00e9tier ou un espace membre re\u00e7oit une estimation sp\u00e9cifique.","en":"The price covers one page with up to 5 sections and a form. Domain, hosting and any additional design work are identified in the quote. Business features or a member area receive a separate estimate."},"steps":[{"fr":"Pr\u00e9ciser l\u2019offre et organiser la page.","en":"Clarify the offer and organise the page."},{"fr":"D\u00e9velopper la page et la version mobile.","en":"Develop the page and mobile layout."},{"fr":"V\u00e9rifier le formulaire et pr\u00e9parer le lancement.","en":"Check the form and prepare the launch."}],"faqs":[{"q":{"fr":"Le d\u00e9veloppement est-il inclus ?","en":"Is development included?"},"a":{"fr":"Oui. Le d\u00e9veloppement est au c\u0153ur de nos prestations : nous r\u00e9alisons la page, le site ou les fonctions convenus dans le devis. Vous recevez un r\u00e9sultat fonctionnel et le code source. Le design peut \u00eatre fourni par vous ou ajout\u00e9 au projet selon le besoin.","en":"Yes. Development is the core of our services: we implement the page, website or features agreed in your quote. You receive a working result and source code. You can supply the design or include design work when needed."}},{"q":{"fr":"Peut-on utiliser nos maquettes ?","en":"Can you work from our designs?"},"a":{"fr":"Oui. Nous examinons vos fichiers et pr\u00e9cisons les \u00e9tats et formats manquants avant d\u00e9veloppement. Si vous n\u2019avez pas de maquettes, nous pouvons pr\u00e9voir un travail de design compl\u00e9mentaire.","en":"Yes. We review your files and clarify missing states and screen sizes before development. If you have no designs, additional design work can be included."}},{"q":{"fr":"Comment se d\u00e9roulent les \u00e9changes ?","en":"How do reviews work?"},"a":{"fr":"Vous recevez une version \u00e0 examiner \u00e0 chaque \u00e9tape cl\u00e9. Nous rassemblons vos retours, convenons des ajustements et validons la suite. Les nouvelles fonctions sont chiffr\u00e9es avant d\u2019\u00eatre ajout\u00e9es.","en":"You receive a version to review at each key stage. We collect feedback, agree adjustments and confirm the next step. New features are estimated before being added."}}]},{"slug":"webflow","id":"02","price":2500,"unit":"project","name":{"fr":"Le site de votre entreprise","en":"Your business website"},"summary":{"fr":"Un site responsive jusqu\u2019\u00e0 5 pages, avec formulaire et pr\u00e9paration \u00e0 la mise en ligne.","en":"A responsive website with up to 5 pages, a contact form and launch preparation."},"duration":{"fr":"Environ 2 \u00e0 3 semaines apr\u00e8s r\u00e9ception des contenus.","en":"Around 2\u20133 weeks after receiving the content."},"deliverables":[{"fr":"Jusqu\u2019\u00e0 5 pages dans une langue, adapt\u00e9es au mobile.","en":"Up to 5 pages in one language, adapted for mobile."},{"fr":"Formulaire de contact, m\u00e9tadonn\u00e9es et structure SEO de base.","en":"Contact form, metadata and basic SEO structure."},{"fr":"Mise en ligne et courte documentation de gestion des contenus.","en":"Launch and concise content-management documentation."}],"limits":{"fr":"Site de pr\u00e9sentation, hors boutique, espace membre et application m\u00e9tier. Textes et traductions fournis par le client. H\u00e9bergement, nom de domaine et abonnements tiers factur\u00e9s s\u00e9par\u00e9ment. Webflow ou Next.js selon le besoin.","en":"Presentation website, excluding a shop, member area or business application. Client supplies copy and translations. Hosting, domain and third-party subscriptions are separate. Webflow or Next.js depending on the brief."},"steps":[{"fr":"Organiser les pages et choisir la direction visuelle.","en":"Organise the pages and choose the visual direction."},{"fr":"Cr\u00e9er le site et v\u00e9rifier les formats.","en":"Build the site and check screen sizes."},{"fr":"Tester le formulaire et pr\u00e9parer la mise en ligne.","en":"Test the form and prepare the launch."}],"faqs":[{"q":{"fr":"Le site peut-il \u00eatre multilingue ?","en":"Can the site be multilingual?"},"a":{"fr":"Oui. Les langues suppl\u00e9mentaires et la pr\u00e9paration des traductions sont chiffr\u00e9es dans le devis avant r\u00e9alisation.","en":"Yes. Additional languages and translation preparation are scoped in the quote before work starts."}},{"q":{"fr":"Les abonnements sont-ils compris ?","en":"Are subscriptions included?"},"a":{"fr":"Non. Les co\u00fbts de domaine, d\u2019h\u00e9bergement et de services tiers sont indiqu\u00e9s s\u00e9par\u00e9ment et restent sous votre contr\u00f4le.","en":"No. Domain, hosting and third-party costs are shown separately and remain under your control."}}]},{"slug":"web-development","id":"03","price":4500,"unit":"project","name":{"fr":"Votre outil de travail sur mesure","en":"A tool for your workflow"},"summary":{"fr":"Un outil web centr\u00e9 sur une t\u00e2che, avec stockage et une connexion \u00e0 un service existant.","en":"A web tool for one task, with data storage and one connection to an existing service."},"duration":{"fr":"Environ 3 \u00e0 4 semaines pour un premier p\u00e9rim\u00e8tre cibl\u00e9.","en":"Around 3\u20134 weeks for an initial focused scope."},"deliverables":[{"fr":"Un parcours principal, jusqu\u2019\u00e0 3 \u00e9crans et un stockage des donn\u00e9es.","en":"One primary workflow, up to 3 screens and data storage."},{"fr":"Une int\u00e9gration document\u00e9e ou un import/export de donn\u00e9es.","en":"One documented integration or data import/export."},{"fr":"Tests du sc\u00e9nario, code source et guide de prise en main.","en":"Workflow testing, source code and a getting-started guide."}],"limits":{"fr":"Premier outil cibl\u00e9, pas une plateforme SaaS compl\u00e8te. Syst\u00e8mes complexes, paiements, donn\u00e9es sensibles et agents IA autonomes exclus du forfait de d\u00e9part. Les services externes et l\u2019exploitation continue sont chiffr\u00e9s s\u00e9par\u00e9ment.","en":"A focused first tool, not a full SaaS platform. Complex systems, payments, sensitive-data workflows and autonomous AI agents are outside the starting package. External services and ongoing operation are quoted separately."},"steps":[{"fr":"D\u00e9crire la t\u00e2che et les donn\u00e9es utiles.","en":"Describe the task and the necessary data."},{"fr":"R\u00e9aliser un prototype fonctionnel.","en":"Build a functional prototype."},{"fr":"V\u00e9rifier le sc\u00e9nario et documenter la livraison.","en":"Verify the workflow and document delivery."}],"faqs":[{"q":{"fr":"Pouvez-vous connecter nos outils ?","en":"Can you connect our existing tools?"},"a":{"fr":"Nous v\u00e9rifions les possibilit\u00e9s de l\u2019API, les acc\u00e8s et les donn\u00e9es \u00e0 \u00e9changer avant de confirmer l\u2019int\u00e9gration. La prestation outil m\u00e9tier inclut une connexion dans son p\u00e9rim\u00e8tre de d\u00e9part ; les besoins suppl\u00e9mentaires sont chiffr\u00e9s.","en":"We check API capabilities, access and data exchange before confirming an integration. The business-tool starting scope includes one connection; additional needs are quoted."}},{"q":{"fr":"Comment le prix est-il fix\u00e9 ?","en":"How is the price agreed?"},"a":{"fr":"Nous pr\u00e9cisons pages, fonctions, int\u00e9grations et contenus, puis \u00e9tablissons un devis avant r\u00e9alisation. Les tarifs de d\u00e9part correspondent aux p\u00e9rim\u00e8tres pr\u00e9sent\u00e9s. Une plateforme plus vaste re\u00e7oit une estimation sp\u00e9cifique.","en":"We define pages, features, integrations and content, then quote before development begins. Starting prices cover the published scopes. A larger platform receives its own estimate."}},{"q":{"fr":"Que se passe-t-il apr\u00e8s la mise en ligne ?","en":"What happens after launch?"},"a":{"fr":"Nous remettons la documentation et les acc\u00e8s et expliquons la prise en main. Corrections, surveillance et \u00e9volutions peuvent faire l\u2019objet d\u2019un accompagnement d\u00e9fini s\u00e9par\u00e9ment, selon le produit.","en":"We hand over documentation and access and explain how to get started. Fixes, monitoring and future improvements can be covered by separately agreed support suited to the product."}}]}],"projects":[{"slug":"nexora","name":"NEXORA","category":"corporate","color":"#177D78","categoryLabel":{"fr":"Logiciel m\u00e9tier / CRM","en":"Business software / CRM"},"title":{"fr":"Gestion commerciale intelligente.","en":"A clearer view of every opportunity."},"summary":{"fr":"Clients, opportunit\u00e9s et devis r\u00e9unis dans un espace commercial clair.","en":"Clients, opportunities and quotes in one clear sales workspace."},"challenge":{"fr":"Les informations clients dispers\u00e9es compliquent les relances et les pr\u00e9visions. NEXORA organise le suivi commercial autour d\u2019une fiche partag\u00e9e et d\u2019une prochaine action visible.","en":"Scattered customer information makes follow-ups and forecasts difficult. NEXORA organises sales around a shared record and a visible next action."},"solution":{"fr":"Une navigation stable relie clients, contacts, pipeline, devis, t\u00e2ches et rapports. Les tableaux se parcourent par recherche ; le pipeline rend chaque \u00e9tape et son montant lisibles.","en":"Stable navigation connects clients, contacts, pipeline, quotes, tasks and reports. Searchable tables help find a record; the pipeline makes each stage and its value visible."},"architecture":{"fr":"Une navigation stable relie clients, contacts, pipeline, devis, t\u00e2ches et rapports. Les tableaux se parcourent par recherche ; le pipeline rend chaque \u00e9tape et son montant lisibles.","en":"Stable navigation connects clients, contacts, pipeline, quotes, tasks and reports. Searchable tables help find a record; the pipeline makes each stage and its value visible."},"screenNames":[{"fr":"Tableau de bord","en":"Overview"},{"fr":"Clients","en":"Clients"},{"fr":"Pipeline commercial","en":"Sales pipeline"},{"fr":"Devis","en":"Quotes"}],"features":[{"fr":"Clients et contacts","en":"Clients and contacts"},{"fr":"Opportunit\u00e9s par \u00e9tape","en":"Opportunities by stage"},{"fr":"Devis et montants","en":"Quotes and values"},{"fr":"T\u00e2ches et rapports","en":"Tasks and reports"}],"serviceSlug":"web-development","demo":true,"stack":["HTML","CSS","JavaScript","SVG"],"kind":"application"},{"slug":"fluxio","name":"FLUXIO","category":"ai","color":"#A8B5FF","categoryLabel":{"fr":"Automatisation / API","en":"Automation / API"},"title":{"fr":"L\u2019automatisation au service de vos \u00e9quipes.","en":"Let workflows do the repetitive work."},"summary":{"fr":"Un \u00e9diteur de processus pour connecter les outils et suivre chaque ex\u00e9cution.","en":"A workflow editor that connects tools and makes every run traceable."},"challenge":{"fr":"Une demande re\u00e7ue doit \u00eatre v\u00e9rifi\u00e9e, enregistr\u00e9e puis transmise \u00e0 plusieurs outils. FLUXIO rend ces r\u00e8gles visibles et facilite le rep\u00e9rage d\u2019une ex\u00e9cution interrompue.","en":"An incoming request needs validation, storage and delivery to several tools. FLUXIO makes those rules visible and helps identify an interrupted run."},"solution":{"fr":"Le constructeur s\u00e9pare d\u00e9clencheurs, conditions et actions. Un panneau explique les param\u00e8tres ; l\u2019historique et la supervision partagent les m\u00eames identifiants d\u2019ex\u00e9cution.","en":"The builder separates triggers, conditions and actions. A settings panel explains each block; history and monitoring share the same run identifiers."},"architecture":{"fr":"Le constructeur s\u00e9pare d\u00e9clencheurs, conditions et actions. Un panneau explique les param\u00e8tres ; l\u2019historique et la supervision partagent les m\u00eames identifiants d\u2019ex\u00e9cution.","en":"The builder separates triggers, conditions and actions. A settings panel explains each block; history and monitoring share the same run identifiers."},"screenNames":[{"fr":"\u00c9diteur de processus","en":"Workflow builder"},{"fr":"Int\u00e9grations","en":"Integrations"},{"fr":"Historique","en":"Execution history"},{"fr":"Supervision","en":"Monitoring"}],"features":[{"fr":"D\u00e9clencheurs et conditions","en":"Triggers and conditions"},{"fr":"Actions et param\u00e8tres","en":"Actions and settings"},{"fr":"Connexions aux services","en":"Service connections"},{"fr":"Historique et alertes","en":"History and alerts"}],"serviceSlug":"web-development","demo":true,"stack":["HTML","CSS","JavaScript","SVG"],"kind":"application"},{"slug":"orbita","name":"ORBITA","category":"saas","color":"#6E57CA","categoryLabel":{"fr":"SaaS / Cloud","en":"SaaS / Cloud"},"title":{"fr":"Pilotez votre activit\u00e9 en toute simplicit\u00e9.","en":"One workspace for the work ahead."},"summary":{"fr":"Projets, \u00e9quipe et activit\u00e9 dans une plateforme de travail coh\u00e9rente.","en":"Projects, people and activity in a coherent company workspace."},"challenge":{"fr":"Comprendre l\u2019avancement ne devrait pas demander de reconstituer plusieurs outils. ORBITA relie projets, personnes et activit\u00e9 dans un espace de travail commun.","en":"Understanding progress should not require piecing together several tools. ORBITA connects projects, people and activity in one workspace."},"solution":{"fr":"Une synth\u00e8se m\u00e8ne aux projets, aux membres et aux r\u00e9glages. Les r\u00f4les, abonnements et documents de facturation ont leurs propres vues, sans encombrer le travail quotidien.","en":"An overview leads to projects, members and settings. Roles, plans and billing documents have dedicated views so daily work stays focused."},"architecture":{"fr":"Une synth\u00e8se m\u00e8ne aux projets, aux membres et aux r\u00e9glages. Les r\u00f4les, abonnements et documents de facturation ont leurs propres vues, sans encombrer le travail quotidien.","en":"An overview leads to projects, members and settings. Roles, plans and billing documents have dedicated views so daily work stays focused."},"screenNames":[{"fr":"Vue d\u2019ensemble","en":"Overview"},{"fr":"Projets","en":"Projects"},{"fr":"Membres","en":"Members"},{"fr":"Facturation","en":"Billing"}],"features":[{"fr":"Suivi des projets","en":"Project tracking"},{"fr":"Analyse de l\u2019activit\u00e9","en":"Activity analytics"},{"fr":"Membres et permissions","en":"Members and permissions"},{"fr":"Abonnement et factures","en":"Plans and invoices"}],"serviceSlug":"web-development","demo":true,"stack":["HTML","CSS","JavaScript","SVG"],"kind":"application"}],"projectArtwork":{"fr":{"nexora":["/media/portfolio/nexora-fr-0.webp","/media/portfolio/nexora-fr-1.webp","/media/portfolio/nexora-fr-2.webp","/media/portfolio/nexora-fr-3.webp"],"fluxio":["/media/portfolio/fluxio-fr-0.webp","/media/portfolio/fluxio-fr-1.webp","/media/portfolio/fluxio-fr-2.webp","/media/portfolio/fluxio-fr-3.webp"],"orbita":["/media/portfolio/orbita-fr-0.webp","/media/portfolio/orbita-fr-1.webp","/media/portfolio/orbita-fr-2.webp","/media/portfolio/orbita-fr-3.webp"]},"en":{"nexora":["/media/portfolio/nexora-en-0.webp","/media/portfolio/nexora-en-1.webp","/media/portfolio/nexora-en-2.webp","/media/portfolio/nexora-en-3.webp"],"fluxio":["/media/portfolio/fluxio-en-0.webp","/media/portfolio/fluxio-en-1.webp","/media/portfolio/fluxio-en-2.webp","/media/portfolio/fluxio-en-3.webp"],"orbita":["/media/portfolio/orbita-en-0.webp","/media/portfolio/orbita-en-1.webp","/media/portfolio/orbita-en-2.webp","/media/portfolio/orbita-en-3.webp"]}},"ui":{"fr":{"nav":["Expertise","Projets","Notre approche","Entreprise","Journal"],"talk":"Parler de mon projet","work":"Explorer les projets","home":"Accueil","services":"Expertises","portfolio":"Projets","process":"Notre approche","about":"L\u2019entreprise","insights":"Journal","pricing":"Budgets & collaboration","contact":"Votre projet","hero":"Vos id\u00e9es.\nNos syst\u00e8mes.\nVotre avenir.","heroBody":"Nous concevons des sites, des applications web et des outils num\u00e9riques. Un design clair, des fonctionnalit\u00e9s utiles et un d\u00e9veloppement adapt\u00e9 \u00e0 votre activit\u00e9.","heroNote":"Design, sites et outils m\u00e9tier \u00b7 1 500\u20135 000 \u20ac HT","selected":"Des sites qui marquent.\nDes outils qui servent.","selectedBody":"Un site corporate, une exp\u00e9rience de marque et un logiciel m\u00e9tier : trois fa\u00e7ons de concr\u00e9tiser votre projet.","allProjects":"Tous les projets","concept":"Projet","viewProject":"Explorer le projet","viewDemo":"Essayer la d\u00e9mo","expertiseTitle":"De quoi avez-vous\nbesoin ?","expertiseBody":"Choisissez le r\u00e9sultat que vous voulez obtenir. Nous pr\u00e9cisons ensemble ce qui sera livr\u00e9, \u00e0 quel prix et \u00e0 quelle date.","approachTitle":"Vous savez toujours\no\u00f9 en est votre projet.","approachBody":"\u00c0 chaque \u00e9tape : une action, un r\u00e9sultat \u00e0 examiner et votre validation avant la suite.","approachLink":"D\u00e9couvrir notre approche","manifesto":"Bien con\u00e7u.\nBien construit.","manifestoBody":"Le design aide vos clients \u00e0 comprendre. Le code fait fonctionner le service. Nous travaillons les deux ensemble, avec des choix que vous pouvez comprendre et des fichiers qui vous appartiennent.","latest":"Des id\u00e9es \u00e0 partager.","read":"Lire l\u2019article","minutes":"min de lecture","cta":"Parlons de ce que\nvous voulez cr\u00e9er.","ctaBody":"Expliquez-nous votre besoin. Nous vous proposons un p\u00e9rim\u00e8tre et un budget avant de d\u00e9marrer.","footerLine":"","based":"","legal":"Mentions l\u00e9gales","privacy":"Confidentialit\u00e9","cookies":"Cookies","terms":"Conditions d\u2019utilisation","rights":"Tous droits r\u00e9serv\u00e9s.","all":"Tous","categories":{"saas":"SaaS & plateformes","logistics":"Logistique","commerce":"Commerce","ai":"Intelligence artificielle","mobile":"Mobile","corporate":"Corporate"},"from":"\u00c0 partir de","month":"/ mois","exVat":"HT","scope":"Le p\u00e9rim\u00e8tre de d\u00e9part","deliverables":"Ce que vous recevez","limits":"P\u00e9rim\u00e8tre & limites","steps":"Comment nous avan\u00e7ons","faq":"Les r\u00e9ponses, simplement.","serviceCta":"Parlons de votre besoin","back":"Retour","challenge":"Le d\u00e9fi","solution":"La r\u00e9ponse","architecture":"Sous le capot","features":"Les sc\u00e9narios cl\u00e9s","screens":"Explorer les \u00e9crans","desktop":"Ordinateur","mobile":"Mobile","nextProject":"Le projet suivant","demoLabel":"Interface du projet","copy":"Copier le lien","copied":"Lien copi\u00e9","close":"Fermer","previous":"Pr\u00e9c\u00e9dent","next":"Suivant","gallery":"Galerie du projet","galleryHint":"Parcourez les \u00e9crans avec Pr\u00e9c\u00e9dent et Suivant, ou les touches du clavier.","portfolioTitle":"Des sites aux logiciels.\nSix projets \u00e0 explorer.","portfolioBody":"Sites corporate, exp\u00e9riences de marque, catalogue, CRM, SaaS et automatisation : une m\u00eame exigence de d\u00e9veloppement.","servicesTitle":"Ce que nous\npouvons r\u00e9aliser.","servicesIntro":"Trois prestations concr\u00e8tes. Nous d\u00e9finissons le r\u00e9sultat, les \u00e9tapes et le budget avec vous avant de commencer.","pricingTitle":"Un budget clair.\nUn p\u00e9rim\u00e8tre d\u00e9fini.","pricingIntro":"Trois prestations avec un p\u00e9rim\u00e8tre de d\u00e9part d\u00e9fini. Le prix final d\u00e9pend de votre projet et figure dans le devis avant r\u00e9alisation.","estimate":"Estimez votre projet","estimateNote":"Estimation indicative, non contractuelle. P\u00e9rim\u00e8tre cibl\u00e9, prix B2B hors taxes. H\u00e9bergement, traductions et services tiers en suppl\u00e9ment.","calculator":"Un premier ordre de grandeur.","type":"Prestation","complexity":"P\u00e9rim\u00e8tre","simple":"Essentiel","standard":"\u00c9tendue","complex":"Avanc\u00e9e","integrations":"Int\u00e9grations","none":"Aucune","some":"1 \u00e0 2","many":"3 ou plus","design":"Design produit complet","ai":"Fonctionnalit\u00e9s AI","support":"Accompagnement mensuel","estimateResult":"Budget de r\u00e9alisation indicatif","includedSupport":"Accompagnement \u00e0 partir de 1 900 \u20ac HT/mois, en suppl\u00e9ment.","useEstimate":"Discuter de cette estimation","processTitle":"Construire ensemble.\nAvancer avec m\u00e9thode.","aboutTitle":"Votre partenaire\nen d\u00e9veloppement logiciel.","aboutIntro":"Veylonic Systems d\u00e9veloppe des sites, des applications web et des outils m\u00e9tier. Nous partons de votre besoin, r\u00e9alisons les fonctionnalit\u00e9s et pr\u00e9parons leur mise en service. Si votre projet le demande, nous prenons aussi en charge le design de l\u2019interface.","journalTitle":"Un regard sur\nles produits qui durent.","journalIntro":"Des rep\u00e8res concrets pour mieux d\u00e9cider, concevoir et faire \u00e9voluer vos outils num\u00e9riques.","contactTitle":"Donnons forme\n\u00e0 votre prochaine id\u00e9e.","contactIntro":"Pr\u00e9sentez-nous votre besoin. Les premi\u00e8res informations nous aident \u00e0 pr\u00e9parer un \u00e9change utile.","contactDirect":"Vous pr\u00e9f\u00e9rez \u00e9crire directement ?","name":"Votre nom","email":"Email professionnel","company":"Entreprise","phone":"T\u00e9l\u00e9phone (facultatif)","service":"Expertise recherch\u00e9e","budget":"Budget envisag\u00e9","timeline":"Horizon du projet","message":"D\u00e9crivez votre projet","choose":"Choisir","unsure":"\u00c0 d\u00e9finir ensemble","send":"Envoyer mon projet","sending":"Envoi en cours\u2026","sent":"Votre demande a \u00e9t\u00e9 re\u00e7ue.","sentBody":"Merci. Votre message a \u00e9t\u00e9 transmis \u00e0 notre messagerie.","localSent":"Test local r\u00e9ussi : votre demande est disponible dans le r\u00e9cepteur mail de d\u00e9veloppement.","error":"L\u2019envoi n\u2019a pas abouti. R\u00e9essayez ou \u00e9crivez-nous directement.","invalid":"V\u00e9rifiez les champs indiqu\u00e9s.","tooMany":"Trop de demandes. Patientez avant de r\u00e9essayer.","privacyForm":"Ces informations servent \u00e0 traiter votre demande pr\u00e9contractuelle. Aucun abonnement marketing. Consultez notre politique de confidentialit\u00e9.","required":"Obligatoire","notFound":"Cette page a pris un autre chemin.","notFoundBody":"Retrouvez nos expertises ou revenez \u00e0 l\u2019accueil.","backHome":"Retour \u00e0 l\u2019accueil","legalDraft":"Informations de pr\u00e9publication : les mentions compl\u00e9mentaires seront confirm\u00e9es avant la mise en ligne publique.","phoneNote":"Num\u00e9ro de service : tarification \u00e0 confirmer avant publication.","technology":"Des choix techniques\nqui servent votre projet.","techIntro":"Nous choisissons la technologie selon ce que le produit doit faire, la mani\u00e8re dont vous souhaitez le g\u00e9rer et votre budget.","modelTitle":"Un r\u00e9sultat d\u00e9fini.\nUn budget lisible.","modelBody":"Trois tarifs de d\u00e9part pour des p\u00e9rim\u00e8tres pr\u00e9cis. Le devis d\u00e9pend des fonctions, des contenus et des int\u00e9grations ; les projets plus larges font l\u2019objet d\u2019une proposition d\u00e9di\u00e9e.","pricingLink":"Voir les budgets","noResults":"Aucun projet dans cette cat\u00e9gorie.","skip":"Aller au contenu","menu":"Ouvrir le menu","language":"Choisir la langue","loading3d":"Charger la sculpture interactive","pause3d":"Mettre la sculpture en pause","resume3d":"Animer la sculpture","brandAlt":"Composition 3D de maquettes de sites web, de surfaces optiques et d\u2019une feuille de m\u00e9tal polie.","articleAlt":"\u00c9tude de mati\u00e8re et d\u2019architecture modulaire Veylonic.","screenAlt":"Interface du projet","technicalScope":"Architecture, performances et maintenance pens\u00e9es ensemble.","values":["L\u2019usage avant la complexit\u00e9","La clart\u00e9 \u00e0 chaque \u00e9tape","Un produit qui vous appartient"],"valueBodies":["Nous partons des gestes, des contraintes et des d\u00e9cisions de vos utilisateurs.","Le p\u00e9rim\u00e8tre, les arbitrages et les prochaines \u00e9tapes restent compr\u00e9hensibles.","Sources, documentation et acc\u00e8s font partie de la transmission."],"processNames":["Un \u00e9change pour cadrer","Une proposition pr\u00e9cise","Un aper\u00e7u \u00e0 valider","Une version \u00e0 essayer","Des tests avant livraison","La remise de votre projet"],"processTexts":["Vous expliquez votre activit\u00e9, votre besoin et votre budget. Nous d\u00e9finissons la t\u00e2che prioritaire et les r\u00e9sultats attendus.","Nous listons pages, fonctions, livrables et calendrier. Vous validez le prix et le p\u00e9rim\u00e8tre avant le d\u00e9marrage.","Nous montrons la structure des \u00e9crans. Nous utilisons vos maquettes ou pr\u00e9parons le design compl\u00e9mentaire pr\u00e9vu au devis.","Nous d\u00e9veloppons les fonctionnalit\u00e9s et partageons une version accessible pour vos essais. Vos retours sont regroup\u00e9s et int\u00e9gr\u00e9s au p\u00e9rim\u00e8tre convenu.","Nous v\u00e9rifions les sc\u00e9narios, les formats, les formulaires et les erreurs avec une liste de contr\u00f4le partag\u00e9e.","Nous remettons code source, acc\u00e8s et documentation, puis pr\u00e9parons la mise en service. Le suivi ult\u00e9rieur est d\u00e9fini avec vous."],"teamRoles":["D\u00e9veloppement web","Architecture & int\u00e9grations","Coordination technique"],"teamDescriptions":["R\u00e9alisation des \u00e9crans, adaptation mobile, formulaires et interactions. V\u00e9rification du fonctionnement et de la rapidit\u00e9.","Organisation des donn\u00e9es, r\u00e8gles m\u00e9tier et \u00e9changes avec les services existants. Des choix expliqu\u00e9s selon les besoins du projet.","Suivi des \u00e9tapes, collecte de vos retours et v\u00e9rification des livrables. Pr\u00e9paration des acc\u00e8s et de la mise en service."],"studioTitle":"De votre besoin\n\u00e0 un logiciel qui fonctionne.","studioBody":"Nous d\u00e9finissons les r\u00e8gles, structurons les donn\u00e9es et d\u00e9veloppons les \u00e9crans et les connexions n\u00e9cessaires. Vous essayez une version de travail avant la livraison. Le design vient soutenir la clart\u00e9 et la facilit\u00e9 d\u2019utilisation.","processOutputs":["Un besoin d\u00e9fini","Un devis et un calendrier","Une structure approuv\u00e9e","Une version fonctionnelle","Les v\u00e9rifications valid\u00e9es","Code, acc\u00e8s et documentation"],"output":"\u00c0 la fin de cette \u00e9tape","result":"Vous recevez","duration":"D\u00e9lai indicatif","serviceMore":"Voir la prestation","serviceNames":["Votre landing page, d\u00e9velopp\u00e9e","Le site de votre entreprise","Votre outil de travail sur mesure"],"serviceResults":["Une page responsive pr\u00eate \u00e0 mettre en ligne, avec formulaire de contact et code source.","Un site responsive jusqu\u2019\u00e0 5 pages, avec formulaire et pr\u00e9paration \u00e0 la mise en ligne.","Un outil web centr\u00e9 sur une t\u00e2che, avec stockage et une connexion \u00e0 un service existant."],"serviceFor":["Pour pr\u00e9senter une offre et recevoir des demandes.","Pour pr\u00e9senter votre activit\u00e9 et recevoir des demandes.","Pour remplacer un suivi manuel ou des ressaisies."],"serviceShort":["1 page \u00b7 Jusqu\u2019\u00e0 5 sections \u00b7 D\u00e9veloppement inclus","Jusqu\u2019\u00e0 5 pages \u00b7 Mobile \u00b7 Formulaire de contact","1 parcours \u00b7 Base de donn\u00e9es \u00b7 1 int\u00e9gration"],"teamTitle":"Les talents derri\u00e8re\nvos projets.","teamBody":"La technologie prend tout son sens lorsqu\u2019elle est pens\u00e9e pour l\u2019humain.","teamNote":"","scrollHint":"Faites d\u00e9filer pour assembler","sceneLabel":"Des \u00e9l\u00e9ments s\u00e9par\u00e9s. Un syst\u00e8me coh\u00e9rent.","projectDrag":"Faites glisser pour explorer les projets","howServices":["Nous clarifions votre offre et organisons le contenu d\u2019une page. Nous utilisons votre design ou pr\u00e9parons une proposition visuelle, puis d\u00e9veloppons la page et sa version mobile. Vous la v\u00e9rifiez, nous ajustons et testons le formulaire avant de pr\u00e9parer la mise en ligne.","Nous organisons vos pages et vos contenus, validons les maquettes ou le design fourni, puis d\u00e9veloppons le site et sa version mobile. Nous testons navigation et formulaire avec vous et pr\u00e9parons la mise en ligne et les acc\u00e8s.","Nous choisissons une t\u00e2che \u00e0 simplifier et d\u00e9crivons ses r\u00e8gles. Nous d\u00e9veloppons un premier outil, relions les donn\u00e9es et l\u2019int\u00e9gration pr\u00e9vues, puis testons le parcours avec vous. Vous recevez le code et un guide pour l\u2019utiliser."],"how":"Comment fonctionne la prestation","scopeMore":"P\u00e9rim\u00e8tre et frais compl\u00e9mentaires","priceNote":"Tarif de d\u00e9part pour le p\u00e9rim\u00e8tre d\u00e9crit. Le devis confirme le prix de votre projet.","technologyNames":["Un service agr\u00e9able \u00e0 utiliser","Moins de saisies r\u00e9p\u00e9titives","Des informations bien organis\u00e9es","Un lancement pr\u00e9par\u00e9","Une IA utile \u00e0 une t\u00e2che pr\u00e9cise"],"technologyBodies":["Des pages rapides, lisibles sur t\u00e9l\u00e9phone et accessibles au clavier.","Les \u00e9changes de donn\u00e9es et les r\u00e8gles m\u00e9tier sont r\u00e9unis dans un outil coh\u00e9rent.","Nous d\u00e9finissons les champs, les relations et les droits d\u2019acc\u00e8s n\u00e9cessaires.","Nous pr\u00e9parons les tests, le d\u00e9ploiement et les moyens de rep\u00e9rer les erreurs.","Nous v\u00e9rifions la qualit\u00e9 des r\u00e9ponses et les limites avant de proposer une int\u00e9gration."]},"en":{"nav":["Expertise","Projects","Our approach","Company","Journal"],"talk":"Discuss my project","work":"Explore the work","home":"Home","services":"Expertise","portfolio":"Projects","process":"Our approach","about":"The company","insights":"Journal","pricing":"Budgets & collaboration","contact":"Your project","hero":"Your ideas.\nOur systems.\nYour future.","heroBody":"We design websites, web applications and digital tools. Clear design, useful features and development shaped around your business.","heroNote":"Design, websites & business tools \u00b7 \u20ac1,500\u20135,000 excl. VAT","selected":"Websites with character.\nTools with purpose.","selectedBody":"A corporate website, a brand experience and business software: three ways to bring your project to life.","allProjects":"All projects","concept":"Project","viewProject":"Explore the project","viewDemo":"Try the demo","expertiseTitle":"What do you\nneed to build?","expertiseBody":"Choose the result you want. Together we define what you will receive, what it will cost and when it will be ready.","approachTitle":"You always know\nwhere your project stands.","approachBody":"At every stage: an action, something you can review, and your approval before we move on.","approachLink":"Discover our approach","manifesto":"Well designed.\nWell built.","manifestoBody":"Design helps your customers understand. Code makes the service work. We develop both together, with choices you can understand and source files you own.","latest":"Ideas worth sharing.","read":"Read the article","minutes":"min read","cta":"Tell us what\nyou want to create.","ctaBody":"Explain what you need. We will propose a scope and budget before the work begins.","footerLine":"","based":"","legal":"Legal notice","privacy":"Privacy","cookies":"Cookies","terms":"Website terms","rights":"All rights reserved.","all":"All","categories":{"saas":"SaaS & platforms","logistics":"Logistics","commerce":"Commerce","ai":"Artificial intelligence","mobile":"Mobile","corporate":"Corporate"},"from":"From","month":"/ month","exVat":"excl. VAT","scope":"The starting scope","deliverables":"What you receive","limits":"Scope & boundaries","steps":"How we move forward","faq":"Clear answers.","serviceCta":"Let\u2019s discuss your needs","back":"Back","challenge":"The challenge","solution":"The response","architecture":"Under the surface","features":"Key scenarios","screens":"Explore the screens","desktop":"Desktop","mobile":"Mobile","nextProject":"The next project","demoLabel":"Project interface","copy":"Copy link","copied":"Link copied","close":"Close","previous":"Previous","next":"Next","gallery":"Project gallery","galleryHint":"Browse with Previous and Next, or the keyboard arrow keys.","portfolioTitle":"From websites to software.\nSix projects to explore.","portfolioBody":"Corporate websites, brand experiences, a catalogue, CRM, SaaS and automation, built with the same attention to detail.","servicesTitle":"What we\ncan build for you.","servicesIntro":"Three services with concrete outcomes. We agree on the result, stages and budget with you before starting.","pricingTitle":"A clear budget.\nA defined scope.","pricingIntro":"Three services with a defined starting scope. The final price depends on your project and is confirmed in a quote before work begins.","estimate":"Estimate your project","estimateNote":"Indicative, non-binding estimate for a focused scope. B2B prices excluding VAT. Hosting, translations and third-party services are additional.","calculator":"A useful first estimate.","type":"Service","complexity":"Scope","simple":"Essential","standard":"Extended","complex":"Advanced","integrations":"Integrations","none":"None","some":"1 to 2","many":"3 or more","design":"Full product design","ai":"AI capabilities","support":"Monthly support","estimateResult":"Indicative implementation budget","includedSupport":"Support from \u20ac1,900/month excluding VAT, additional.","useEstimate":"Discuss this estimate","processTitle":"Build together.\nMove with purpose.","aboutTitle":"Your software\ndevelopment partner.","aboutIntro":"Veylonic Systems builds websites, web applications and business tools. We start with your needs, implement the features and prepare the launch. Interface design is available as an additional part of the project when needed.","journalTitle":"A perspective on\nproducts that last.","journalIntro":"Practical guidance for making better decisions, designing and evolving your digital tools.","contactTitle":"Let\u2019s shape\nyour next idea.","contactIntro":"Tell us what you need. A little context helps us prepare a useful conversation.","contactDirect":"Prefer to write directly?","name":"Your name","email":"Work email","company":"Company","phone":"Phone (optional)","service":"Expertise you need","budget":"Indicative budget","timeline":"Project horizon","message":"Describe your project","choose":"Choose","unsure":"Let\u2019s define it together","send":"Send my project","sending":"Sending\u2026","sent":"Your inquiry has been received.","sentBody":"Thank you. Your message has been handed to our mail service.","localSent":"Local test successful: your inquiry is in the development mail receiver.","error":"Your message could not be sent. Try again or email us directly.","invalid":"Check the highlighted fields.","tooMany":"Too many requests. Please wait before trying again.","privacyForm":"We use these details to handle your pre-contract inquiry. No marketing subscription. Read our privacy policy.","required":"Required","notFound":"This page took another path.","notFoundBody":"Explore our expertise or return to the homepage.","backHome":"Back to home","legalDraft":"Prepublication information: additional legal details will be confirmed before public launch.","phoneNote":"Service number: call charges must be confirmed before publication.","technology":"Technology chosen\nfor your project.","techIntro":"We choose tools around what the product needs to do, how you want to manage it and your budget.","modelTitle":"A defined result.\nA clear budget.","modelBody":"Three starting prices for defined scopes. Your quote depends on features, content and integrations; larger projects receive a dedicated proposal.","pricingLink":"Explore budgets","noResults":"No projects in this category.","skip":"Skip to content","menu":"Open menu","language":"Choose language","loading3d":"Load the interactive sculpture","pause3d":"Pause the sculpture","resume3d":"Animate the sculpture","brandAlt":"Original 3D composition of website designs, optical surfaces and a polished metal sheet.","articleAlt":"Veylonic modular architecture and material study.","screenAlt":"Project interface","technicalScope":"Architecture, performance and maintenance considered together.","values":["Use before complexity","Clarity at every step","A product you own"],"valueBodies":["We start with the actions, constraints and decisions of your users.","Scope, trade-offs and next steps remain understandable.","Source files, documentation and access are part of the handover."],"processNames":["Talk through your needs","Agree on a clear proposal","Review the design","Try a working version","Check before delivery","Receive your project"],"processTexts":["You explain your business, needs and budget. We define a priority task and the expected result.","We list pages, features, deliverables and schedule. You approve the scope and price before work begins.","We show the screen structure. We use your designs or prepare the additional design agreed in the quote.","We develop the features and share a working version for you to try. Your feedback is collected and addressed within the agreed scope.","We check scenarios, screen sizes, forms and error handling using a shared checklist.","We deliver source code, access and documentation and prepare the launch. Ongoing support is agreed with you separately."],"teamRoles":["Web development","Architecture & integrations","Technical coordination"],"teamDescriptions":["Screens, mobile layouts, forms and interactions. Checks functionality and loading performance.","Data organisation, business rules and connections to existing services. Technical decisions explained around the project\u2019s needs.","Stage tracking, feedback and delivery checks. Preparation of access and launch documentation."],"studioTitle":"From your needs\nto working software.","studioBody":"We define the rules, organise the data and develop the screens and connections you need. You try a working version before delivery. Design supports clarity and ease of use.","processOutputs":["A defined need","A quote and schedule","An approved structure","A working version","Completed checks","Code, access and documentation"],"output":"What this stage produces","result":"What you receive","duration":"Typical timeline","serviceMore":"See the service","serviceNames":["Your landing page, built","Your business website","A tool for your workflow"],"serviceResults":["A responsive page ready for launch, with a contact form and source code.","A responsive website with up to 5 pages, a contact form and launch preparation.","A web tool for one task, with data storage and one connection to an existing service."],"serviceFor":["To present an offer and receive inquiries.","To explain your business and receive inquiries.","To replace manual tracking or repeated data entry."],"serviceShort":["1 page \u00b7 Up to 5 sections \u00b7 Development included","Up to 5 pages \u00b7 Mobile \u00b7 Contact form","1 workflow \u00b7 Database \u00b7 1 integration"],"teamTitle":"The people behind\nyour project.","teamBody":"Technology makes sense when it is designed around people.","teamNote":"","scrollHint":"Scroll to assemble","sceneLabel":"Separate elements. One coherent system.","projectDrag":"Swipe to explore the projects","howServices":["We clarify your offer and organise the content of one page. We use your design or prepare a visual proposal, then develop the page and its mobile layout. You review it, we make the agreed adjustments and test the form before preparing the launch.","We organise pages and content, approve the designs or use the ones you provide, then develop the website and its mobile layout. We test navigation and forms with you and prepare the launch and handover.","We choose a task to simplify and describe its rules. We develop the initial tool, connect the agreed data and integration, then test the workflow with you. You receive source code and a getting-started guide."],"how":"How the service works","scopeMore":"Scope and additional costs","priceNote":"Starting price for the scope described. Your quote confirms the price of your project.","technologyNames":["Easy to use","Less repetitive data entry","Well-organised information","A prepared launch","AI for a specific useful task"],"technologyBodies":["Fast pages that work on phones and support keyboard navigation.","Data exchanges and business rules come together in a coherent tool.","We define the necessary fields, relationships and access permissions.","We prepare testing, deployment and ways to identify errors.","We check response quality and limits before proposing an integration."]}},"photoCredits":[{"id":3767342,"photographer":"Andrea Piacquadio","source":"https://www.pexels.com/photo/photo-of-woman-smiling-3767342/","taken_at":"2019-05-20","license":"https://www.pexels.com/license/","asset_id":"0dd2b21a715f1f02d46abd6d"},{"id":3958799,"photographer":"Polina Zimmerman","source":"https://www.pexels.com/photo/portrait-of-smiling-young-man-3958799/","taken_at":"2020-03-07","license":"https://www.pexels.com/license/","asset_id":"e0d80e13505842c713aa9424"},{"id":7588115,"photographer":"Kaboompics","source":"https://www.pexels.com/photo/portrait-of-woman-wearing-round-glasses-7588115/","taken_at":"2021-04-10","license":"https://www.pexels.com/license/","asset_id":"b666f443942739e053d5b9a5"}]},"demos":{},"productDemos":{"nexora-fr":"<!doctype html><html lang=\"fr\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><meta name=\"robots\" content=\"noindex\"><title>NEXORA \u2014 Gestion commerciale intelligente.</title><style>@font-face{font-family:Manrope;src:url('/assets/a30ddcd349703aff7464.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#F3F5F7;color:#172633;font:14px/1.5 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:#C7D8EA;color:#132335}button{border:0;background:none}a{text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;letter-spacing:-.03em}h2{font-size:18px;font-weight:600;letter-spacing:-.02em}h3{font-size:15px;font-weight:600}small,.muted{font-size:12px;color:var(--muted)}body{--accent:#15746F;--soft:#E6F1EF;--muted:#61727D;--line:#E2E8EB;--surface:#fff;--page:#F3F6F6}body[data-product=fluxio]{--accent:#A8B5FF;--soft:#303743;--muted:#A7B1C1;--line:#343C49;--surface:#252C38;--page:#1B222D;background:var(--page);color:#EDF0F6}body[data-product=orbita]{--accent:#6E57CA;--soft:#EEEAF9;--muted:#6F7284;--line:#E5E4ED;--page:#F5F4F9}body[data-product=terralink]{--accent:#39765D;--soft:#E7EFE8;--muted:#677467;--line:#DFE6DE;--page:#F3F5F0}body[data-product=clarity]{--accent:#526A91;--soft:#EAF0F7;--muted:#6B7689;--line:#E5E9EE;--page:#F6F8FB}.shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr);background:var(--page)}.sidebar{padding:30px 18px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.product-brand{font-size:21px;font-weight:750;letter-spacing:-.045em;display:flex;gap:10px;align-items:center}.product-mark{width:27px;height:27px;display:inline-flex;background:var(--accent);color:white;border-radius:7px;align-items:center;justify-content:center;font-size:17px}.workspace{border:1px solid var(--line);padding:10px 12px;border-radius:7px;display:flex;justify-content:space-between;font-size:12px}.nav-group{display:grid;gap:5px}.nav-group button{display:flex;text-align:left;gap:11px;align-items:center;padding:11px 12px;border-radius:7px;color:var(--muted);font-size:12px}.nav-group svg{width:17px;height:17px;flex-shrink:0}.nav-group button[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:650}.sidebar-bottom{margin-top:auto;display:grid;gap:18px}.account{display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.main{min-width:0}.topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);gap:24px}.topbar-label{font-size:12px;color:var(--muted)}.topbar-tools{display:flex;align-items:center;gap:20px}.search{border:1px solid var(--line);background:transparent;color:inherit;padding:9px 12px;border-radius:7px;width:235px;font-size:12px}.content{padding:32px 36px 36px;max-width:1600px;margin:auto}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:24px}.page-top p{margin-top:6px;color:var(--muted);font-size:12px}.actions{display:flex;gap:10px}.primary,.secondary{border-radius:7px;padding:11px 17px;font-size:12px;white-space:nowrap}.primary{background:var(--accent);color:#fff;font-weight:650}.secondary{background:var(--surface);border:1px solid var(--line)}body[data-product=fluxio] .primary{color:#1B222D}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:10px}.metric strong{font-size:28px;display:block;margin:8px 0;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric small{font-size:11px}.metric .trend{color:var(--accent);display:inline-block;margin-right:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head small{font-size:11px}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:22px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart{padding:10px 24px 20px}.chart svg{width:100%;height:198px;overflow:visible}.chart text{fill:var(--muted);font-size:10px}.chart path,.chart line{vector-effect:non-scaling-stroke}.chart-legend{display:flex;gap:20px;align-items:center;font-size:11px;margin:0 0 15px 18px}.legend-dot{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;margin-right:7px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.data-table th{color:var(--muted);font-weight:500;background:var(--page);font-size:10px;letter-spacing:.025em}.data-table td,.data-table th{padding:15px 22px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{font-weight:600}.data-table td small{display:block;font-weight:400;margin-top:2px;font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--accent);font-size:10px;padding:4px 8px;border-radius:5px;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.pending{background:#F7EFD9;color:#80632B}.task-list{display:grid;padding:0 22px 15px}.task-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.task-row .avatar{margin-left:auto}.task-row input{accent-color:var(--accent)}.tabs{display:flex;gap:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.tabs button{padding:10px 0;color:var(--muted);font-size:12px}.tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pipeline-col{border-radius:9px;background:var(--soft);padding:14px;min-height:570px}.pipeline-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;font-weight:600}.pipeline-col>small{display:block;font-size:10px;margin-bottom:24px}.deal{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:17px;margin-bottom:13px}.deal p{font-size:12px;margin-bottom:7px;font-weight:600}.deal strong{display:block;margin-top:22px;font-size:19px;font-weight:500}.deal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.list-toolbar{padding:16px 22px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.list-toolbar select{border:1px solid var(--line);padding:7px;border-radius:6px;background:var(--surface);color:inherit;font-size:11px}.list-footer{padding:18px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.workflow-layout{display:grid;grid-template-columns:1fr 290px;gap:0;border:1px solid var(--line);border-radius:10px;min-height:635px;overflow:hidden}.workflow-board{position:relative;background-color:#1C232E;background-image:radial-gradient(#3D4657 .8px,transparent .8px);background-size:22px 22px;padding:28px;min-width:0}.workflow-board svg.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workflow-node{position:absolute;background:#2A3240;border:1px solid #566071;border-radius:9px;width:195px;padding:16px;text-align:left;color:#F3F5FB;box-shadow:0 8px 20px #0C111A20}.workflow-node small{display:block;font-size:10px;color:#A7B1C1;margin-top:6px}.node-type{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.node-icon{width:27px;height:27px;border-radius:6px;background:#414B69;color:#C7D0FF;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.node-0{left:7%;top:105px}.node-1{left:43%;top:105px}.node-2{left:43%;top:320px}.node-3{left:7%;top:460px}.node-4{left:70%;top:320px;width:160px}.workflow-node.selected{border-color:#A8B5FF}.flow-caption{position:absolute;bottom:20px;right:24px;font-size:10px;color:#A7B1C1}.settings-pane{padding:26px 22px;background:var(--surface);border-left:1px solid var(--line)}.settings-pane h2{font-size:16px;margin-bottom:8px}.settings-pane label{display:grid;gap:9px;margin-top:28px;font-size:11px;color:var(--muted)}.settings-pane input,.settings-pane select{border:1px solid var(--line);background:var(--page);padding:11px;color:inherit;border-radius:6px;width:100%;font-size:12px}.settings-pane p{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.8}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration{padding:24px;min-height:190px}.integration-symbol{width:42px;height:42px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:24px;border-radius:10px;color:var(--accent);font-size:19px}.integration .badge{margin-top:18px}.integration h3{margin-bottom:5px}.log-line{display:flex;gap:20px;padding:13px 22px;border-top:1px solid var(--line);font:11px/1.8 monospace}.log-line time{color:var(--muted)}body[data-product=orbita] .shell{display:block}body[data-product=orbita] .sidebar{height:84px;flex-direction:row;align-items:center;padding:0 42px;border-right:0;border-bottom:1px solid var(--line);gap:34px}body[data-product=orbita] .workspace,body[data-product=orbita] .sidebar-bottom{display:none}body[data-product=orbita] .nav-group{display:flex;gap:5px}body[data-product=orbita] .nav-group button{padding:9px 10px}body[data-product=orbita] .nav-group svg{display:none}body[data-product=orbita] .topbar{height:53px;background:transparent;padding:0 42px}body[data-product=orbita] .content{padding:28px 42px}.project-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-tile{padding:24px;min-height:260px}.project-tile>small{display:block;margin:14px 0 20px}.progress-line{height:5px;background:var(--soft);border-radius:5px;overflow:hidden;margin:20px 0 10px}.progress-line span{display:block;height:100%;background:var(--accent)}.tile-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.avatars{display:flex}.avatars .avatar{margin-right:-6px;border:2px solid var(--surface)}.orbita-welcome{padding:24px 26px;background:#EAE6F5;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#332C4E}.orbita-welcome h2{font-size:22px;margin-bottom:8px}.orbita-welcome p{font-size:12px;max-width:62ch}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.plan-summary{padding:26px}.plan-summary strong{display:block;font-size:36px;font-weight:500;letter-spacing:-.03em;margin:14px 0}.plan-summary p{margin-bottom:22px;color:var(--muted);font-size:12px}.planner{display:grid;grid-template-columns:135px repeat(5,1fr);background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:600px}.planner-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;min-width:0}.planner-day{text-align:center;font-size:11px;color:var(--muted);background:#F9FBF8}.planner-day b{display:block;font-size:23px;color:#25382E;margin-top:5px;font-weight:500}.planner-person{display:flex;gap:9px;align-items:flex-start;font-size:11px;background:#FAFBF8;padding-top:22px}.job{background:#E4EFE6;color:#315A43;border:1px solid #CEDFD1;border-radius:6px;padding:13px 10px;margin-top:8px;font-size:11px;line-height:1.6}.job b{display:block;font-weight:600;margin-bottom:4px}.job.alt{background:#E7EDF6;color:#385579;border-color:#D6E1EE}.job.pause{background:#F3EEDD;color:#78683F;border-color:#EAE1C7}.mobile-stage{background:#E4EBE2;padding:35px;display:grid;grid-template-columns:1fr 355px;gap:50px;align-items:center;border-radius:10px}.mobile-stage h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;margin-bottom:22px}.mobile-stage>div:first-child{padding:20px;max-width:540px}.mobile-stage p{color:#617163;font-size:14px;line-height:1.9}.phone{background:#FBFCFA;border:7px solid #24352B;border-radius:34px;padding:20px 19px;color:#24352B;box-shadow:0 20px 45px #20342817;min-height:600px}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:650;margin-bottom:30px}.phone h3{font-size:24px;font-weight:550;line-height:1.2;margin:12px 0 20px}.phone .badge{margin-bottom:14px}.phone-address{padding:16px 0;border-block:1px solid #DFE6DE;font-size:12px;margin-bottom:18px}.phone .task-row{font-size:11px}.phone .primary{width:100%;margin-top:24px}.phone-note{background:#EAF0E6;border-radius:7px;padding:12px;font-size:11px;line-height:1.8}.portal-summary{padding:32px;background:#E8EEF7;border-radius:10px;display:grid;grid-template-columns:1fr 190px;gap:35px;margin-bottom:24px}.portal-summary h2{font-size:25px;font-weight:500;margin:10px 0 16px}.portal-summary p{color:#536A87;font-size:12px}.portal-status{border-left:1px solid #CDD8E8;padding-left:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}.portal-status strong{font-size:34px;font-weight:500}.milestone{display:grid;grid-template-columns:30px 1fr auto;gap:13px;align-items:center;border-top:1px solid var(--line);padding:18px 22px;font-size:12px}.milestone small{display:block;margin-top:3px;font-size:10px}.milestone-number{color:var(--accent);font-variant-numeric:tabular-nums}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.folder{padding:23px;display:flex;align-items:center;gap:14px}.folder svg{width:36px;height:36px;color:var(--accent)}.folder small{display:block;font-size:10px;margin-top:4px}.messages{display:grid;grid-template-columns:290px 1fr;min-height:600px}.message-list{border-right:1px solid var(--line)}.message-item{display:block;padding:24px;border-bottom:1px solid var(--line);text-align:left;width:100%}.message-item.selected{background:var(--soft)}.message-item h3{font-size:13px;margin:5px 0}.message-item small{font-size:11px}.thread{display:flex;flex-direction:column;padding:28px}.thread h2{padding-bottom:23px;border-bottom:1px solid var(--line)}.bubble{max-width:80%;margin-top:28px;font-size:13px;line-height:1.9}.bubble p{background:var(--page);border-radius:8px;padding:15px 18px;margin-top:8px}.bubble.mine{margin-left:auto}.bubble.mine p{background:var(--soft)}.composer{margin-top:auto;padding-top:28px;display:flex;gap:12px}.composer input{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--surface);color:inherit;min-width:0}.request-list{display:grid;gap:14px}.request-line{padding:23px;display:grid;grid-template-columns:70px 1fr auto 120px;align-items:center;gap:20px}.request-line h3{margin-bottom:4px}.request-line small{font-size:11px}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172633;color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 12px 32px #0C18322A;font-size:12px;z-index:20}.notice:empty{display:none}dialog{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:12px;width:min(470px,92vw);padding:28px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#101E3460}dialog form{display:grid;gap:18px}dialog h2{margin-bottom:8px}dialog label{display:grid;gap:8px;font-size:12px}dialog input{border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--page);color:inherit}dialog .actions{justify-content:flex-end;margin-top:8px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.app-footer{margin-top:24px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.section-note{font-size:12px;color:var(--muted);max-width:65ch;margin-bottom:24px;line-height:1.8}.hidden{display:none!important}\n@media(max-width:1050px){.sidebar{padding-inline:12px}.shell{grid-template-columns:180px 1fr}.content{padding:25px}.topbar{padding-inline:25px}.grid-two{grid-template-columns:1fr 1fr}.workflow-layout{grid-template-columns:1fr}.settings-pane{display:block;border-left:0;border-top:1px solid var(--line);min-width:0}.workflow-board{min-height:600px}body[data-product=orbita] .sidebar{padding:20px;height:auto;gap:25px}body[data-product=orbita] .nav-group{flex-wrap:wrap;gap:0}body[data-product=orbita] .nav-group button{padding:5px 8px;font-size:11px}.product-board{gap:12px}.metrics{gap:10px}.metric{padding:15px}.data-table td,.data-table th{padding:14px 16px}}\n@media(max-width:760px){.shell{display:block}.sidebar{padding:18px 20px;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace,.sidebar-bottom{display:none}.product-brand{font-size:19px}.nav-group{display:flex;overflow-x:auto;gap:4px}.nav-group button{white-space:nowrap;padding:8px 10px;font-size:11px}.nav-group svg{display:none}.topbar{height:52px;padding:0 20px}.topbar-tools .search{display:none}.content{padding:24px 20px}.page-top{align-items:flex-start;gap:14px}.page-top h1{font-size:25px}.page-top p{font-size:11px;max-width:38ch}.actions{flex-wrap:wrap;gap:7px}.primary,.secondary{padding:9px 11px;font-size:11px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.metric strong{font-size:25px}.grid-two,.grid-equal,.billing-grid{grid-template-columns:1fr;gap:18px}.panel-head{padding:18px}.chart svg{height:170px}.pipeline{grid-template-columns:repeat(4,235px);overflow:auto;padding-bottom:15px}.pipeline-col{min-height:480px}.integration-grid{grid-template-columns:1fr 1fr;gap:12px}.integration{padding:18px;min-height:185px}.workflow-layout{min-height:650px}.workflow-board{overflow:auto;min-height:630px;padding:18px}.workflow-board svg.connections{min-width:740px}.workflow-node{width:175px}.node-0{left:20px;top:105px}.node-1{left:225px;top:105px}.node-2{left:225px;top:310px}.node-3{left:20px;top:455px}.node-4{left:430px;top:310px}body[data-product=orbita] .sidebar{display:block;padding:18px 20px}body[data-product=orbita] .nav-group{margin-top:15px;flex-wrap:nowrap}body[data-product=orbita] .content{padding:24px 20px}body[data-product=orbita] .topbar{padding:0 20px}.project-board{grid-template-columns:1fr}.orbita-welcome{display:block;padding:20px}.orbita-welcome .primary{margin-top:18px}.orbita-welcome h2{font-size:20px}.planner{grid-template-columns:105px repeat(5,145px);overflow:auto}.planner-cell{padding:10px}.planner{display:grid;max-width:100%;min-height:550px}.mobile-stage{display:block;padding:20px 0;background:transparent}.mobile-stage>div:first-child{padding:0;margin-bottom:30px}.mobile-stage h2{font-size:28px}.phone{max-width:355px;margin:auto;min-height:590px}.portal-summary{grid-template-columns:1fr;padding:22px;gap:20px}.portal-status{border-left:0;border-top:1px solid #CDD8E8;padding:18px 0 0;flex-direction:row;justify-content:space-between;align-items:center}.folder-grid{grid-template-columns:1fr}.messages{grid-template-columns:1fr}.message-list{display:flex;overflow:auto;border-bottom:1px solid var(--line);border-right:0}.message-item{min-width:210px;padding:16px}.thread{padding:20px;min-height:440px}.bubble{max-width:94%;font-size:12px}.request-line{grid-template-columns:1fr auto;gap:12px;padding:18px}.request-line>small{grid-column:1/-1}.request-line>span:first-child{display:none}.tabs{gap:18px;overflow:auto;white-space:nowrap}.app-footer{font-size:9px}.log-line{font-size:10px;gap:12px;padding:12px;overflow:auto;white-space:nowrap}}\n@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}\n\n.flow-picker{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;position:relative;z-index:2}.flow-picker select{background:#2E3548;color:#EDF1FF;border:1px solid #66718E;border-radius:6px;padding:9px;font:11px Manrope,Arial,sans-serif;max-width:260px}@media(max-width:650px){.flow-picker{align-items:start;flex-direction:column;gap:8px}.flow-picker select{max-width:100%}}\nhtml{scrollbar-width:none}html::-webkit-scrollbar{display:none}\n</style></head><body data-product=\"nexora\" data-initial-screen=\"0\"><div id=\"product-root\"></div><script id=\"product-data\" type=\"application/json\">{\"p\":{\"slug\":\"nexora\",\"name\":\"NEXORA\",\"category\":\"corporate\",\"color\":\"#177D78\",\"categoryLabel\":{\"fr\":\"Logiciel m\u00e9tier / CRM\",\"en\":\"Business software / CRM\",\"ru\":\"\u0411\u0438\u0437\u043d\u0435\u0441-\u0441\u0438\u0441\u0442\u0435\u043c\u0430 / CRM\"},\"title\":{\"fr\":\"Gestion commerciale intelligente.\",\"en\":\"A clearer view of every opportunity.\",\"ru\":\"\u041f\u0440\u043e\u0434\u0430\u0436\u0438, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u0441\u0451 \u043d\u0430 \u0441\u0432\u043e\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445.\"},\"summary\":{\"fr\":\"Clients, opportunit\u00e9s et devis r\u00e9unis dans un espace commercial clair.\",\"en\":\"Clients, opportunities and quotes in one clear sales workspace.\",\"ru\":\"\u041a\u043b\u0438\u0435\u043d\u0442\u044b, \u0441\u0434\u0435\u043b\u043a\u0438 \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u0435\u0434\u0438\u043d\u043e\u043c \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.\"},\"challenge\":{\"fr\":\"Les informations clients dispers\u00e9es compliquent les relances et les pr\u00e9visions. NEXORA organise le suivi commercial autour d\u2019une fiche partag\u00e9e et d\u2019une prochaine action visible.\",\"en\":\"Scattered customer information makes follow-ups and forecasts difficult. NEXORA organises sales around a shared record and a visible next action.\",\"ru\":\"\u041a\u043e\u0433\u0434\u0430 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043e \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u0445 \u0440\u0430\u0437\u0431\u0440\u043e\u0441\u0430\u043d\u044b \u043f\u043e \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u043c \u0438 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0430\u043c, \u043b\u0435\u0433\u043a\u043e \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0432\u0441\u0442\u0440\u0435\u0447\u0443 \u0438\u043b\u0438 \u043f\u043e\u0442\u0435\u0440\u044f\u0442\u044c \u0441\u0434\u0435\u043b\u043a\u0443. NEXORA \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u0438\u0441\u0442\u043e\u0440\u0438\u044e \u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435.\"},\"solution\":{\"fr\":\"Une navigation stable relie clients, contacts, pipeline, devis, t\u00e2ches et rapports. Les tableaux se parcourent par recherche ; le pipeline rend chaque \u00e9tape et son montant lisibles.\",\"en\":\"Stable navigation connects clients, contacts, pipeline, quotes, tasks and reports. Searchable tables help find a record; the pipeline makes each stage and its value visible.\",\"ru\":\"\u041e\u0431\u0437\u043e\u0440 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u0440\u043e\u0434\u0430\u0436, \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0430 \u0434\u043e\u0441\u043a\u0430 \u0441\u0434\u0435\u043b\u043e\u043a \u2014 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u044d\u0442\u0430\u043f \u0438 \u0441\u0443\u043c\u043c\u0443. \u0418\u0437 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043b\u0435\u0433\u043a\u043e \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0443, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u0438\u043b\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0435.\"},\"architecture\":{\"fr\":\"Une navigation stable relie clients, contacts, pipeline, devis, t\u00e2ches et rapports. Les tableaux se parcourent par recherche ; le pipeline rend chaque \u00e9tape et son montant lisibles.\",\"en\":\"Stable navigation connects clients, contacts, pipeline, quotes, tasks and reports. Searchable tables help find a record; the pipeline makes each stage and its value visible.\",\"ru\":\"\u041e\u0431\u0437\u043e\u0440 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u0440\u043e\u0434\u0430\u0436, \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0430 \u0434\u043e\u0441\u043a\u0430 \u0441\u0434\u0435\u043b\u043e\u043a \u2014 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u044d\u0442\u0430\u043f \u0438 \u0441\u0443\u043c\u043c\u0443. \u0418\u0437 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043b\u0435\u0433\u043a\u043e \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0443, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u0438\u043b\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0435.\"},\"screenNames\":[{\"fr\":\"Tableau de bord\",\"en\":\"Overview\",\"ru\":\"\u041e\u0431\u0437\u043e\u0440\"},{\"fr\":\"Clients\",\"en\":\"Clients\",\"ru\":\"\u041a\u043b\u0438\u0435\u043d\u0442\u044b\"},{\"fr\":\"Pipeline commercial\",\"en\":\"Sales pipeline\",\"ru\":\"\u0421\u0434\u0435\u043b\u043a\u0438\"},{\"fr\":\"Devis\",\"en\":\"Quotes\",\"ru\":\"\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\"}],\"features\":[{\"fr\":\"Clients et contacts\",\"en\":\"Clients and contacts\",\"ru\":\"\u041a\u043b\u0438\u0435\u043d\u0442\u044b \u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\"},{\"fr\":\"Opportunit\u00e9s par \u00e9tape\",\"en\":\"Opportunities by stage\",\"ru\":\"\u0421\u0434\u0435\u043b\u043a\u0438 \u043f\u043e \u044d\u0442\u0430\u043f\u0430\u043c\"},{\"fr\":\"Devis et montants\",\"en\":\"Quotes and values\",\"ru\":\"\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0441\u0443\u043c\u043c\u044b\"},{\"fr\":\"T\u00e2ches et rapports\",\"en\":\"Tasks and reports\",\"ru\":\"\u0417\u0430\u0434\u0430\u0447\u0438 \u0438 \u043e\u0442\u0447\u0451\u0442\u044b\"}],\"serviceSlug\":\"web-development\",\"demo\":true,\"stack\":[\"HTML\",\"CSS\",\"JavaScript\",\"SVG\"],\"kind\":\"application\"},\"locale\":\"fr\"}</script><script>(()=>{'use strict';\nconst {p,locale:l}=JSON.parse(document.getElementById('product-data').textContent),root=document.getElementById('product-root');\nconst words={\nfr:{workspace:'Espace de travail',search:'Rechercher',welcome:'Bonjour, Camille',today:'Mardi 20 octobre',add:'Ajouter',cancel:'Annuler',save:'Enregistrer',name:'Nom',email:'Adresse email',status:'\u00c9tat',owner:'Responsable',value:'Montant',date:'Date',company:'Entreprise',active:'En cours',done:'Termin\u00e9',pending:'\u00c0 valider',new:'Nouveau',total:'Total',period:'Ce mois-ci',month:'Octobre',year:'2026',view:'Voir le d\u00e9tail',clients:'Clients actifs',revenue:'Chiffre d\u2019affaires',opportunities:'Opportunit\u00e9s ouvertes',conversion:'Taux de conversion',sales:'Activit\u00e9 commerciale',target:'Objectif',actual:'R\u00e9alis\u00e9',tasks:'Prochaines actions',all:'Tous',contact:'Contact',role:'R\u00f4le',contacts:'Contacts',reports:'Rapports',settings:'Param\u00e8tres',notifications:'Notifications',connected:'Connect\u00e9',connect:'Connecter',disconnect:'D\u00e9connecter',run:'Tester le processus',history:'Historique',duration:'Dur\u00e9e',result:'R\u00e9sultat',runs:'Ex\u00e9cutions',success:'R\u00e9ussite',errors:'Erreurs',workflow:'Qualification des demandes',trigger:'R\u00e9ception du formulaire',validate:'V\u00e9rifier les champs',create:'Cr\u00e9er un contact CRM',notify:'Notifier l\u2019\u00e9quipe',review:'Validation manuelle',triggerNote:'\u00c0 chaque nouvelle demande',validateNote:'Email et entreprise pr\u00e9sents',createNote:'NEXORA \u00b7 Fiche client',notifyNote:'Notification interne',reviewNote:'Donn\u00e9es incompl\u00e8tes',block:'Configuration du bloc',field:'Champ \u00e0 v\u00e9rifier',condition:'Condition',required:'Est renseign\u00e9',fieldHint:'La demande continue uniquement si les informations requises sont pr\u00e9sentes.',runDone:'Test termin\u00e9 : les quatre \u00e9tapes ont \u00e9t\u00e9 ex\u00e9cut\u00e9es localement.',saved:'Modification enregistr\u00e9e dans cet aper\u00e7u.',projects:'Projets actifs',members:'Membres',complete:'T\u00e2ches termin\u00e9es',delivery:'Prochaine livraison',week:'Cette semaine',activity:'Activit\u00e9 de l\u2019espace',capacity:'Charge de l\u2019\u00e9quipe',progress:'Avancement',project:'Projet',invite:'Inviter un membre',admin:'Administrateur',editor:'\u00c9diteur',viewer:'Lecture seule',plan:'Votre abonnement',billing:'Documents de facturation',download:'Exporter CSV',storage:'Stockage utilis\u00e9',schedule:'Planning de la semaine',job:'Intervention',technician:'Technicien',location:'Lieu',priority:'Priorit\u00e9',high:'Haute',normal:'Normale',assigned:'Affect\u00e9',available:'Disponible',away:'Sur le terrain',jobs:'Interventions',checklist:'Liste de v\u00e9rification',mobileTitle:'Tout ce qu\u2019il faut, sur le terrain.',mobileBody:'L\u2019adresse, les consignes et le compte rendu restent accessibles depuis le m\u00eame dossier. Le bureau retrouve les changements de statut dans le planning.',start:'D\u00e9marrer l\u2019intervention',finish:'Terminer l\u2019intervention',jobStarted:'Intervention d\u00e9marr\u00e9e',jobFinished:'Compte rendu enregistr\u00e9',instructions:'V\u00e9rifier la pression et contr\u00f4ler le fonctionnement apr\u00e8s intervention.',documents:'Documents',messages:'Messages',requests:'Demandes',approval:'Validations attendues',next:'Prochaine \u00e9tape',milestones:'Les \u00e9tapes de votre projet',files:'Fichiers r\u00e9cents',folder:'Dossier',updated:'Modifi\u00e9 le',size:'Taille',send:'Envoyer',message:'Votre message',design:'\u00c9crans et parcours',contract:'Documents de projet',technical:'Dossier technique',meeting:'Point d\u2019avancement',messageBody:'Les \u00e9crans r\u00e9vis\u00e9s sont pr\u00eats. Pouvez-vous v\u00e9rifier le parcours de demande avant notre prochain \u00e9change ?',messageReply:'Merci, nous avons ajout\u00e9 nos remarques dans le document partag\u00e9.',requestTitle:'Validation du parcours de demande',requestDescription:'V\u00e9rifier les champs et les textes avant int\u00e9gration.',permissions:'Permissions',subscriptions:'Abonnements',integrations:'Int\u00e9grations',triggers:'D\u00e9clencheurs',actions:'Actions',calendar:'Calendrier',account:'Compte',online:'Espace personnel',records:'\u00e9l\u00e9ments',noResults:'Aucun \u00e9l\u00e9ment ne correspond \u00e0 cette recherche.',close:'Fermer',readDoc:'Consulter le document',documentBody:'Structure du projet : pr\u00e9sentation, parcours principal, crit\u00e8res de validation et prochaines \u00e9tapes. Ce document peut \u00eatre consult\u00e9 dans cet espace.',draft:'Brouillon',sent:'Envoy\u00e9',paid:'R\u00e9gl\u00e9',report:'Rapport',team:'\u00c9quipe',queue:'\u00c0 traiter',enabled:'Activ\u00e9',disabled:'D\u00e9sactiv\u00e9'},\nen:{workspace:'Workspace',search:'Search',welcome:'Good morning, Camille',today:'Tuesday, 20 October',add:'Add',cancel:'Cancel',save:'Save changes',name:'Name',email:'Email address',status:'Status',owner:'Owner',value:'Value',date:'Date',company:'Company',active:'In progress',done:'Completed',pending:'Needs review',new:'New',total:'Total',period:'This month',month:'October',year:'2026',view:'View details',clients:'Active clients',revenue:'Revenue',opportunities:'Open opportunities',conversion:'Conversion rate',sales:'Sales activity',target:'Target',actual:'Actual',tasks:'Next actions',all:'All',contact:'Contact',role:'Role',contacts:'Contacts',reports:'Reports',settings:'Settings',notifications:'Notifications',connected:'Connected',connect:'Connect',disconnect:'Disconnect',run:'Test workflow',history:'History',duration:'Duration',result:'Result',runs:'Executions',success:'Success rate',errors:'Errors',workflow:'Incoming request qualification',trigger:'Receive form',validate:'Validate fields',create:'Create CRM contact',notify:'Notify team',review:'Manual review',triggerNote:'Every new request',validateNote:'Email and company present',createNote:'NEXORA \u00b7 Client record',notifyNote:'Internal notification',reviewNote:'Incomplete information',block:'Block settings',field:'Field to validate',condition:'Condition',required:'Is present',fieldHint:'The request continues only when all required information is present.',runDone:'Test complete: all four steps ran locally.',saved:'Change saved in this preview.',projects:'Active projects',members:'Members',complete:'Completed tasks',delivery:'Next delivery',week:'This week',activity:'Workspace activity',capacity:'Team capacity',progress:'Progress',project:'Project',invite:'Invite member',admin:'Administrator',editor:'Editor',viewer:'Read only',plan:'Your plan',billing:'Billing documents',download:'Export CSV',storage:'Storage used',schedule:'Weekly schedule',job:'Job',technician:'Technician',location:'Location',priority:'Priority',high:'High',normal:'Normal',assigned:'Assigned',available:'Available',away:'In the field',jobs:'Jobs',checklist:'Checklist',mobileTitle:'Everything you need, in the field.',mobileBody:'Address, instructions and reporting stay with the same job record. The office sees status changes in the shared schedule.',start:'Start job',finish:'Complete job',jobStarted:'Job started',jobFinished:'Job report saved',instructions:'Check pressure and verify operation after the intervention.',documents:'Documents',messages:'Messages',requests:'Requests',approval:'Awaiting approval',next:'Next step',milestones:'Your project milestones',files:'Recent files',folder:'Folder',updated:'Updated',size:'Size',send:'Send',message:'Your message',design:'Screens and journeys',contract:'Project documents',technical:'Technical documentation',meeting:'Progress review',messageBody:'The revised screens are ready. Could you review the request journey before our next meeting?',messageReply:'Thank you. We have added our comments to the shared document.',requestTitle:'Approve the request journey',requestDescription:'Review fields and content before implementation.',permissions:'Permissions',subscriptions:'Subscriptions',integrations:'Integrations',triggers:'Triggers',actions:'Actions',calendar:'Calendar',account:'Account',online:'Personal workspace',records:'records',noResults:'No records match this search.',close:'Close',readDoc:'Read document',documentBody:'Project structure: overview, primary workflow, acceptance criteria and next steps. You can read this document in the workspace.',draft:'Draft',sent:'Sent',paid:'Paid',report:'Report',team:'Team',queue:'To review',enabled:'Enabled',disabled:'Disabled'},\nru:{workspace:'\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e',search:'\u041f\u043e\u0438\u0441\u043a',welcome:'\u0414\u043e\u0431\u0440\u043e\u0435 \u0443\u0442\u0440\u043e, \u041a\u0430\u043c\u0438\u043b\u044c',today:'\u0412\u0442\u043e\u0440\u043d\u0438\u043a, 20 \u043e\u043a\u0442\u044f\u0431\u0440\u044f',add:'\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c',cancel:'\u041e\u0442\u043c\u0435\u043d\u0430',save:'\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c',name:'\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435',email:'\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430',status:'\u0421\u0442\u0430\u0442\u0443\u0441',owner:'\u041e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439',value:'\u0421\u0443\u043c\u043c\u0430',date:'\u0414\u0430\u0442\u0430',company:'\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',active:'\u0412 \u0440\u0430\u0431\u043e\u0442\u0435',done:'\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e',pending:'\u041d\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0438',new:'\u041d\u043e\u0432\u043e\u0435',total:'\u0418\u0442\u043e\u0433\u043e',period:'\u042d\u0442\u043e\u0442 \u043c\u0435\u0441\u044f\u0446',month:'\u041e\u043a\u0442\u044f\u0431\u0440\u044c',year:'2026',view:'\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435',clients:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u044b',revenue:'\u0412\u044b\u0440\u0443\u0447\u043a\u0430',opportunities:'\u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0441\u0434\u0435\u043b\u043a\u0438',conversion:'\u041a\u043e\u043d\u0432\u0435\u0440\u0441\u0438\u044f',sales:'\u0414\u0438\u043d\u0430\u043c\u0438\u043a\u0430 \u043f\u0440\u043e\u0434\u0430\u0436',target:'\u041f\u043b\u0430\u043d',actual:'\u0424\u0430\u043a\u0442',tasks:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f',all:'\u0412\u0441\u0435',contact:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442',role:'\u0420\u043e\u043b\u044c',contacts:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b',reports:'\u041e\u0442\u0447\u0451\u0442\u044b',settings:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438',notifications:'\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f',connected:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e',connect:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c',disconnect:'\u041e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c',run:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441',history:'\u0418\u0441\u0442\u043e\u0440\u0438\u044f',duration:'\u0414\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c',result:'\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442',runs:'\u0417\u0430\u043f\u0443\u0441\u043a\u0438',success:'\u0423\u0441\u043f\u0435\u0448\u043d\u044b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0438',errors:'\u041e\u0448\u0438\u0431\u043a\u0438',workflow:'\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0435\u0439 \u0437\u0430\u044f\u0432\u043a\u0438',trigger:'\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u043e\u0440\u043c\u0443',validate:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f',create:'\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0432 CRM',notify:'\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u0443',review:'\u0420\u0443\u0447\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430',triggerNote:'\u041f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043d\u043e\u0432\u043e\u0439 \u0437\u0430\u044f\u0432\u043a\u0435',validateNote:'\u0423\u043a\u0430\u0437\u0430\u043d\u044b \u043f\u043e\u0447\u0442\u0430 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',createNote:'NEXORA \u00b7 \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430',notifyNote:'\u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435',reviewNote:'\u041d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439',block:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0431\u043b\u043e\u043a\u0430',field:'\u041f\u043e\u043b\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438',condition:'\u0423\u0441\u043b\u043e\u0432\u0438\u0435',required:'\u0417\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043e',fieldHint:'\u0417\u0430\u044f\u0432\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u0434\u0430\u043b\u044c\u0448\u0435, \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f.',runDone:'\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0430: \u0447\u0435\u0442\u044b\u0440\u0435 \u0448\u0430\u0433\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e.',saved:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043e \u0432 \u044d\u0442\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435.',projects:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b',members:'\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438',complete:'\u0417\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438',delivery:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0439 \u0432\u044b\u043f\u0443\u0441\u043a',week:'\u042d\u0442\u0430 \u043d\u0435\u0434\u0435\u043b\u044f',activity:'\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u044b',capacity:'\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b',progress:'\u0413\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c',project:'\u041f\u0440\u043e\u0435\u043a\u0442',invite:'\u041f\u0440\u0438\u0433\u043b\u0430\u0441\u0438\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430',admin:'\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440',editor:'\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440',viewer:'\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440',plan:'\u0412\u0430\u0448 \u0442\u0430\u0440\u0438\u0444',billing:'\u0421\u0447\u0435\u0442\u0430 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',download:'\u042d\u043a\u0441\u043f\u043e\u0440\u0442 CSV',storage:'\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430',schedule:'\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u043d\u0435\u0434\u0435\u043b\u044e',job:'\u0417\u0430\u0434\u0430\u043d\u0438\u0435',technician:'\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442',location:'\u0410\u0434\u0440\u0435\u0441',priority:'\u041f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442',high:'\u0412\u044b\u0441\u043e\u043a\u0438\u0439',normal:'\u041e\u0431\u044b\u0447\u043d\u044b\u0439',assigned:'\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e',available:'\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d',away:'\u041d\u0430 \u0432\u044b\u0435\u0437\u0434\u0435',jobs:'\u0417\u0430\u0434\u0430\u043d\u0438\u044f',checklist:'\u0421\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a',mobileTitle:'\u0412\u0441\u0451 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u2014 \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0439.',mobileBody:'\u0410\u0434\u0440\u0435\u0441, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0438 \u043e\u0442\u0447\u0451\u0442 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u0437\u0430\u0434\u0430\u043d\u0438\u0438. \u0414\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440 \u0432\u0438\u0434\u0438\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0432 \u043e\u0431\u0449\u0435\u043c \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0438.',start:'\u041d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',finish:'\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',jobStarted:'\u0420\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0447\u0430\u0442\u0430',jobFinished:'\u041e\u0442\u0447\u0451\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d',instructions:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f.',documents:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',messages:'\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f',requests:'\u0417\u0430\u043f\u0440\u043e\u0441\u044b',approval:'\u041e\u0436\u0438\u0434\u0430\u044e\u0442 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f',next:'\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u044d\u0442\u0430\u043f',milestones:'\u042d\u0442\u0430\u043f\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430',files:'\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u044b',folder:'\u041f\u0430\u043f\u043a\u0430',updated:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e',size:'\u0420\u0430\u0437\u043c\u0435\u0440',send:'\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c',message:'\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435',design:'\u042d\u043a\u0440\u0430\u043d\u044b \u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438',contract:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430',technical:'\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f',meeting:'\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430',messageBody:'\u041e\u0431\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u044b\u0435 \u044d\u043a\u0440\u0430\u043d\u044b \u0433\u043e\u0442\u043e\u0432\u044b. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0437\u0430\u044f\u0432\u043a\u0438 \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0432\u0441\u0442\u0440\u0435\u0447\u0438.',messageReply:'\u0421\u043f\u0430\u0441\u0438\u0431\u043e. \u0414\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u044f \u0432 \u043e\u0431\u0449\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442.',requestTitle:'\u0421\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f \u0437\u0430\u044f\u0432\u043a\u0438',requestDescription:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f \u0438 \u0442\u0435\u043a\u0441\u0442\u044b \u043f\u0435\u0440\u0435\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439.',permissions:'\u041f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430',subscriptions:'\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0438',integrations:'\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438',triggers:'\u0421\u043e\u0431\u044b\u0442\u0438\u044f',actions:'\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f',calendar:'\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c',account:'\u0410\u043a\u043a\u0430\u0443\u043d\u0442',online:'\u041b\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0431\u0438\u043d\u0435\u0442',records:'\u0437\u0430\u043f\u0438\u0441\u0435\u0439',noResults:'\u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e.',close:'\u0417\u0430\u043a\u0440\u044b\u0442\u044c',readDoc:'\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442',documentBody:'\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439, \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438. \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.',draft:'\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a',sent:'\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e',paid:'\u041e\u043f\u043b\u0430\u0447\u0435\u043d\u043e',report:'\u041e\u0442\u0447\u0451\u0442',team:'\u041a\u043e\u043c\u0430\u043d\u0434\u0430',queue:'\u041a \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0435',enabled:'\u0412\u043a\u043b\u044e\u0447\u0435\u043d\u043e',disabled:'\u0412\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u043e'}\n};const w=words[l],money=n=>new Intl.NumberFormat(l,{style:'currency',currency:'EUR',maximumFractionDigits:0}).format(n),esc=s=>String(s).replace(/[&<>\"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\nconst icon=(kind=0)=>`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" stroke=\"currentColor\" stroke-width=\"1.5\">${['<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>','<circle cx=\"9\" cy=\"8\" r=\"3\"/><path d=\"M3 21v-3a6 6 0 0 1 12 0v3M17 5a3 3 0 0 1 0 6m1 3a5 5 0 0 1 3 4v3\"/>','<path d=\"M4 4v16h16M8 15l4-5 4 2 5-8\"/>','<rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"/><path d=\"M8 8h8m-8 4h8m-8 4h5\"/>'][kind%4]}</svg>`;\nconst badge=(s,other=false)=>`<span class=\"badge${other?' pending':''}\">${esc(s)}</span>`,avatar=(s='CM')=>`<span class=\"avatar\">${s}</span>`;\nconst local=(fr,en,ru)=>({fr,en,ru})[l];\nconst extra={nexora:[w.contacts,w.tasks,w.reports,w.opportunities],fluxio:[w.triggers,w.actions,w.notifications],orbita:[w.subscriptions,w.permissions,w.settings,local('Analyse','Analytics','\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430')],terralink:[w.clients,w.reports,w.calendar],clarity:[w.projects,w.notifications,w.account]};\nconst names=[...p.screenNames.map(x=>x[l]),...extra[p.slug]],clients=['Atelier Nord','Maison Ardent','Bureau Solis','Octave Services','Studio Rivage','Nova \u00c9nergie','Alto Conseil'],people=['Camille Martin','Alex Laurent','Sarah Bernard','Louis Moreau','Nina Robert'];\nlet view=Number(new URLSearchParams(location.search).get('screen')||location.hash.slice(1)||document.body.dataset.initialScreen||0),selectedNode=1,toastTimer;\nif(!Number.isInteger(view)||view<0||view>=names.length)view=0;\nlet state;try{state=JSON.parse(localStorage.getItem('veylonic-'+p.slug)||'{}')}catch{state={}}state.records??=[];state.messages??=[];state.connections??={};state.nodeConfig??={};\nconst persist=()=>{try{localStorage.setItem('veylonic-'+p.slug,JSON.stringify(state))}catch{}};\nfunction notify(s=w.saved){const n=document.getElementById('notice');n.textContent=s;clearTimeout(toastTimer);toastTimer=setTimeout(()=>n.textContent='',3500)}\nfunction table(head,rows){return `<div class=\"table-wrap\"><table class=\"data-table\"><thead><tr>${head.map(x=>`<th scope=\"col\">${x}</th>`).join('')}</tr></thead><tbody>${rows.map(r=>`<tr>${r.map(c=>`<td>${c}</td>`).join('')}</tr>`).join('')}</tbody></table></div>`}\nfunction metric(label,value,note){return `<div class=\"metric\"><small>${label}</small><strong>${value}</strong><small>${note||w.period}</small></div>`}\nfunction chart(bar=false){return `<div class=\"chart\"><div class=\"chart-legend\"><span><i class=\"legend-dot\"></i>${w.actual}</span><span>${w.target}</span></div><svg viewBox=\"0 0 650 200\" role=\"img\" aria-label=\"${w.activity}\"><path d=\"M25 15H630M25 60H630M25 105H630M25 150H630\" stroke=\"var(--line)\"/>${bar?Array.from({length:12},(_,i)=>`<rect x=\"${38+i*48}\" y=\"${145-[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" width=\"17\" height=\"${[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" fill=\"var(--accent)\" rx=\"3\"/><rect x=\"${57+i*48}\" y=\"${145-[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" width=\"11\" height=\"${[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" fill=\"var(--soft)\" rx=\"2\"/>`).join(''):'<path d=\"M25 139C60 137 70 103 112 116S173 80 210 95S261 55 300 73S350 48 390 56S443 25 482 40S535 23 568 30S607 9 630 15\" stroke=\"var(--accent)\" stroke-width=\"2.5\" fill=\"none\"/><path d=\"M25 146 112 137 210 120 300 105 390 93 482 75 568 67 630 50\" stroke=\"var(--muted)\" stroke-width=\"1\" stroke-dasharray=\"4 5\" fill=\"none\"/>'}${[0,1,2,3,4,5,6].map(i=>`<text x=\"${25+i*100}\" y=\"183\">${String(1+i*4).padStart(2,'0')} ${w.month.slice(0,3)}</text>`).join('')}</svg></div>`}\nconst panel=(title,body,meta=w.period)=>`<section class=\"panel\"><div class=\"panel-head\"><h2>${title}</h2><small>${meta}</small></div>${body}</section>`;\nfunction tasks(){return `<div class=\"task-list\">${[w.meeting,w.requestTitle,w.report,w.documents].map((x,i)=>`<label class=\"task-row\"><input type=\"checkbox\" data-task=\"${i}\" ${state['task'+i]?'checked':''}><span>${x}<br><small>${[10,11,14,16][i]}:30 \u00b7 ${clients[i]}</small></span>${avatar(['CM','AL','SB','LM'][i])}</label>`).join('')}</div>`}\nfunction clientTable(contacts=false){const rows=[...clients,...state.records].map((c,i)=>[`${esc(c)}<small>${contacts?esc(people[i%5]):'CL-'+(1200+i)}</small>`,contacts?esc(people[i%5].toLowerCase().replaceAll(' ','.')+'@example.com'):esc(people[i%5]),badge(i%3===0?w.pending:w.active,i%3===0),money(4500+i*1250),`<button data-detail=\"${esc(c)}\">${w.view}</button>`]);return `<div class=\"panel\"><div class=\"list-toolbar\"><select aria-label=\"${w.status}\" data-filter><option value=\"all\">${w.all}</option><option>${w.active}</option><option>${w.pending}</option></select><span class=\"badge\">${rows.length} ${w.records}</span></div>${table([w.company,contacts?w.email:w.owner,w.status,w.value,''],rows)}<div class=\"list-footer\"><span>1\u2013${rows.length} / ${rows.length}</span><span>25 / page</span></div></div>`}\nfunction nexora(){if(view===7)return panel(w.opportunities,table([w.company,w.owner,w.value,w.status,w.date],clients.map((c,i)=>[c,people[i%5],money(3600+i*1700),badge([w.new,w.active,w.pending][i%3],i%3===2),'28.10.2026'])));if(view===6)return `<div class=\"metrics\">${metric(w.revenue,money(48250))}${metric(w.conversion,'32,4%')}${metric(w.opportunities,'24')}${metric(w.clients,'86')}</div>${panel(w.sales,chart())}${panel(w.reports,table([w.month,w.revenue,w.opportunities,w.conversion],[0,1,2].map((n)=>[['08 / 2026','09 / 2026','10 / 2026'][n],money(39000+n*4600),String(18+n*3),String(27+n*2.7).slice(0,4)+'%'])))} `;if(view===1||view===4)return clientTable(view===4);if(view===2)return `<div class=\"pipeline\">${[w.new,w.active,w.pending,w.done].map((s,i)=>`<section class=\"pipeline-col\"><div class=\"pipeline-head\"><span>${s}</span><span>${[3,2,2,1][i]}</span></div><small>${money([19400,27200,15750,8400][i])}</small>${[0,1,...(i===0?[2]:[])].map((_,j)=>`<article class=\"deal\"><p>${clients[(i+j)%7]}</p><small>${[w.project,w.contract,w.technical][j%3]}</small><strong>${money(3400+i*1800+j*900)}</strong><div class=\"deal-footer\"><small>24 ${w.month.slice(0,3)}</small>${avatar(['CM','AL','SB'][j%3])}</div></article>`).join('')}</section>`).join('')}</div>`;if(view===3)return panel(w.total,table([w.name,w.company,w.value,w.status,w.date],clients.slice(0,6).map((c,i)=>['DEV-2026-'+(121+i),c,money(2500+i*1200),badge([w.draft,w.sent,w.paid][i%3],i%3===0),'18.10.2026'])));if(view===5)return panel(w.tasks,tasks(),w.today);return `<div class=\"metrics\">${metric(w.revenue,money(48250),'+12,8% \u00b7 '+w.period)}${metric(w.opportunities,'24',money(116800))}${metric(w.clients,'86','+6 \u00b7 '+w.period)}${metric(w.conversion,'32,4%','+3,2 pts')}</div><div class=\"grid-two\">${panel(w.sales,chart())}${panel(w.tasks,tasks(),w.today)}</div>${panel(w.opportunities,table([w.company,w.owner,w.value,w.status],clients.slice(0,3).map((c,i)=>[c,people[i],money(7200+i*1800),badge(i===1?w.pending:w.active,i===1)])))}`}\nfunction workflow(){const config=state.nodeConfig[(state.flow||'lead')+':'+selectedNode]||{field:'email',condition:w.required};const alternate=state.flow==='invoice',nodes=alternate?[local('Recevoir la facture','Receive invoice','\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0447\u0451\u0442'),local('V\u00e9rifier le montant','Check amount','\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0441\u0443\u043c\u043c\u0443'),local('Cr\u00e9er le document','Create document','\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442'),w.review,local('Notifier la comptabilit\u00e9','Notify accounting','\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0438\u044e')]:[w.trigger,w.validate,w.create,w.review,w.notify],notes=alternate?['Webhook / Invoice','total > 0','Storage / JSON',w.reviewNote,'Email / Finance']:[w.triggerNote,w.validateNote,w.createNote,w.reviewNote,w.notifyNote];return `<div class=\"workflow-layout\"><div class=\"workflow-board\"><label class=\"flow-picker\">${w.workflow}<select data-flow aria-label=\"${local('Choisir le processus','Choose workflow','\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441')}\"><option value=\"lead\" ${state.flow!=='invoice'?'selected':''}>${w.workflow}</option><option value=\"invoice\" ${state.flow==='invoice'?'selected':''}>${local('Validation de facture','Invoice approval','\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0441\u0447\u0451\u0442\u0430')}</option></select></label><svg class=\"connections\" viewBox=\"0 0 800 635\" preserveAspectRatio=\"none\"><path d=\"M200 154H345M443 195V320M443 407V495H185M540 365H610\" stroke=\"#8A97C5\" stroke-width=\"1.5\" fill=\"none\"/><circle cx=\"200\" cy=\"154\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"443\" cy=\"320\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"610\" cy=\"365\" r=\"4\" fill=\"#A8B5FF\"/></svg>${nodes.map((n,i)=>`<button class=\"workflow-node node-${i}${selectedNode===i?' selected':''}\" data-node=\"${i}\"><span class=\"node-type\"><span class=\"node-icon\">${['01','02','03','05','04'][i]}</span>${n}</span><small>${notes[i]}</small></button>`).join('')}<span class=\"flow-caption\">100% \u00b7 ${w.workspace}</span></div><aside class=\"settings-pane\"><small>${w.block}</small><h2 style=\"margin-top:14px\">${nodes[selectedNode]}</h2><label>${w.field}<select data-node-field>${['email','company','request_id'].map(field=>`<option ${config.field===field?'selected':''}>${field}</option>`).join('')}</select></label><label>${w.condition}<input data-node-condition value=\"${esc(config.condition)}\" aria-label=\"${w.condition}\"></label><p>${w.fieldHint}</p><button class=\"primary\" data-save style=\"margin-top:28px\">${w.save}</button></aside></div>`}\nfunction fluxio(){if(view===0)return workflow();if(view===1)return `<p class=\"section-note\">${w.integrations} / ${w.workspace}</p><div class=\"integration-grid\">${['NEXORA CRM','Email / SMTP','Webhook API','PostgreSQL','ORBITA','Storage API'].map((x,i)=>{const on=state.connections[i]??i<4;return `<article class=\"panel integration\"><div class=\"integration-symbol\">${['N','@','{}','DB','O','S'][i]}</div><h3>${x}</h3><small>${['CRM','SMTP','REST / JSON','SQL','SaaS','Documents'][i]}</small><div style=\"display:flex;justify-content:space-between;align-items:center\">${badge(on?w.connected:w.disabled,!on)}<button data-connect=\"${i}\" style=\"margin-top:18px;font-size:11px\">${on?w.disconnect:w.connect}</button></div></article>`}).join('')}</div>`;if(view===2)return panel(w.history,table(['ID',w.name,w.status,w.duration,w.date],Array.from({length:8},(_,i)=>['EX-'+(2048-i),w.workflow,badge(i===3?w.errors:w.done,i===3),[248,312,276,504,192,281,324,297][i]+' ms','20.10 \u00b7 '+(14-i)+':24'])));if(view===4)return panel(w.triggers,table([w.name,w.condition,w.status],[['Webhook API','POST / request',badge(w.enabled)],[local('Planification','Schedule','\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435'),'Every day / 09:00',badge(w.enabled)],[local('Lancement manuel','Manual run','\u0420\u0443\u0447\u043d\u043e\u0439 \u0437\u0430\u043f\u0443\u0441\u043a'),'On demand',badge(w.enabled)]]));if(view===5)return panel(w.actions,table([w.name,w.condition,w.status],[[w.create,'NEXORA / Client',badge(w.enabled)],[w.notify,'Email / Team',badge(w.enabled)],[w.review,'Approval / Owner',badge(w.enabled)]]));if(view===6)return panel(w.notifications,table([w.name,w.result,w.date],[[w.errors,'EX-2045 / Validate','20.10 \u00b7 11:24'],[w.done,'EX-2048 / Notify','20.10 \u00b7 14:24']]));return `<div class=\"metrics\">${metric(w.runs,'2 048')}${metric(w.success,'99,7%')}${metric(w.duration,'284 ms')}${metric(w.errors,'6')}</div><div class=\"grid-two\">${panel(w.runs,chart(true))}${panel(w.integrations,table([w.name,w.status],[['Webhook API',badge(w.connected)],['NEXORA CRM',badge(w.connected)],['Email / SMTP',badge(w.connected)]]))}</div>${panel(w.history,[['14:24:03','EX-2048',w.trigger],['14:24:03','EX-2048',w.validate],['14:24:04','EX-2048',w.create],['14:24:04','EX-2048',w.done]].map(r=>`<div class=\"log-line\"><time>${r[0]}</time><span>${r[1]}</span><span>${r[2]}</span></div>`).join(''))}`}\nfunction members(){return panel(w.members,table([w.name,w.email,w.role,w.status],people.map((n,i)=>[`${avatar(n.split(' ').map(x=>x[0]).join(''))} ${n}`,n.toLowerCase().replaceAll(' ','.')+'@example.com',`<select aria-label=\"${w.role} ${n}\" data-role><option>${i===0?w.admin:w.editor}</option><option>${w.viewer}</option></select>`,badge(w.active)])))}\nfunction projectBoard(){return `<div class=\"project-board\">${[w.online,w.technical,w.integrations,w.design,w.reports,w.requests].map((x,i)=>`<article class=\"panel project-tile\"><div style=\"display:flex;justify-content:space-between\"><h3>${x}</h3>${badge(i===3?w.pending:w.active,i===3)}</div><small>${clients[i%7]}</small><p style=\"font-size:12px;color:var(--muted)\">${w.next} \u00b7 ${[w.design,w.documents,w.meeting][i%3]}</p><div class=\"progress-line\"><span style=\"width:${[72,48,86,35,62,91][i]}%\"></span></div><small>${w.progress} \u00b7 ${[72,48,86,35,62,91][i]}%</small><div class=\"tile-footer\"><div class=\"avatars\">${avatar('CM')}${avatar('AL')}${avatar('SB')}</div><small>28 ${w.month.slice(0,3)}</small></div></article>`).join('')}</div>`}\nfunction orbita(){if(view===7)return `<div class=\"metrics\">${metric(w.projects,'8')}${metric(w.complete,'124 / 156')}${metric(w.members,'12')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.progress,chart())}</div>${panel(w.reports,table([w.project,w.progress,w.owner,w.delivery],[[w.online,'72%',people[0],'28.10.2026'],[w.integrations,'86%',people[1],'30.10.2026'],[w.technical,'48%',people[2],'04.11.2026']]))}`;if(view===1)return projectBoard();if(view===2||view===5)return members();if(view===3||view===4)return `<div class=\"billing-grid\"><div class=\"panel plan-summary\"><small>${w.plan}</small><h2 style=\"margin-top:14px\">Business</h2><strong>${money(149)}<small> / ${w.month.toLowerCase()}</small></strong><p>12 ${w.members.toLowerCase()} \u00b7 100 GB</p>${badge(w.active)}</div><div class=\"panel plan-summary\"><h2>${w.storage}</h2><strong>24,8 <small>/ 100 GB</small></strong><div class=\"progress-line\"><span style=\"width:25%\"></span></div><p>${w.members}: 12 / 20</p></div></div>${panel(w.billing,table([w.name,w.date,w.value,w.status],['10','09','08','07'].map(m=>['INV-2026-'+m,'01.'+m+'.2026',money(149),badge(w.paid)])))}`;if(view===6)return settings();return `<div class=\"orbita-welcome\"><div><h2>${w.welcome}.</h2><p>${w.delivery}: ${w.online} \u00b7 28 ${w.month.toLowerCase()}. 3 ${w.requests.toLowerCase()} \u00b7 ${w.pending.toLowerCase()}.</p></div><button class=\"primary\" data-view=\"1\">${w.projects}</button></div><div class=\"metrics\">${metric(w.projects,'8')}${metric(w.members,'12')}${metric(w.complete,'124 / 156')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.capacity,people.slice(0,4).map((n,i)=>`<div style=\"padding:12px 22px\">${avatar(n.split(' ').map(x=>x[0]).join(''))} <small>${n}</small><div class=\"progress-line\"><span style=\"width:${[76,62,88,54][i]}%\"></span></div></div>`).join(''))}</div>${panel(w.projects,table([w.project,w.owner,w.progress,w.delivery],[[w.online,'Camille Martin','72%','28.10.2026'],[w.integrations,'Alex Laurent','86%','30.10.2026']]))}`}\nfunction settings(){return `<div class=\"panel plan-summary\"><h2>${w.settings}</h2><div style=\"margin-top:22px;display:grid;gap:20px\">${[w.notifications,w.reports,w.permissions].map((x,i)=>`<label style=\"display:flex;gap:14px;align-items:center\"><input type=\"checkbox\" data-setting=\"${i}\" ${state['setting'+i]!==false?'checked':''}>${x}</label>`).join('')}<label>${w.name}<input class=\"search\" value=\"Camille Martin\" aria-label=\"${w.name}\"></label><button class=\"primary\" style=\"width:max-content\" data-save>${w.save}</button></div></div>`}\nfunction render(){const action=p.slug==='fluxio'?w.run:p.slug==='orbita'&&view===2?w.invite:w.add;root.innerHTML=`<div class=\"shell\"><aside class=\"sidebar\"><a class=\"product-brand\" href=\"#0\"><span class=\"product-mark\">${p.name[0]}</span>${p.name}</a><div class=\"workspace\">${w.workspace}<span>01</span></div><nav class=\"nav-group\" aria-label=\"${w.workspace}\">${names.map((n,i)=>`<button data-view=\"${i}\" ${i===view?'aria-current=\"page\"':''}>${icon(i)}<span>${n}</span></button>`).join('')}</nav><div class=\"sidebar-bottom\"><small>${p.name} / ${w.online}</small><div class=\"account\">${avatar()}<div>Camille Martin<small style=\"display:block\">${w.admin}</small></div></div></div></aside><main class=\"main\"><header class=\"topbar\"><span class=\"topbar-label\">${p.name} / ${names[view]}</span><div class=\"topbar-tools\"><input class=\"search\" type=\"search\" aria-label=\"${w.search}\" placeholder=\"${w.search}\">${avatar()}</div></header><div class=\"content\"><div class=\"page-top\"><div><h1>${names[view]}</h1><p>${view===0?p.title[l]:w.workspace+' / '+p.name}</p></div><div class=\"actions\"><button class=\"secondary\" data-export>${w.download}</button><button class=\"primary\" data-add>${action}</button></div></div>${({nexora,fluxio,orbita})[p.slug]()}<footer class=\"app-footer\"><span>${p.name} / ${w.workspace}</span><span>${w.today} \u00b7 2026</span></footer></div></main></div><div id=\"notice\" class=\"notice\" role=\"status\"></div><dialog id=\"record-dialog\"><form method=\"dialog\" id=\"record-form\"><h2>${w.add}</h2><label>${w.name}<input required name=\"record\" maxlength=\"100\"></label><label>${w.email}<input type=\"email\" name=\"email\" placeholder=\"contact@example.com\"></label><div class=\"actions\"><button type=\"button\" class=\"secondary\" data-close>${w.cancel}</button><button class=\"primary\" value=\"save\">${w.save}</button></div></form></dialog><dialog id=\"detail-dialog\"><h2></h2><p style=\"margin:20px 0;line-height:1.9\"></p><button class=\"primary\" data-close>${w.close}</button></dialog>`;bind()}\nfunction bind(){root.querySelectorAll('[data-view]').forEach(b=>b.onclick=()=>{view=Number(b.dataset.view);history.replaceState(null,'','#'+view);render()});root.querySelectorAll('[data-task]').forEach(b=>b.onchange=()=>{state['task'+b.dataset.task]=b.checked;persist()});root.querySelectorAll('[data-setting]').forEach(b=>b.onchange=()=>{state['setting'+b.dataset.setting]=b.checked;persist();notify()});root.querySelectorAll('[data-save]').forEach(b=>b.onclick=()=>{if(p.slug==='fluxio'&&view===0){state.nodeConfig[(state.flow||'lead')+':'+selectedNode]={field:root.querySelector('[data-node-field]').value,condition:root.querySelector('[data-node-condition]').value};persist()}notify()});root.querySelector('[data-add]').onclick=()=>{if(p.slug==='fluxio'){state.lastRun=Date.now();persist();notify(w.runDone);return}document.getElementById('record-dialog').showModal()};root.querySelectorAll('[data-close]').forEach(b=>b.onclick=()=>b.closest('dialog').close());root.querySelector('#record-form').onsubmit=e=>{e.preventDefault();const f=new FormData(e.currentTarget),name=String(f.get('record')||'').trim();if(!name)return;state.records.push(name);persist();render();notify()};root.querySelector('[data-export]').onclick=()=>{const rows=[...root.querySelectorAll('.data-table tr')].map(r=>[...r.querySelectorAll('th,td')].map(c=>'\"'+c.textContent.replaceAll('\"','\"\"')+'\"').join(','));const blob=new Blob(['\\uFEFF'+(rows.length?rows.join('\\n'):'Product,View\\n'+p.name+','+names[view])],{type:'text/csv;charset=utf-8'}),url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=p.slug+'.csv';a.click();setTimeout(()=>URL.revokeObjectURL(url),1000)};root.querySelector('.search').oninput=e=>{const q=e.target.value.toLowerCase();root.querySelectorAll('.data-table tbody tr,.deal,.integration,.project-tile,.request-line').forEach(n=>n.hidden=!n.textContent.toLowerCase().includes(q))};root.querySelector('[data-filter]')?.addEventListener('change',e=>root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=e.target.value!=='all'&&!n.textContent.includes(e.target.value)));root.querySelectorAll('[data-connect]').forEach(b=>b.onclick=()=>{const i=Number(b.dataset.connect);state.connections[i]=!(state.connections[i]??i<4);persist();render();notify()});root.querySelector('[data-flow]')?.addEventListener('change',e=>{state.flow=e.target.value;persist();selectedNode=1;render()});root.querySelectorAll('[data-node]').forEach(b=>b.onclick=()=>{selectedNode=Number(b.dataset.node);render()});root.querySelectorAll('[data-role]').forEach(b=>b.onchange=()=>notify());root.querySelector('[data-job]')?.addEventListener('click',()=>{if(state.jobStarted)state.jobDone=true;else state.jobStarted=true;persist();render();notify(state.jobDone?w.jobFinished:w.jobStarted)});root.querySelector('.composer')?.addEventListener('submit',e=>{e.preventDefault();const field=e.currentTarget.elements.message;const value=field.value.trim();if(value){state.messages.push(value);persist();render();notify()}});root.querySelectorAll('[data-thread]').forEach(b=>b.onclick=()=>{root.querySelectorAll('.message-item').forEach(n=>n.classList.toggle('selected',n===b));root.querySelector('.thread h2').textContent=[w.design,w.technical,w.meeting][Number(b.dataset.thread)]});root.querySelectorAll('[data-document],[data-detail]').forEach(b=>b.onclick=()=>{const d=document.getElementById('detail-dialog');d.querySelector('h2').textContent=b.dataset.document||b.dataset.detail;d.querySelector('p').textContent=b.dataset.document?w.documentBody:w.requestDescription;d.showModal()});root.querySelectorAll('[data-folder]').forEach(b=>b.onclick=()=>{const folder=[w.design,w.contract,w.technical][Number(b.dataset.folder)];root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=!n.textContent.includes(folder))});root.querySelectorAll('[data-request-filter]').forEach(b=>b.onclick=()=>{root.querySelectorAll('[data-request-filter]').forEach(n=>n.classList.toggle('selected',n===b));root.querySelectorAll('.request-line').forEach(n=>n.hidden=b.dataset.requestFilter!=='all'&&!n.textContent.includes(b.dataset.requestFilter))})}\nwindow.addEventListener('hashchange',()=>{const n=Number(location.hash.slice(1));if(Number.isInteger(n)&&n>=0&&n<names.length){view=n;render()}});render();\n})();\n</script></body></html>","nexora-en":"<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><meta name=\"robots\" content=\"noindex\"><title>NEXORA \u2014 A clearer view of every opportunity.</title><style>@font-face{font-family:Manrope;src:url('/assets/a30ddcd349703aff7464.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#F3F5F7;color:#172633;font:14px/1.5 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:#C7D8EA;color:#132335}button{border:0;background:none}a{text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;letter-spacing:-.03em}h2{font-size:18px;font-weight:600;letter-spacing:-.02em}h3{font-size:15px;font-weight:600}small,.muted{font-size:12px;color:var(--muted)}body{--accent:#15746F;--soft:#E6F1EF;--muted:#61727D;--line:#E2E8EB;--surface:#fff;--page:#F3F6F6}body[data-product=fluxio]{--accent:#A8B5FF;--soft:#303743;--muted:#A7B1C1;--line:#343C49;--surface:#252C38;--page:#1B222D;background:var(--page);color:#EDF0F6}body[data-product=orbita]{--accent:#6E57CA;--soft:#EEEAF9;--muted:#6F7284;--line:#E5E4ED;--page:#F5F4F9}body[data-product=terralink]{--accent:#39765D;--soft:#E7EFE8;--muted:#677467;--line:#DFE6DE;--page:#F3F5F0}body[data-product=clarity]{--accent:#526A91;--soft:#EAF0F7;--muted:#6B7689;--line:#E5E9EE;--page:#F6F8FB}.shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr);background:var(--page)}.sidebar{padding:30px 18px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.product-brand{font-size:21px;font-weight:750;letter-spacing:-.045em;display:flex;gap:10px;align-items:center}.product-mark{width:27px;height:27px;display:inline-flex;background:var(--accent);color:white;border-radius:7px;align-items:center;justify-content:center;font-size:17px}.workspace{border:1px solid var(--line);padding:10px 12px;border-radius:7px;display:flex;justify-content:space-between;font-size:12px}.nav-group{display:grid;gap:5px}.nav-group button{display:flex;text-align:left;gap:11px;align-items:center;padding:11px 12px;border-radius:7px;color:var(--muted);font-size:12px}.nav-group svg{width:17px;height:17px;flex-shrink:0}.nav-group button[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:650}.sidebar-bottom{margin-top:auto;display:grid;gap:18px}.account{display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.main{min-width:0}.topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);gap:24px}.topbar-label{font-size:12px;color:var(--muted)}.topbar-tools{display:flex;align-items:center;gap:20px}.search{border:1px solid var(--line);background:transparent;color:inherit;padding:9px 12px;border-radius:7px;width:235px;font-size:12px}.content{padding:32px 36px 36px;max-width:1600px;margin:auto}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:24px}.page-top p{margin-top:6px;color:var(--muted);font-size:12px}.actions{display:flex;gap:10px}.primary,.secondary{border-radius:7px;padding:11px 17px;font-size:12px;white-space:nowrap}.primary{background:var(--accent);color:#fff;font-weight:650}.secondary{background:var(--surface);border:1px solid var(--line)}body[data-product=fluxio] .primary{color:#1B222D}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:10px}.metric strong{font-size:28px;display:block;margin:8px 0;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric small{font-size:11px}.metric .trend{color:var(--accent);display:inline-block;margin-right:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head small{font-size:11px}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:22px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart{padding:10px 24px 20px}.chart svg{width:100%;height:198px;overflow:visible}.chart text{fill:var(--muted);font-size:10px}.chart path,.chart line{vector-effect:non-scaling-stroke}.chart-legend{display:flex;gap:20px;align-items:center;font-size:11px;margin:0 0 15px 18px}.legend-dot{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;margin-right:7px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.data-table th{color:var(--muted);font-weight:500;background:var(--page);font-size:10px;letter-spacing:.025em}.data-table td,.data-table th{padding:15px 22px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{font-weight:600}.data-table td small{display:block;font-weight:400;margin-top:2px;font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--accent);font-size:10px;padding:4px 8px;border-radius:5px;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.pending{background:#F7EFD9;color:#80632B}.task-list{display:grid;padding:0 22px 15px}.task-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.task-row .avatar{margin-left:auto}.task-row input{accent-color:var(--accent)}.tabs{display:flex;gap:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.tabs button{padding:10px 0;color:var(--muted);font-size:12px}.tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pipeline-col{border-radius:9px;background:var(--soft);padding:14px;min-height:570px}.pipeline-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;font-weight:600}.pipeline-col>small{display:block;font-size:10px;margin-bottom:24px}.deal{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:17px;margin-bottom:13px}.deal p{font-size:12px;margin-bottom:7px;font-weight:600}.deal strong{display:block;margin-top:22px;font-size:19px;font-weight:500}.deal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.list-toolbar{padding:16px 22px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.list-toolbar select{border:1px solid var(--line);padding:7px;border-radius:6px;background:var(--surface);color:inherit;font-size:11px}.list-footer{padding:18px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.workflow-layout{display:grid;grid-template-columns:1fr 290px;gap:0;border:1px solid var(--line);border-radius:10px;min-height:635px;overflow:hidden}.workflow-board{position:relative;background-color:#1C232E;background-image:radial-gradient(#3D4657 .8px,transparent .8px);background-size:22px 22px;padding:28px;min-width:0}.workflow-board svg.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workflow-node{position:absolute;background:#2A3240;border:1px solid #566071;border-radius:9px;width:195px;padding:16px;text-align:left;color:#F3F5FB;box-shadow:0 8px 20px #0C111A20}.workflow-node small{display:block;font-size:10px;color:#A7B1C1;margin-top:6px}.node-type{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.node-icon{width:27px;height:27px;border-radius:6px;background:#414B69;color:#C7D0FF;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.node-0{left:7%;top:105px}.node-1{left:43%;top:105px}.node-2{left:43%;top:320px}.node-3{left:7%;top:460px}.node-4{left:70%;top:320px;width:160px}.workflow-node.selected{border-color:#A8B5FF}.flow-caption{position:absolute;bottom:20px;right:24px;font-size:10px;color:#A7B1C1}.settings-pane{padding:26px 22px;background:var(--surface);border-left:1px solid var(--line)}.settings-pane h2{font-size:16px;margin-bottom:8px}.settings-pane label{display:grid;gap:9px;margin-top:28px;font-size:11px;color:var(--muted)}.settings-pane input,.settings-pane select{border:1px solid var(--line);background:var(--page);padding:11px;color:inherit;border-radius:6px;width:100%;font-size:12px}.settings-pane p{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.8}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration{padding:24px;min-height:190px}.integration-symbol{width:42px;height:42px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:24px;border-radius:10px;color:var(--accent);font-size:19px}.integration .badge{margin-top:18px}.integration h3{margin-bottom:5px}.log-line{display:flex;gap:20px;padding:13px 22px;border-top:1px solid var(--line);font:11px/1.8 monospace}.log-line time{color:var(--muted)}body[data-product=orbita] .shell{display:block}body[data-product=orbita] .sidebar{height:84px;flex-direction:row;align-items:center;padding:0 42px;border-right:0;border-bottom:1px solid var(--line);gap:34px}body[data-product=orbita] .workspace,body[data-product=orbita] .sidebar-bottom{display:none}body[data-product=orbita] .nav-group{display:flex;gap:5px}body[data-product=orbita] .nav-group button{padding:9px 10px}body[data-product=orbita] .nav-group svg{display:none}body[data-product=orbita] .topbar{height:53px;background:transparent;padding:0 42px}body[data-product=orbita] .content{padding:28px 42px}.project-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-tile{padding:24px;min-height:260px}.project-tile>small{display:block;margin:14px 0 20px}.progress-line{height:5px;background:var(--soft);border-radius:5px;overflow:hidden;margin:20px 0 10px}.progress-line span{display:block;height:100%;background:var(--accent)}.tile-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.avatars{display:flex}.avatars .avatar{margin-right:-6px;border:2px solid var(--surface)}.orbita-welcome{padding:24px 26px;background:#EAE6F5;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#332C4E}.orbita-welcome h2{font-size:22px;margin-bottom:8px}.orbita-welcome p{font-size:12px;max-width:62ch}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.plan-summary{padding:26px}.plan-summary strong{display:block;font-size:36px;font-weight:500;letter-spacing:-.03em;margin:14px 0}.plan-summary p{margin-bottom:22px;color:var(--muted);font-size:12px}.planner{display:grid;grid-template-columns:135px repeat(5,1fr);background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:600px}.planner-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;min-width:0}.planner-day{text-align:center;font-size:11px;color:var(--muted);background:#F9FBF8}.planner-day b{display:block;font-size:23px;color:#25382E;margin-top:5px;font-weight:500}.planner-person{display:flex;gap:9px;align-items:flex-start;font-size:11px;background:#FAFBF8;padding-top:22px}.job{background:#E4EFE6;color:#315A43;border:1px solid #CEDFD1;border-radius:6px;padding:13px 10px;margin-top:8px;font-size:11px;line-height:1.6}.job b{display:block;font-weight:600;margin-bottom:4px}.job.alt{background:#E7EDF6;color:#385579;border-color:#D6E1EE}.job.pause{background:#F3EEDD;color:#78683F;border-color:#EAE1C7}.mobile-stage{background:#E4EBE2;padding:35px;display:grid;grid-template-columns:1fr 355px;gap:50px;align-items:center;border-radius:10px}.mobile-stage h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;margin-bottom:22px}.mobile-stage>div:first-child{padding:20px;max-width:540px}.mobile-stage p{color:#617163;font-size:14px;line-height:1.9}.phone{background:#FBFCFA;border:7px solid #24352B;border-radius:34px;padding:20px 19px;color:#24352B;box-shadow:0 20px 45px #20342817;min-height:600px}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:650;margin-bottom:30px}.phone h3{font-size:24px;font-weight:550;line-height:1.2;margin:12px 0 20px}.phone .badge{margin-bottom:14px}.phone-address{padding:16px 0;border-block:1px solid #DFE6DE;font-size:12px;margin-bottom:18px}.phone .task-row{font-size:11px}.phone .primary{width:100%;margin-top:24px}.phone-note{background:#EAF0E6;border-radius:7px;padding:12px;font-size:11px;line-height:1.8}.portal-summary{padding:32px;background:#E8EEF7;border-radius:10px;display:grid;grid-template-columns:1fr 190px;gap:35px;margin-bottom:24px}.portal-summary h2{font-size:25px;font-weight:500;margin:10px 0 16px}.portal-summary p{color:#536A87;font-size:12px}.portal-status{border-left:1px solid #CDD8E8;padding-left:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}.portal-status strong{font-size:34px;font-weight:500}.milestone{display:grid;grid-template-columns:30px 1fr auto;gap:13px;align-items:center;border-top:1px solid var(--line);padding:18px 22px;font-size:12px}.milestone small{display:block;margin-top:3px;font-size:10px}.milestone-number{color:var(--accent);font-variant-numeric:tabular-nums}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.folder{padding:23px;display:flex;align-items:center;gap:14px}.folder svg{width:36px;height:36px;color:var(--accent)}.folder small{display:block;font-size:10px;margin-top:4px}.messages{display:grid;grid-template-columns:290px 1fr;min-height:600px}.message-list{border-right:1px solid var(--line)}.message-item{display:block;padding:24px;border-bottom:1px solid var(--line);text-align:left;width:100%}.message-item.selected{background:var(--soft)}.message-item h3{font-size:13px;margin:5px 0}.message-item small{font-size:11px}.thread{display:flex;flex-direction:column;padding:28px}.thread h2{padding-bottom:23px;border-bottom:1px solid var(--line)}.bubble{max-width:80%;margin-top:28px;font-size:13px;line-height:1.9}.bubble p{background:var(--page);border-radius:8px;padding:15px 18px;margin-top:8px}.bubble.mine{margin-left:auto}.bubble.mine p{background:var(--soft)}.composer{margin-top:auto;padding-top:28px;display:flex;gap:12px}.composer input{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--surface);color:inherit;min-width:0}.request-list{display:grid;gap:14px}.request-line{padding:23px;display:grid;grid-template-columns:70px 1fr auto 120px;align-items:center;gap:20px}.request-line h3{margin-bottom:4px}.request-line small{font-size:11px}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172633;color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 12px 32px #0C18322A;font-size:12px;z-index:20}.notice:empty{display:none}dialog{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:12px;width:min(470px,92vw);padding:28px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#101E3460}dialog form{display:grid;gap:18px}dialog h2{margin-bottom:8px}dialog label{display:grid;gap:8px;font-size:12px}dialog input{border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--page);color:inherit}dialog .actions{justify-content:flex-end;margin-top:8px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.app-footer{margin-top:24px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.section-note{font-size:12px;color:var(--muted);max-width:65ch;margin-bottom:24px;line-height:1.8}.hidden{display:none!important}\n@media(max-width:1050px){.sidebar{padding-inline:12px}.shell{grid-template-columns:180px 1fr}.content{padding:25px}.topbar{padding-inline:25px}.grid-two{grid-template-columns:1fr 1fr}.workflow-layout{grid-template-columns:1fr}.settings-pane{display:block;border-left:0;border-top:1px solid var(--line);min-width:0}.workflow-board{min-height:600px}body[data-product=orbita] .sidebar{padding:20px;height:auto;gap:25px}body[data-product=orbita] .nav-group{flex-wrap:wrap;gap:0}body[data-product=orbita] .nav-group button{padding:5px 8px;font-size:11px}.product-board{gap:12px}.metrics{gap:10px}.metric{padding:15px}.data-table td,.data-table th{padding:14px 16px}}\n@media(max-width:760px){.shell{display:block}.sidebar{padding:18px 20px;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace,.sidebar-bottom{display:none}.product-brand{font-size:19px}.nav-group{display:flex;overflow-x:auto;gap:4px}.nav-group button{white-space:nowrap;padding:8px 10px;font-size:11px}.nav-group svg{display:none}.topbar{height:52px;padding:0 20px}.topbar-tools .search{display:none}.content{padding:24px 20px}.page-top{align-items:flex-start;gap:14px}.page-top h1{font-size:25px}.page-top p{font-size:11px;max-width:38ch}.actions{flex-wrap:wrap;gap:7px}.primary,.secondary{padding:9px 11px;font-size:11px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.metric strong{font-size:25px}.grid-two,.grid-equal,.billing-grid{grid-template-columns:1fr;gap:18px}.panel-head{padding:18px}.chart svg{height:170px}.pipeline{grid-template-columns:repeat(4,235px);overflow:auto;padding-bottom:15px}.pipeline-col{min-height:480px}.integration-grid{grid-template-columns:1fr 1fr;gap:12px}.integration{padding:18px;min-height:185px}.workflow-layout{min-height:650px}.workflow-board{overflow:auto;min-height:630px;padding:18px}.workflow-board svg.connections{min-width:740px}.workflow-node{width:175px}.node-0{left:20px;top:105px}.node-1{left:225px;top:105px}.node-2{left:225px;top:310px}.node-3{left:20px;top:455px}.node-4{left:430px;top:310px}body[data-product=orbita] .sidebar{display:block;padding:18px 20px}body[data-product=orbita] .nav-group{margin-top:15px;flex-wrap:nowrap}body[data-product=orbita] .content{padding:24px 20px}body[data-product=orbita] .topbar{padding:0 20px}.project-board{grid-template-columns:1fr}.orbita-welcome{display:block;padding:20px}.orbita-welcome .primary{margin-top:18px}.orbita-welcome h2{font-size:20px}.planner{grid-template-columns:105px repeat(5,145px);overflow:auto}.planner-cell{padding:10px}.planner{display:grid;max-width:100%;min-height:550px}.mobile-stage{display:block;padding:20px 0;background:transparent}.mobile-stage>div:first-child{padding:0;margin-bottom:30px}.mobile-stage h2{font-size:28px}.phone{max-width:355px;margin:auto;min-height:590px}.portal-summary{grid-template-columns:1fr;padding:22px;gap:20px}.portal-status{border-left:0;border-top:1px solid #CDD8E8;padding:18px 0 0;flex-direction:row;justify-content:space-between;align-items:center}.folder-grid{grid-template-columns:1fr}.messages{grid-template-columns:1fr}.message-list{display:flex;overflow:auto;border-bottom:1px solid var(--line);border-right:0}.message-item{min-width:210px;padding:16px}.thread{padding:20px;min-height:440px}.bubble{max-width:94%;font-size:12px}.request-line{grid-template-columns:1fr auto;gap:12px;padding:18px}.request-line>small{grid-column:1/-1}.request-line>span:first-child{display:none}.tabs{gap:18px;overflow:auto;white-space:nowrap}.app-footer{font-size:9px}.log-line{font-size:10px;gap:12px;padding:12px;overflow:auto;white-space:nowrap}}\n@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}\n\n.flow-picker{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;position:relative;z-index:2}.flow-picker select{background:#2E3548;color:#EDF1FF;border:1px solid #66718E;border-radius:6px;padding:9px;font:11px Manrope,Arial,sans-serif;max-width:260px}@media(max-width:650px){.flow-picker{align-items:start;flex-direction:column;gap:8px}.flow-picker select{max-width:100%}}\nhtml{scrollbar-width:none}html::-webkit-scrollbar{display:none}\n</style></head><body data-product=\"nexora\" data-initial-screen=\"0\"><div id=\"product-root\"></div><script id=\"product-data\" type=\"application/json\">{\"p\":{\"slug\":\"nexora\",\"name\":\"NEXORA\",\"category\":\"corporate\",\"color\":\"#177D78\",\"categoryLabel\":{\"fr\":\"Logiciel m\u00e9tier / CRM\",\"en\":\"Business software / CRM\",\"ru\":\"\u0411\u0438\u0437\u043d\u0435\u0441-\u0441\u0438\u0441\u0442\u0435\u043c\u0430 / CRM\"},\"title\":{\"fr\":\"Gestion commerciale intelligente.\",\"en\":\"A clearer view of every opportunity.\",\"ru\":\"\u041f\u0440\u043e\u0434\u0430\u0436\u0438, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u0441\u0451 \u043d\u0430 \u0441\u0432\u043e\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445.\"},\"summary\":{\"fr\":\"Clients, opportunit\u00e9s et devis r\u00e9unis dans un espace commercial clair.\",\"en\":\"Clients, opportunities and quotes in one clear sales workspace.\",\"ru\":\"\u041a\u043b\u0438\u0435\u043d\u0442\u044b, \u0441\u0434\u0435\u043b\u043a\u0438 \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432 \u0435\u0434\u0438\u043d\u043e\u043c \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.\"},\"challenge\":{\"fr\":\"Les informations clients dispers\u00e9es compliquent les relances et les pr\u00e9visions. NEXORA organise le suivi commercial autour d\u2019une fiche partag\u00e9e et d\u2019une prochaine action visible.\",\"en\":\"Scattered customer information makes follow-ups and forecasts difficult. NEXORA organises sales around a shared record and a visible next action.\",\"ru\":\"\u041a\u043e\u0433\u0434\u0430 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043e \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u0445 \u0440\u0430\u0437\u0431\u0440\u043e\u0441\u0430\u043d\u044b \u043f\u043e \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u043c \u0438 \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u043a\u0430\u043c, \u043b\u0435\u0433\u043a\u043e \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0432\u0441\u0442\u0440\u0435\u0447\u0443 \u0438\u043b\u0438 \u043f\u043e\u0442\u0435\u0440\u044f\u0442\u044c \u0441\u0434\u0435\u043b\u043a\u0443. NEXORA \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u0438\u0441\u0442\u043e\u0440\u0438\u044e \u043e\u0431\u0449\u0435\u043d\u0438\u044f, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435.\"},\"solution\":{\"fr\":\"Une navigation stable relie clients, contacts, pipeline, devis, t\u00e2ches et rapports. Les tableaux se parcourent par recherche ; le pipeline rend chaque \u00e9tape et son montant lisibles.\",\"en\":\"Stable navigation connects clients, contacts, pipeline, quotes, tasks and reports. Searchable tables help find a record; the pipeline makes each stage and its value visible.\",\"ru\":\"\u041e\u0431\u0437\u043e\u0440 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u0440\u043e\u0434\u0430\u0436, \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0430 \u0434\u043e\u0441\u043a\u0430 \u0441\u0434\u0435\u043b\u043e\u043a \u2014 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u044d\u0442\u0430\u043f \u0438 \u0441\u0443\u043c\u043c\u0443. \u0418\u0437 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043b\u0435\u0433\u043a\u043e \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0443, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u0438\u043b\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0435.\"},\"architecture\":{\"fr\":\"Une navigation stable relie clients, contacts, pipeline, devis, t\u00e2ches et rapports. Les tableaux se parcourent par recherche ; le pipeline rend chaque \u00e9tape et son montant lisibles.\",\"en\":\"Stable navigation connects clients, contacts, pipeline, quotes, tasks and reports. Searchable tables help find a record; the pipeline makes each stage and its value visible.\",\"ru\":\"\u041e\u0431\u0437\u043e\u0440 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u0440\u043e\u0434\u0430\u0436, \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0430 \u0434\u043e\u0441\u043a\u0430 \u0441\u0434\u0435\u043b\u043e\u043a \u2014 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u044d\u0442\u0430\u043f \u0438 \u0441\u0443\u043c\u043c\u0443. \u0418\u0437 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u043b\u0435\u0433\u043a\u043e \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0443, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u0438\u043b\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0437\u0430\u0434\u0430\u0447\u0435.\"},\"screenNames\":[{\"fr\":\"Tableau de bord\",\"en\":\"Overview\",\"ru\":\"\u041e\u0431\u0437\u043e\u0440\"},{\"fr\":\"Clients\",\"en\":\"Clients\",\"ru\":\"\u041a\u043b\u0438\u0435\u043d\u0442\u044b\"},{\"fr\":\"Pipeline commercial\",\"en\":\"Sales pipeline\",\"ru\":\"\u0421\u0434\u0435\u043b\u043a\u0438\"},{\"fr\":\"Devis\",\"en\":\"Quotes\",\"ru\":\"\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f\"}],\"features\":[{\"fr\":\"Clients et contacts\",\"en\":\"Clients and contacts\",\"ru\":\"\u041a\u043b\u0438\u0435\u043d\u0442\u044b \u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b\"},{\"fr\":\"Opportunit\u00e9s par \u00e9tape\",\"en\":\"Opportunities by stage\",\"ru\":\"\u0421\u0434\u0435\u043b\u043a\u0438 \u043f\u043e \u044d\u0442\u0430\u043f\u0430\u043c\"},{\"fr\":\"Devis et montants\",\"en\":\"Quotes and values\",\"ru\":\"\u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0441\u0443\u043c\u043c\u044b\"},{\"fr\":\"T\u00e2ches et rapports\",\"en\":\"Tasks and reports\",\"ru\":\"\u0417\u0430\u0434\u0430\u0447\u0438 \u0438 \u043e\u0442\u0447\u0451\u0442\u044b\"}],\"serviceSlug\":\"web-development\",\"demo\":true,\"stack\":[\"HTML\",\"CSS\",\"JavaScript\",\"SVG\"],\"kind\":\"application\"},\"locale\":\"en\"}</script><script>(()=>{'use strict';\nconst {p,locale:l}=JSON.parse(document.getElementById('product-data').textContent),root=document.getElementById('product-root');\nconst words={\nfr:{workspace:'Espace de travail',search:'Rechercher',welcome:'Bonjour, Camille',today:'Mardi 20 octobre',add:'Ajouter',cancel:'Annuler',save:'Enregistrer',name:'Nom',email:'Adresse email',status:'\u00c9tat',owner:'Responsable',value:'Montant',date:'Date',company:'Entreprise',active:'En cours',done:'Termin\u00e9',pending:'\u00c0 valider',new:'Nouveau',total:'Total',period:'Ce mois-ci',month:'Octobre',year:'2026',view:'Voir le d\u00e9tail',clients:'Clients actifs',revenue:'Chiffre d\u2019affaires',opportunities:'Opportunit\u00e9s ouvertes',conversion:'Taux de conversion',sales:'Activit\u00e9 commerciale',target:'Objectif',actual:'R\u00e9alis\u00e9',tasks:'Prochaines actions',all:'Tous',contact:'Contact',role:'R\u00f4le',contacts:'Contacts',reports:'Rapports',settings:'Param\u00e8tres',notifications:'Notifications',connected:'Connect\u00e9',connect:'Connecter',disconnect:'D\u00e9connecter',run:'Tester le processus',history:'Historique',duration:'Dur\u00e9e',result:'R\u00e9sultat',runs:'Ex\u00e9cutions',success:'R\u00e9ussite',errors:'Erreurs',workflow:'Qualification des demandes',trigger:'R\u00e9ception du formulaire',validate:'V\u00e9rifier les champs',create:'Cr\u00e9er un contact CRM',notify:'Notifier l\u2019\u00e9quipe',review:'Validation manuelle',triggerNote:'\u00c0 chaque nouvelle demande',validateNote:'Email et entreprise pr\u00e9sents',createNote:'NEXORA \u00b7 Fiche client',notifyNote:'Notification interne',reviewNote:'Donn\u00e9es incompl\u00e8tes',block:'Configuration du bloc',field:'Champ \u00e0 v\u00e9rifier',condition:'Condition',required:'Est renseign\u00e9',fieldHint:'La demande continue uniquement si les informations requises sont pr\u00e9sentes.',runDone:'Test termin\u00e9 : les quatre \u00e9tapes ont \u00e9t\u00e9 ex\u00e9cut\u00e9es localement.',saved:'Modification enregistr\u00e9e dans cet aper\u00e7u.',projects:'Projets actifs',members:'Membres',complete:'T\u00e2ches termin\u00e9es',delivery:'Prochaine livraison',week:'Cette semaine',activity:'Activit\u00e9 de l\u2019espace',capacity:'Charge de l\u2019\u00e9quipe',progress:'Avancement',project:'Projet',invite:'Inviter un membre',admin:'Administrateur',editor:'\u00c9diteur',viewer:'Lecture seule',plan:'Votre abonnement',billing:'Documents de facturation',download:'Exporter CSV',storage:'Stockage utilis\u00e9',schedule:'Planning de la semaine',job:'Intervention',technician:'Technicien',location:'Lieu',priority:'Priorit\u00e9',high:'Haute',normal:'Normale',assigned:'Affect\u00e9',available:'Disponible',away:'Sur le terrain',jobs:'Interventions',checklist:'Liste de v\u00e9rification',mobileTitle:'Tout ce qu\u2019il faut, sur le terrain.',mobileBody:'L\u2019adresse, les consignes et le compte rendu restent accessibles depuis le m\u00eame dossier. Le bureau retrouve les changements de statut dans le planning.',start:'D\u00e9marrer l\u2019intervention',finish:'Terminer l\u2019intervention',jobStarted:'Intervention d\u00e9marr\u00e9e',jobFinished:'Compte rendu enregistr\u00e9',instructions:'V\u00e9rifier la pression et contr\u00f4ler le fonctionnement apr\u00e8s intervention.',documents:'Documents',messages:'Messages',requests:'Demandes',approval:'Validations attendues',next:'Prochaine \u00e9tape',milestones:'Les \u00e9tapes de votre projet',files:'Fichiers r\u00e9cents',folder:'Dossier',updated:'Modifi\u00e9 le',size:'Taille',send:'Envoyer',message:'Votre message',design:'\u00c9crans et parcours',contract:'Documents de projet',technical:'Dossier technique',meeting:'Point d\u2019avancement',messageBody:'Les \u00e9crans r\u00e9vis\u00e9s sont pr\u00eats. Pouvez-vous v\u00e9rifier le parcours de demande avant notre prochain \u00e9change ?',messageReply:'Merci, nous avons ajout\u00e9 nos remarques dans le document partag\u00e9.',requestTitle:'Validation du parcours de demande',requestDescription:'V\u00e9rifier les champs et les textes avant int\u00e9gration.',permissions:'Permissions',subscriptions:'Abonnements',integrations:'Int\u00e9grations',triggers:'D\u00e9clencheurs',actions:'Actions',calendar:'Calendrier',account:'Compte',online:'Espace personnel',records:'\u00e9l\u00e9ments',noResults:'Aucun \u00e9l\u00e9ment ne correspond \u00e0 cette recherche.',close:'Fermer',readDoc:'Consulter le document',documentBody:'Structure du projet : pr\u00e9sentation, parcours principal, crit\u00e8res de validation et prochaines \u00e9tapes. Ce document peut \u00eatre consult\u00e9 dans cet espace.',draft:'Brouillon',sent:'Envoy\u00e9',paid:'R\u00e9gl\u00e9',report:'Rapport',team:'\u00c9quipe',queue:'\u00c0 traiter',enabled:'Activ\u00e9',disabled:'D\u00e9sactiv\u00e9'},\nen:{workspace:'Workspace',search:'Search',welcome:'Good morning, Camille',today:'Tuesday, 20 October',add:'Add',cancel:'Cancel',save:'Save changes',name:'Name',email:'Email address',status:'Status',owner:'Owner',value:'Value',date:'Date',company:'Company',active:'In progress',done:'Completed',pending:'Needs review',new:'New',total:'Total',period:'This month',month:'October',year:'2026',view:'View details',clients:'Active clients',revenue:'Revenue',opportunities:'Open opportunities',conversion:'Conversion rate',sales:'Sales activity',target:'Target',actual:'Actual',tasks:'Next actions',all:'All',contact:'Contact',role:'Role',contacts:'Contacts',reports:'Reports',settings:'Settings',notifications:'Notifications',connected:'Connected',connect:'Connect',disconnect:'Disconnect',run:'Test workflow',history:'History',duration:'Duration',result:'Result',runs:'Executions',success:'Success rate',errors:'Errors',workflow:'Incoming request qualification',trigger:'Receive form',validate:'Validate fields',create:'Create CRM contact',notify:'Notify team',review:'Manual review',triggerNote:'Every new request',validateNote:'Email and company present',createNote:'NEXORA \u00b7 Client record',notifyNote:'Internal notification',reviewNote:'Incomplete information',block:'Block settings',field:'Field to validate',condition:'Condition',required:'Is present',fieldHint:'The request continues only when all required information is present.',runDone:'Test complete: all four steps ran locally.',saved:'Change saved in this preview.',projects:'Active projects',members:'Members',complete:'Completed tasks',delivery:'Next delivery',week:'This week',activity:'Workspace activity',capacity:'Team capacity',progress:'Progress',project:'Project',invite:'Invite member',admin:'Administrator',editor:'Editor',viewer:'Read only',plan:'Your plan',billing:'Billing documents',download:'Export CSV',storage:'Storage used',schedule:'Weekly schedule',job:'Job',technician:'Technician',location:'Location',priority:'Priority',high:'High',normal:'Normal',assigned:'Assigned',available:'Available',away:'In the field',jobs:'Jobs',checklist:'Checklist',mobileTitle:'Everything you need, in the field.',mobileBody:'Address, instructions and reporting stay with the same job record. The office sees status changes in the shared schedule.',start:'Start job',finish:'Complete job',jobStarted:'Job started',jobFinished:'Job report saved',instructions:'Check pressure and verify operation after the intervention.',documents:'Documents',messages:'Messages',requests:'Requests',approval:'Awaiting approval',next:'Next step',milestones:'Your project milestones',files:'Recent files',folder:'Folder',updated:'Updated',size:'Size',send:'Send',message:'Your message',design:'Screens and journeys',contract:'Project documents',technical:'Technical documentation',meeting:'Progress review',messageBody:'The revised screens are ready. Could you review the request journey before our next meeting?',messageReply:'Thank you. We have added our comments to the shared document.',requestTitle:'Approve the request journey',requestDescription:'Review fields and content before implementation.',permissions:'Permissions',subscriptions:'Subscriptions',integrations:'Integrations',triggers:'Triggers',actions:'Actions',calendar:'Calendar',account:'Account',online:'Personal workspace',records:'records',noResults:'No records match this search.',close:'Close',readDoc:'Read document',documentBody:'Project structure: overview, primary workflow, acceptance criteria and next steps. You can read this document in the workspace.',draft:'Draft',sent:'Sent',paid:'Paid',report:'Report',team:'Team',queue:'To review',enabled:'Enabled',disabled:'Disabled'},\nru:{workspace:'\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e',search:'\u041f\u043e\u0438\u0441\u043a',welcome:'\u0414\u043e\u0431\u0440\u043e\u0435 \u0443\u0442\u0440\u043e, \u041a\u0430\u043c\u0438\u043b\u044c',today:'\u0412\u0442\u043e\u0440\u043d\u0438\u043a, 20 \u043e\u043a\u0442\u044f\u0431\u0440\u044f',add:'\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c',cancel:'\u041e\u0442\u043c\u0435\u043d\u0430',save:'\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c',name:'\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435',email:'\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430',status:'\u0421\u0442\u0430\u0442\u0443\u0441',owner:'\u041e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439',value:'\u0421\u0443\u043c\u043c\u0430',date:'\u0414\u0430\u0442\u0430',company:'\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',active:'\u0412 \u0440\u0430\u0431\u043e\u0442\u0435',done:'\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e',pending:'\u041d\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0438',new:'\u041d\u043e\u0432\u043e\u0435',total:'\u0418\u0442\u043e\u0433\u043e',period:'\u042d\u0442\u043e\u0442 \u043c\u0435\u0441\u044f\u0446',month:'\u041e\u043a\u0442\u044f\u0431\u0440\u044c',year:'2026',view:'\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435',clients:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u044b',revenue:'\u0412\u044b\u0440\u0443\u0447\u043a\u0430',opportunities:'\u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0441\u0434\u0435\u043b\u043a\u0438',conversion:'\u041a\u043e\u043d\u0432\u0435\u0440\u0441\u0438\u044f',sales:'\u0414\u0438\u043d\u0430\u043c\u0438\u043a\u0430 \u043f\u0440\u043e\u0434\u0430\u0436',target:'\u041f\u043b\u0430\u043d',actual:'\u0424\u0430\u043a\u0442',tasks:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f',all:'\u0412\u0441\u0435',contact:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442',role:'\u0420\u043e\u043b\u044c',contacts:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b',reports:'\u041e\u0442\u0447\u0451\u0442\u044b',settings:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438',notifications:'\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f',connected:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e',connect:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c',disconnect:'\u041e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c',run:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441',history:'\u0418\u0441\u0442\u043e\u0440\u0438\u044f',duration:'\u0414\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c',result:'\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442',runs:'\u0417\u0430\u043f\u0443\u0441\u043a\u0438',success:'\u0423\u0441\u043f\u0435\u0448\u043d\u044b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0438',errors:'\u041e\u0448\u0438\u0431\u043a\u0438',workflow:'\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0435\u0439 \u0437\u0430\u044f\u0432\u043a\u0438',trigger:'\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u043e\u0440\u043c\u0443',validate:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f',create:'\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0432 CRM',notify:'\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u0443',review:'\u0420\u0443\u0447\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430',triggerNote:'\u041f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043d\u043e\u0432\u043e\u0439 \u0437\u0430\u044f\u0432\u043a\u0435',validateNote:'\u0423\u043a\u0430\u0437\u0430\u043d\u044b \u043f\u043e\u0447\u0442\u0430 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',createNote:'NEXORA \u00b7 \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430',notifyNote:'\u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435',reviewNote:'\u041d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439',block:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0431\u043b\u043e\u043a\u0430',field:'\u041f\u043e\u043b\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438',condition:'\u0423\u0441\u043b\u043e\u0432\u0438\u0435',required:'\u0417\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043e',fieldHint:'\u0417\u0430\u044f\u0432\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u0434\u0430\u043b\u044c\u0448\u0435, \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f.',runDone:'\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0430: \u0447\u0435\u0442\u044b\u0440\u0435 \u0448\u0430\u0433\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e.',saved:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043e \u0432 \u044d\u0442\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435.',projects:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b',members:'\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438',complete:'\u0417\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438',delivery:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0439 \u0432\u044b\u043f\u0443\u0441\u043a',week:'\u042d\u0442\u0430 \u043d\u0435\u0434\u0435\u043b\u044f',activity:'\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u044b',capacity:'\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b',progress:'\u0413\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c',project:'\u041f\u0440\u043e\u0435\u043a\u0442',invite:'\u041f\u0440\u0438\u0433\u043b\u0430\u0441\u0438\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430',admin:'\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440',editor:'\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440',viewer:'\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440',plan:'\u0412\u0430\u0448 \u0442\u0430\u0440\u0438\u0444',billing:'\u0421\u0447\u0435\u0442\u0430 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',download:'\u042d\u043a\u0441\u043f\u043e\u0440\u0442 CSV',storage:'\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430',schedule:'\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u043d\u0435\u0434\u0435\u043b\u044e',job:'\u0417\u0430\u0434\u0430\u043d\u0438\u0435',technician:'\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442',location:'\u0410\u0434\u0440\u0435\u0441',priority:'\u041f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442',high:'\u0412\u044b\u0441\u043e\u043a\u0438\u0439',normal:'\u041e\u0431\u044b\u0447\u043d\u044b\u0439',assigned:'\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e',available:'\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d',away:'\u041d\u0430 \u0432\u044b\u0435\u0437\u0434\u0435',jobs:'\u0417\u0430\u0434\u0430\u043d\u0438\u044f',checklist:'\u0421\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a',mobileTitle:'\u0412\u0441\u0451 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u2014 \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0439.',mobileBody:'\u0410\u0434\u0440\u0435\u0441, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0438 \u043e\u0442\u0447\u0451\u0442 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u0437\u0430\u0434\u0430\u043d\u0438\u0438. \u0414\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440 \u0432\u0438\u0434\u0438\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0432 \u043e\u0431\u0449\u0435\u043c \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0438.',start:'\u041d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',finish:'\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',jobStarted:'\u0420\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0447\u0430\u0442\u0430',jobFinished:'\u041e\u0442\u0447\u0451\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d',instructions:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f.',documents:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',messages:'\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f',requests:'\u0417\u0430\u043f\u0440\u043e\u0441\u044b',approval:'\u041e\u0436\u0438\u0434\u0430\u044e\u0442 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f',next:'\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u044d\u0442\u0430\u043f',milestones:'\u042d\u0442\u0430\u043f\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430',files:'\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u044b',folder:'\u041f\u0430\u043f\u043a\u0430',updated:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e',size:'\u0420\u0430\u0437\u043c\u0435\u0440',send:'\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c',message:'\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435',design:'\u042d\u043a\u0440\u0430\u043d\u044b \u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438',contract:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430',technical:'\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f',meeting:'\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430',messageBody:'\u041e\u0431\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u044b\u0435 \u044d\u043a\u0440\u0430\u043d\u044b \u0433\u043e\u0442\u043e\u0432\u044b. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0437\u0430\u044f\u0432\u043a\u0438 \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0432\u0441\u0442\u0440\u0435\u0447\u0438.',messageReply:'\u0421\u043f\u0430\u0441\u0438\u0431\u043e. \u0414\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u044f \u0432 \u043e\u0431\u0449\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442.',requestTitle:'\u0421\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f \u0437\u0430\u044f\u0432\u043a\u0438',requestDescription:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f \u0438 \u0442\u0435\u043a\u0441\u0442\u044b \u043f\u0435\u0440\u0435\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439.',permissions:'\u041f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430',subscriptions:'\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0438',integrations:'\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438',triggers:'\u0421\u043e\u0431\u044b\u0442\u0438\u044f',actions:'\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f',calendar:'\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c',account:'\u0410\u043a\u043a\u0430\u0443\u043d\u0442',online:'\u041b\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0431\u0438\u043d\u0435\u0442',records:'\u0437\u0430\u043f\u0438\u0441\u0435\u0439',noResults:'\u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e.',close:'\u0417\u0430\u043a\u0440\u044b\u0442\u044c',readDoc:'\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442',documentBody:'\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439, \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438. \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.',draft:'\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a',sent:'\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e',paid:'\u041e\u043f\u043b\u0430\u0447\u0435\u043d\u043e',report:'\u041e\u0442\u0447\u0451\u0442',team:'\u041a\u043e\u043c\u0430\u043d\u0434\u0430',queue:'\u041a \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0435',enabled:'\u0412\u043a\u043b\u044e\u0447\u0435\u043d\u043e',disabled:'\u0412\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u043e'}\n};const w=words[l],money=n=>new Intl.NumberFormat(l,{style:'currency',currency:'EUR',maximumFractionDigits:0}).format(n),esc=s=>String(s).replace(/[&<>\"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\nconst icon=(kind=0)=>`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" stroke=\"currentColor\" stroke-width=\"1.5\">${['<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>','<circle cx=\"9\" cy=\"8\" r=\"3\"/><path d=\"M3 21v-3a6 6 0 0 1 12 0v3M17 5a3 3 0 0 1 0 6m1 3a5 5 0 0 1 3 4v3\"/>','<path d=\"M4 4v16h16M8 15l4-5 4 2 5-8\"/>','<rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"/><path d=\"M8 8h8m-8 4h8m-8 4h5\"/>'][kind%4]}</svg>`;\nconst badge=(s,other=false)=>`<span class=\"badge${other?' pending':''}\">${esc(s)}</span>`,avatar=(s='CM')=>`<span class=\"avatar\">${s}</span>`;\nconst local=(fr,en,ru)=>({fr,en,ru})[l];\nconst extra={nexora:[w.contacts,w.tasks,w.reports,w.opportunities],fluxio:[w.triggers,w.actions,w.notifications],orbita:[w.subscriptions,w.permissions,w.settings,local('Analyse','Analytics','\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430')],terralink:[w.clients,w.reports,w.calendar],clarity:[w.projects,w.notifications,w.account]};\nconst names=[...p.screenNames.map(x=>x[l]),...extra[p.slug]],clients=['Atelier Nord','Maison Ardent','Bureau Solis','Octave Services','Studio Rivage','Nova \u00c9nergie','Alto Conseil'],people=['Camille Martin','Alex Laurent','Sarah Bernard','Louis Moreau','Nina Robert'];\nlet view=Number(new URLSearchParams(location.search).get('screen')||location.hash.slice(1)||document.body.dataset.initialScreen||0),selectedNode=1,toastTimer;\nif(!Number.isInteger(view)||view<0||view>=names.length)view=0;\nlet state;try{state=JSON.parse(localStorage.getItem('veylonic-'+p.slug)||'{}')}catch{state={}}state.records??=[];state.messages??=[];state.connections??={};state.nodeConfig??={};\nconst persist=()=>{try{localStorage.setItem('veylonic-'+p.slug,JSON.stringify(state))}catch{}};\nfunction notify(s=w.saved){const n=document.getElementById('notice');n.textContent=s;clearTimeout(toastTimer);toastTimer=setTimeout(()=>n.textContent='',3500)}\nfunction table(head,rows){return `<div class=\"table-wrap\"><table class=\"data-table\"><thead><tr>${head.map(x=>`<th scope=\"col\">${x}</th>`).join('')}</tr></thead><tbody>${rows.map(r=>`<tr>${r.map(c=>`<td>${c}</td>`).join('')}</tr>`).join('')}</tbody></table></div>`}\nfunction metric(label,value,note){return `<div class=\"metric\"><small>${label}</small><strong>${value}</strong><small>${note||w.period}</small></div>`}\nfunction chart(bar=false){return `<div class=\"chart\"><div class=\"chart-legend\"><span><i class=\"legend-dot\"></i>${w.actual}</span><span>${w.target}</span></div><svg viewBox=\"0 0 650 200\" role=\"img\" aria-label=\"${w.activity}\"><path d=\"M25 15H630M25 60H630M25 105H630M25 150H630\" stroke=\"var(--line)\"/>${bar?Array.from({length:12},(_,i)=>`<rect x=\"${38+i*48}\" y=\"${145-[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" width=\"17\" height=\"${[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" fill=\"var(--accent)\" rx=\"3\"/><rect x=\"${57+i*48}\" y=\"${145-[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" width=\"11\" height=\"${[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" fill=\"var(--soft)\" rx=\"2\"/>`).join(''):'<path d=\"M25 139C60 137 70 103 112 116S173 80 210 95S261 55 300 73S350 48 390 56S443 25 482 40S535 23 568 30S607 9 630 15\" stroke=\"var(--accent)\" stroke-width=\"2.5\" fill=\"none\"/><path d=\"M25 146 112 137 210 120 300 105 390 93 482 75 568 67 630 50\" stroke=\"var(--muted)\" stroke-width=\"1\" stroke-dasharray=\"4 5\" fill=\"none\"/>'}${[0,1,2,3,4,5,6].map(i=>`<text x=\"${25+i*100}\" y=\"183\">${String(1+i*4).padStart(2,'0')} ${w.month.slice(0,3)}</text>`).join('')}</svg></div>`}\nconst panel=(title,body,meta=w.period)=>`<section class=\"panel\"><div class=\"panel-head\"><h2>${title}</h2><small>${meta}</small></div>${body}</section>`;\nfunction tasks(){return `<div class=\"task-list\">${[w.meeting,w.requestTitle,w.report,w.documents].map((x,i)=>`<label class=\"task-row\"><input type=\"checkbox\" data-task=\"${i}\" ${state['task'+i]?'checked':''}><span>${x}<br><small>${[10,11,14,16][i]}:30 \u00b7 ${clients[i]}</small></span>${avatar(['CM','AL','SB','LM'][i])}</label>`).join('')}</div>`}\nfunction clientTable(contacts=false){const rows=[...clients,...state.records].map((c,i)=>[`${esc(c)}<small>${contacts?esc(people[i%5]):'CL-'+(1200+i)}</small>`,contacts?esc(people[i%5].toLowerCase().replaceAll(' ','.')+'@example.com'):esc(people[i%5]),badge(i%3===0?w.pending:w.active,i%3===0),money(4500+i*1250),`<button data-detail=\"${esc(c)}\">${w.view}</button>`]);return `<div class=\"panel\"><div class=\"list-toolbar\"><select aria-label=\"${w.status}\" data-filter><option value=\"all\">${w.all}</option><option>${w.active}</option><option>${w.pending}</option></select><span class=\"badge\">${rows.length} ${w.records}</span></div>${table([w.company,contacts?w.email:w.owner,w.status,w.value,''],rows)}<div class=\"list-footer\"><span>1\u2013${rows.length} / ${rows.length}</span><span>25 / page</span></div></div>`}\nfunction nexora(){if(view===7)return panel(w.opportunities,table([w.company,w.owner,w.value,w.status,w.date],clients.map((c,i)=>[c,people[i%5],money(3600+i*1700),badge([w.new,w.active,w.pending][i%3],i%3===2),'28.10.2026'])));if(view===6)return `<div class=\"metrics\">${metric(w.revenue,money(48250))}${metric(w.conversion,'32,4%')}${metric(w.opportunities,'24')}${metric(w.clients,'86')}</div>${panel(w.sales,chart())}${panel(w.reports,table([w.month,w.revenue,w.opportunities,w.conversion],[0,1,2].map((n)=>[['08 / 2026','09 / 2026','10 / 2026'][n],money(39000+n*4600),String(18+n*3),String(27+n*2.7).slice(0,4)+'%'])))} `;if(view===1||view===4)return clientTable(view===4);if(view===2)return `<div class=\"pipeline\">${[w.new,w.active,w.pending,w.done].map((s,i)=>`<section class=\"pipeline-col\"><div class=\"pipeline-head\"><span>${s}</span><span>${[3,2,2,1][i]}</span></div><small>${money([19400,27200,15750,8400][i])}</small>${[0,1,...(i===0?[2]:[])].map((_,j)=>`<article class=\"deal\"><p>${clients[(i+j)%7]}</p><small>${[w.project,w.contract,w.technical][j%3]}</small><strong>${money(3400+i*1800+j*900)}</strong><div class=\"deal-footer\"><small>24 ${w.month.slice(0,3)}</small>${avatar(['CM','AL','SB'][j%3])}</div></article>`).join('')}</section>`).join('')}</div>`;if(view===3)return panel(w.total,table([w.name,w.company,w.value,w.status,w.date],clients.slice(0,6).map((c,i)=>['DEV-2026-'+(121+i),c,money(2500+i*1200),badge([w.draft,w.sent,w.paid][i%3],i%3===0),'18.10.2026'])));if(view===5)return panel(w.tasks,tasks(),w.today);return `<div class=\"metrics\">${metric(w.revenue,money(48250),'+12,8% \u00b7 '+w.period)}${metric(w.opportunities,'24',money(116800))}${metric(w.clients,'86','+6 \u00b7 '+w.period)}${metric(w.conversion,'32,4%','+3,2 pts')}</div><div class=\"grid-two\">${panel(w.sales,chart())}${panel(w.tasks,tasks(),w.today)}</div>${panel(w.opportunities,table([w.company,w.owner,w.value,w.status],clients.slice(0,3).map((c,i)=>[c,people[i],money(7200+i*1800),badge(i===1?w.pending:w.active,i===1)])))}`}\nfunction workflow(){const config=state.nodeConfig[(state.flow||'lead')+':'+selectedNode]||{field:'email',condition:w.required};const alternate=state.flow==='invoice',nodes=alternate?[local('Recevoir la facture','Receive invoice','\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0447\u0451\u0442'),local('V\u00e9rifier le montant','Check amount','\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0441\u0443\u043c\u043c\u0443'),local('Cr\u00e9er le document','Create document','\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442'),w.review,local('Notifier la comptabilit\u00e9','Notify accounting','\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0438\u044e')]:[w.trigger,w.validate,w.create,w.review,w.notify],notes=alternate?['Webhook / Invoice','total > 0','Storage / JSON',w.reviewNote,'Email / Finance']:[w.triggerNote,w.validateNote,w.createNote,w.reviewNote,w.notifyNote];return `<div class=\"workflow-layout\"><div class=\"workflow-board\"><label class=\"flow-picker\">${w.workflow}<select data-flow aria-label=\"${local('Choisir le processus','Choose workflow','\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441')}\"><option value=\"lead\" ${state.flow!=='invoice'?'selected':''}>${w.workflow}</option><option value=\"invoice\" ${state.flow==='invoice'?'selected':''}>${local('Validation de facture','Invoice approval','\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0441\u0447\u0451\u0442\u0430')}</option></select></label><svg class=\"connections\" viewBox=\"0 0 800 635\" preserveAspectRatio=\"none\"><path d=\"M200 154H345M443 195V320M443 407V495H185M540 365H610\" stroke=\"#8A97C5\" stroke-width=\"1.5\" fill=\"none\"/><circle cx=\"200\" cy=\"154\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"443\" cy=\"320\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"610\" cy=\"365\" r=\"4\" fill=\"#A8B5FF\"/></svg>${nodes.map((n,i)=>`<button class=\"workflow-node node-${i}${selectedNode===i?' selected':''}\" data-node=\"${i}\"><span class=\"node-type\"><span class=\"node-icon\">${['01','02','03','05','04'][i]}</span>${n}</span><small>${notes[i]}</small></button>`).join('')}<span class=\"flow-caption\">100% \u00b7 ${w.workspace}</span></div><aside class=\"settings-pane\"><small>${w.block}</small><h2 style=\"margin-top:14px\">${nodes[selectedNode]}</h2><label>${w.field}<select data-node-field>${['email','company','request_id'].map(field=>`<option ${config.field===field?'selected':''}>${field}</option>`).join('')}</select></label><label>${w.condition}<input data-node-condition value=\"${esc(config.condition)}\" aria-label=\"${w.condition}\"></label><p>${w.fieldHint}</p><button class=\"primary\" data-save style=\"margin-top:28px\">${w.save}</button></aside></div>`}\nfunction fluxio(){if(view===0)return workflow();if(view===1)return `<p class=\"section-note\">${w.integrations} / ${w.workspace}</p><div class=\"integration-grid\">${['NEXORA CRM','Email / SMTP','Webhook API','PostgreSQL','ORBITA','Storage API'].map((x,i)=>{const on=state.connections[i]??i<4;return `<article class=\"panel integration\"><div class=\"integration-symbol\">${['N','@','{}','DB','O','S'][i]}</div><h3>${x}</h3><small>${['CRM','SMTP','REST / JSON','SQL','SaaS','Documents'][i]}</small><div style=\"display:flex;justify-content:space-between;align-items:center\">${badge(on?w.connected:w.disabled,!on)}<button data-connect=\"${i}\" style=\"margin-top:18px;font-size:11px\">${on?w.disconnect:w.connect}</button></div></article>`}).join('')}</div>`;if(view===2)return panel(w.history,table(['ID',w.name,w.status,w.duration,w.date],Array.from({length:8},(_,i)=>['EX-'+(2048-i),w.workflow,badge(i===3?w.errors:w.done,i===3),[248,312,276,504,192,281,324,297][i]+' ms','20.10 \u00b7 '+(14-i)+':24'])));if(view===4)return panel(w.triggers,table([w.name,w.condition,w.status],[['Webhook API','POST / request',badge(w.enabled)],[local('Planification','Schedule','\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435'),'Every day / 09:00',badge(w.enabled)],[local('Lancement manuel','Manual run','\u0420\u0443\u0447\u043d\u043e\u0439 \u0437\u0430\u043f\u0443\u0441\u043a'),'On demand',badge(w.enabled)]]));if(view===5)return panel(w.actions,table([w.name,w.condition,w.status],[[w.create,'NEXORA / Client',badge(w.enabled)],[w.notify,'Email / Team',badge(w.enabled)],[w.review,'Approval / Owner',badge(w.enabled)]]));if(view===6)return panel(w.notifications,table([w.name,w.result,w.date],[[w.errors,'EX-2045 / Validate','20.10 \u00b7 11:24'],[w.done,'EX-2048 / Notify','20.10 \u00b7 14:24']]));return `<div class=\"metrics\">${metric(w.runs,'2 048')}${metric(w.success,'99,7%')}${metric(w.duration,'284 ms')}${metric(w.errors,'6')}</div><div class=\"grid-two\">${panel(w.runs,chart(true))}${panel(w.integrations,table([w.name,w.status],[['Webhook API',badge(w.connected)],['NEXORA CRM',badge(w.connected)],['Email / SMTP',badge(w.connected)]]))}</div>${panel(w.history,[['14:24:03','EX-2048',w.trigger],['14:24:03','EX-2048',w.validate],['14:24:04','EX-2048',w.create],['14:24:04','EX-2048',w.done]].map(r=>`<div class=\"log-line\"><time>${r[0]}</time><span>${r[1]}</span><span>${r[2]}</span></div>`).join(''))}`}\nfunction members(){return panel(w.members,table([w.name,w.email,w.role,w.status],people.map((n,i)=>[`${avatar(n.split(' ').map(x=>x[0]).join(''))} ${n}`,n.toLowerCase().replaceAll(' ','.')+'@example.com',`<select aria-label=\"${w.role} ${n}\" data-role><option>${i===0?w.admin:w.editor}</option><option>${w.viewer}</option></select>`,badge(w.active)])))}\nfunction projectBoard(){return `<div class=\"project-board\">${[w.online,w.technical,w.integrations,w.design,w.reports,w.requests].map((x,i)=>`<article class=\"panel project-tile\"><div style=\"display:flex;justify-content:space-between\"><h3>${x}</h3>${badge(i===3?w.pending:w.active,i===3)}</div><small>${clients[i%7]}</small><p style=\"font-size:12px;color:var(--muted)\">${w.next} \u00b7 ${[w.design,w.documents,w.meeting][i%3]}</p><div class=\"progress-line\"><span style=\"width:${[72,48,86,35,62,91][i]}%\"></span></div><small>${w.progress} \u00b7 ${[72,48,86,35,62,91][i]}%</small><div class=\"tile-footer\"><div class=\"avatars\">${avatar('CM')}${avatar('AL')}${avatar('SB')}</div><small>28 ${w.month.slice(0,3)}</small></div></article>`).join('')}</div>`}\nfunction orbita(){if(view===7)return `<div class=\"metrics\">${metric(w.projects,'8')}${metric(w.complete,'124 / 156')}${metric(w.members,'12')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.progress,chart())}</div>${panel(w.reports,table([w.project,w.progress,w.owner,w.delivery],[[w.online,'72%',people[0],'28.10.2026'],[w.integrations,'86%',people[1],'30.10.2026'],[w.technical,'48%',people[2],'04.11.2026']]))}`;if(view===1)return projectBoard();if(view===2||view===5)return members();if(view===3||view===4)return `<div class=\"billing-grid\"><div class=\"panel plan-summary\"><small>${w.plan}</small><h2 style=\"margin-top:14px\">Business</h2><strong>${money(149)}<small> / ${w.month.toLowerCase()}</small></strong><p>12 ${w.members.toLowerCase()} \u00b7 100 GB</p>${badge(w.active)}</div><div class=\"panel plan-summary\"><h2>${w.storage}</h2><strong>24,8 <small>/ 100 GB</small></strong><div class=\"progress-line\"><span style=\"width:25%\"></span></div><p>${w.members}: 12 / 20</p></div></div>${panel(w.billing,table([w.name,w.date,w.value,w.status],['10','09','08','07'].map(m=>['INV-2026-'+m,'01.'+m+'.2026',money(149),badge(w.paid)])))}`;if(view===6)return settings();return `<div class=\"orbita-welcome\"><div><h2>${w.welcome}.</h2><p>${w.delivery}: ${w.online} \u00b7 28 ${w.month.toLowerCase()}. 3 ${w.requests.toLowerCase()} \u00b7 ${w.pending.toLowerCase()}.</p></div><button class=\"primary\" data-view=\"1\">${w.projects}</button></div><div class=\"metrics\">${metric(w.projects,'8')}${metric(w.members,'12')}${metric(w.complete,'124 / 156')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.capacity,people.slice(0,4).map((n,i)=>`<div style=\"padding:12px 22px\">${avatar(n.split(' ').map(x=>x[0]).join(''))} <small>${n}</small><div class=\"progress-line\"><span style=\"width:${[76,62,88,54][i]}%\"></span></div></div>`).join(''))}</div>${panel(w.projects,table([w.project,w.owner,w.progress,w.delivery],[[w.online,'Camille Martin','72%','28.10.2026'],[w.integrations,'Alex Laurent','86%','30.10.2026']]))}`}\nfunction settings(){return `<div class=\"panel plan-summary\"><h2>${w.settings}</h2><div style=\"margin-top:22px;display:grid;gap:20px\">${[w.notifications,w.reports,w.permissions].map((x,i)=>`<label style=\"display:flex;gap:14px;align-items:center\"><input type=\"checkbox\" data-setting=\"${i}\" ${state['setting'+i]!==false?'checked':''}>${x}</label>`).join('')}<label>${w.name}<input class=\"search\" value=\"Camille Martin\" aria-label=\"${w.name}\"></label><button class=\"primary\" style=\"width:max-content\" data-save>${w.save}</button></div></div>`}\nfunction render(){const action=p.slug==='fluxio'?w.run:p.slug==='orbita'&&view===2?w.invite:w.add;root.innerHTML=`<div class=\"shell\"><aside class=\"sidebar\"><a class=\"product-brand\" href=\"#0\"><span class=\"product-mark\">${p.name[0]}</span>${p.name}</a><div class=\"workspace\">${w.workspace}<span>01</span></div><nav class=\"nav-group\" aria-label=\"${w.workspace}\">${names.map((n,i)=>`<button data-view=\"${i}\" ${i===view?'aria-current=\"page\"':''}>${icon(i)}<span>${n}</span></button>`).join('')}</nav><div class=\"sidebar-bottom\"><small>${p.name} / ${w.online}</small><div class=\"account\">${avatar()}<div>Camille Martin<small style=\"display:block\">${w.admin}</small></div></div></div></aside><main class=\"main\"><header class=\"topbar\"><span class=\"topbar-label\">${p.name} / ${names[view]}</span><div class=\"topbar-tools\"><input class=\"search\" type=\"search\" aria-label=\"${w.search}\" placeholder=\"${w.search}\">${avatar()}</div></header><div class=\"content\"><div class=\"page-top\"><div><h1>${names[view]}</h1><p>${view===0?p.title[l]:w.workspace+' / '+p.name}</p></div><div class=\"actions\"><button class=\"secondary\" data-export>${w.download}</button><button class=\"primary\" data-add>${action}</button></div></div>${({nexora,fluxio,orbita})[p.slug]()}<footer class=\"app-footer\"><span>${p.name} / ${w.workspace}</span><span>${w.today} \u00b7 2026</span></footer></div></main></div><div id=\"notice\" class=\"notice\" role=\"status\"></div><dialog id=\"record-dialog\"><form method=\"dialog\" id=\"record-form\"><h2>${w.add}</h2><label>${w.name}<input required name=\"record\" maxlength=\"100\"></label><label>${w.email}<input type=\"email\" name=\"email\" placeholder=\"contact@example.com\"></label><div class=\"actions\"><button type=\"button\" class=\"secondary\" data-close>${w.cancel}</button><button class=\"primary\" value=\"save\">${w.save}</button></div></form></dialog><dialog id=\"detail-dialog\"><h2></h2><p style=\"margin:20px 0;line-height:1.9\"></p><button class=\"primary\" data-close>${w.close}</button></dialog>`;bind()}\nfunction bind(){root.querySelectorAll('[data-view]').forEach(b=>b.onclick=()=>{view=Number(b.dataset.view);history.replaceState(null,'','#'+view);render()});root.querySelectorAll('[data-task]').forEach(b=>b.onchange=()=>{state['task'+b.dataset.task]=b.checked;persist()});root.querySelectorAll('[data-setting]').forEach(b=>b.onchange=()=>{state['setting'+b.dataset.setting]=b.checked;persist();notify()});root.querySelectorAll('[data-save]').forEach(b=>b.onclick=()=>{if(p.slug==='fluxio'&&view===0){state.nodeConfig[(state.flow||'lead')+':'+selectedNode]={field:root.querySelector('[data-node-field]').value,condition:root.querySelector('[data-node-condition]').value};persist()}notify()});root.querySelector('[data-add]').onclick=()=>{if(p.slug==='fluxio'){state.lastRun=Date.now();persist();notify(w.runDone);return}document.getElementById('record-dialog').showModal()};root.querySelectorAll('[data-close]').forEach(b=>b.onclick=()=>b.closest('dialog').close());root.querySelector('#record-form').onsubmit=e=>{e.preventDefault();const f=new FormData(e.currentTarget),name=String(f.get('record')||'').trim();if(!name)return;state.records.push(name);persist();render();notify()};root.querySelector('[data-export]').onclick=()=>{const rows=[...root.querySelectorAll('.data-table tr')].map(r=>[...r.querySelectorAll('th,td')].map(c=>'\"'+c.textContent.replaceAll('\"','\"\"')+'\"').join(','));const blob=new Blob(['\\uFEFF'+(rows.length?rows.join('\\n'):'Product,View\\n'+p.name+','+names[view])],{type:'text/csv;charset=utf-8'}),url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=p.slug+'.csv';a.click();setTimeout(()=>URL.revokeObjectURL(url),1000)};root.querySelector('.search').oninput=e=>{const q=e.target.value.toLowerCase();root.querySelectorAll('.data-table tbody tr,.deal,.integration,.project-tile,.request-line').forEach(n=>n.hidden=!n.textContent.toLowerCase().includes(q))};root.querySelector('[data-filter]')?.addEventListener('change',e=>root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=e.target.value!=='all'&&!n.textContent.includes(e.target.value)));root.querySelectorAll('[data-connect]').forEach(b=>b.onclick=()=>{const i=Number(b.dataset.connect);state.connections[i]=!(state.connections[i]??i<4);persist();render();notify()});root.querySelector('[data-flow]')?.addEventListener('change',e=>{state.flow=e.target.value;persist();selectedNode=1;render()});root.querySelectorAll('[data-node]').forEach(b=>b.onclick=()=>{selectedNode=Number(b.dataset.node);render()});root.querySelectorAll('[data-role]').forEach(b=>b.onchange=()=>notify());root.querySelector('[data-job]')?.addEventListener('click',()=>{if(state.jobStarted)state.jobDone=true;else state.jobStarted=true;persist();render();notify(state.jobDone?w.jobFinished:w.jobStarted)});root.querySelector('.composer')?.addEventListener('submit',e=>{e.preventDefault();const field=e.currentTarget.elements.message;const value=field.value.trim();if(value){state.messages.push(value);persist();render();notify()}});root.querySelectorAll('[data-thread]').forEach(b=>b.onclick=()=>{root.querySelectorAll('.message-item').forEach(n=>n.classList.toggle('selected',n===b));root.querySelector('.thread h2').textContent=[w.design,w.technical,w.meeting][Number(b.dataset.thread)]});root.querySelectorAll('[data-document],[data-detail]').forEach(b=>b.onclick=()=>{const d=document.getElementById('detail-dialog');d.querySelector('h2').textContent=b.dataset.document||b.dataset.detail;d.querySelector('p').textContent=b.dataset.document?w.documentBody:w.requestDescription;d.showModal()});root.querySelectorAll('[data-folder]').forEach(b=>b.onclick=()=>{const folder=[w.design,w.contract,w.technical][Number(b.dataset.folder)];root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=!n.textContent.includes(folder))});root.querySelectorAll('[data-request-filter]').forEach(b=>b.onclick=()=>{root.querySelectorAll('[data-request-filter]').forEach(n=>n.classList.toggle('selected',n===b));root.querySelectorAll('.request-line').forEach(n=>n.hidden=b.dataset.requestFilter!=='all'&&!n.textContent.includes(b.dataset.requestFilter))})}\nwindow.addEventListener('hashchange',()=>{const n=Number(location.hash.slice(1));if(Number.isInteger(n)&&n>=0&&n<names.length){view=n;render()}});render();\n})();\n</script></body></html>","orbita-fr":"<!doctype html><html lang=\"fr\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><meta name=\"robots\" content=\"noindex\"><title>ORBITA \u2014 Pilotez votre activit\u00e9 en toute simplicit\u00e9.</title><style>@font-face{font-family:Manrope;src:url('/assets/a30ddcd349703aff7464.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#F3F5F7;color:#172633;font:14px/1.5 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:#C7D8EA;color:#132335}button{border:0;background:none}a{text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;letter-spacing:-.03em}h2{font-size:18px;font-weight:600;letter-spacing:-.02em}h3{font-size:15px;font-weight:600}small,.muted{font-size:12px;color:var(--muted)}body{--accent:#15746F;--soft:#E6F1EF;--muted:#61727D;--line:#E2E8EB;--surface:#fff;--page:#F3F6F6}body[data-product=fluxio]{--accent:#A8B5FF;--soft:#303743;--muted:#A7B1C1;--line:#343C49;--surface:#252C38;--page:#1B222D;background:var(--page);color:#EDF0F6}body[data-product=orbita]{--accent:#6E57CA;--soft:#EEEAF9;--muted:#6F7284;--line:#E5E4ED;--page:#F5F4F9}body[data-product=terralink]{--accent:#39765D;--soft:#E7EFE8;--muted:#677467;--line:#DFE6DE;--page:#F3F5F0}body[data-product=clarity]{--accent:#526A91;--soft:#EAF0F7;--muted:#6B7689;--line:#E5E9EE;--page:#F6F8FB}.shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr);background:var(--page)}.sidebar{padding:30px 18px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.product-brand{font-size:21px;font-weight:750;letter-spacing:-.045em;display:flex;gap:10px;align-items:center}.product-mark{width:27px;height:27px;display:inline-flex;background:var(--accent);color:white;border-radius:7px;align-items:center;justify-content:center;font-size:17px}.workspace{border:1px solid var(--line);padding:10px 12px;border-radius:7px;display:flex;justify-content:space-between;font-size:12px}.nav-group{display:grid;gap:5px}.nav-group button{display:flex;text-align:left;gap:11px;align-items:center;padding:11px 12px;border-radius:7px;color:var(--muted);font-size:12px}.nav-group svg{width:17px;height:17px;flex-shrink:0}.nav-group button[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:650}.sidebar-bottom{margin-top:auto;display:grid;gap:18px}.account{display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.main{min-width:0}.topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);gap:24px}.topbar-label{font-size:12px;color:var(--muted)}.topbar-tools{display:flex;align-items:center;gap:20px}.search{border:1px solid var(--line);background:transparent;color:inherit;padding:9px 12px;border-radius:7px;width:235px;font-size:12px}.content{padding:32px 36px 36px;max-width:1600px;margin:auto}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:24px}.page-top p{margin-top:6px;color:var(--muted);font-size:12px}.actions{display:flex;gap:10px}.primary,.secondary{border-radius:7px;padding:11px 17px;font-size:12px;white-space:nowrap}.primary{background:var(--accent);color:#fff;font-weight:650}.secondary{background:var(--surface);border:1px solid var(--line)}body[data-product=fluxio] .primary{color:#1B222D}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:10px}.metric strong{font-size:28px;display:block;margin:8px 0;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric small{font-size:11px}.metric .trend{color:var(--accent);display:inline-block;margin-right:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head small{font-size:11px}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:22px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart{padding:10px 24px 20px}.chart svg{width:100%;height:198px;overflow:visible}.chart text{fill:var(--muted);font-size:10px}.chart path,.chart line{vector-effect:non-scaling-stroke}.chart-legend{display:flex;gap:20px;align-items:center;font-size:11px;margin:0 0 15px 18px}.legend-dot{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;margin-right:7px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.data-table th{color:var(--muted);font-weight:500;background:var(--page);font-size:10px;letter-spacing:.025em}.data-table td,.data-table th{padding:15px 22px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{font-weight:600}.data-table td small{display:block;font-weight:400;margin-top:2px;font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--accent);font-size:10px;padding:4px 8px;border-radius:5px;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.pending{background:#F7EFD9;color:#80632B}.task-list{display:grid;padding:0 22px 15px}.task-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.task-row .avatar{margin-left:auto}.task-row input{accent-color:var(--accent)}.tabs{display:flex;gap:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.tabs button{padding:10px 0;color:var(--muted);font-size:12px}.tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pipeline-col{border-radius:9px;background:var(--soft);padding:14px;min-height:570px}.pipeline-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;font-weight:600}.pipeline-col>small{display:block;font-size:10px;margin-bottom:24px}.deal{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:17px;margin-bottom:13px}.deal p{font-size:12px;margin-bottom:7px;font-weight:600}.deal strong{display:block;margin-top:22px;font-size:19px;font-weight:500}.deal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.list-toolbar{padding:16px 22px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.list-toolbar select{border:1px solid var(--line);padding:7px;border-radius:6px;background:var(--surface);color:inherit;font-size:11px}.list-footer{padding:18px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.workflow-layout{display:grid;grid-template-columns:1fr 290px;gap:0;border:1px solid var(--line);border-radius:10px;min-height:635px;overflow:hidden}.workflow-board{position:relative;background-color:#1C232E;background-image:radial-gradient(#3D4657 .8px,transparent .8px);background-size:22px 22px;padding:28px;min-width:0}.workflow-board svg.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workflow-node{position:absolute;background:#2A3240;border:1px solid #566071;border-radius:9px;width:195px;padding:16px;text-align:left;color:#F3F5FB;box-shadow:0 8px 20px #0C111A20}.workflow-node small{display:block;font-size:10px;color:#A7B1C1;margin-top:6px}.node-type{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.node-icon{width:27px;height:27px;border-radius:6px;background:#414B69;color:#C7D0FF;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.node-0{left:7%;top:105px}.node-1{left:43%;top:105px}.node-2{left:43%;top:320px}.node-3{left:7%;top:460px}.node-4{left:70%;top:320px;width:160px}.workflow-node.selected{border-color:#A8B5FF}.flow-caption{position:absolute;bottom:20px;right:24px;font-size:10px;color:#A7B1C1}.settings-pane{padding:26px 22px;background:var(--surface);border-left:1px solid var(--line)}.settings-pane h2{font-size:16px;margin-bottom:8px}.settings-pane label{display:grid;gap:9px;margin-top:28px;font-size:11px;color:var(--muted)}.settings-pane input,.settings-pane select{border:1px solid var(--line);background:var(--page);padding:11px;color:inherit;border-radius:6px;width:100%;font-size:12px}.settings-pane p{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.8}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration{padding:24px;min-height:190px}.integration-symbol{width:42px;height:42px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:24px;border-radius:10px;color:var(--accent);font-size:19px}.integration .badge{margin-top:18px}.integration h3{margin-bottom:5px}.log-line{display:flex;gap:20px;padding:13px 22px;border-top:1px solid var(--line);font:11px/1.8 monospace}.log-line time{color:var(--muted)}body[data-product=orbita] .shell{display:block}body[data-product=orbita] .sidebar{height:84px;flex-direction:row;align-items:center;padding:0 42px;border-right:0;border-bottom:1px solid var(--line);gap:34px}body[data-product=orbita] .workspace,body[data-product=orbita] .sidebar-bottom{display:none}body[data-product=orbita] .nav-group{display:flex;gap:5px}body[data-product=orbita] .nav-group button{padding:9px 10px}body[data-product=orbita] .nav-group svg{display:none}body[data-product=orbita] .topbar{height:53px;background:transparent;padding:0 42px}body[data-product=orbita] .content{padding:28px 42px}.project-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-tile{padding:24px;min-height:260px}.project-tile>small{display:block;margin:14px 0 20px}.progress-line{height:5px;background:var(--soft);border-radius:5px;overflow:hidden;margin:20px 0 10px}.progress-line span{display:block;height:100%;background:var(--accent)}.tile-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.avatars{display:flex}.avatars .avatar{margin-right:-6px;border:2px solid var(--surface)}.orbita-welcome{padding:24px 26px;background:#EAE6F5;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#332C4E}.orbita-welcome h2{font-size:22px;margin-bottom:8px}.orbita-welcome p{font-size:12px;max-width:62ch}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.plan-summary{padding:26px}.plan-summary strong{display:block;font-size:36px;font-weight:500;letter-spacing:-.03em;margin:14px 0}.plan-summary p{margin-bottom:22px;color:var(--muted);font-size:12px}.planner{display:grid;grid-template-columns:135px repeat(5,1fr);background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:600px}.planner-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;min-width:0}.planner-day{text-align:center;font-size:11px;color:var(--muted);background:#F9FBF8}.planner-day b{display:block;font-size:23px;color:#25382E;margin-top:5px;font-weight:500}.planner-person{display:flex;gap:9px;align-items:flex-start;font-size:11px;background:#FAFBF8;padding-top:22px}.job{background:#E4EFE6;color:#315A43;border:1px solid #CEDFD1;border-radius:6px;padding:13px 10px;margin-top:8px;font-size:11px;line-height:1.6}.job b{display:block;font-weight:600;margin-bottom:4px}.job.alt{background:#E7EDF6;color:#385579;border-color:#D6E1EE}.job.pause{background:#F3EEDD;color:#78683F;border-color:#EAE1C7}.mobile-stage{background:#E4EBE2;padding:35px;display:grid;grid-template-columns:1fr 355px;gap:50px;align-items:center;border-radius:10px}.mobile-stage h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;margin-bottom:22px}.mobile-stage>div:first-child{padding:20px;max-width:540px}.mobile-stage p{color:#617163;font-size:14px;line-height:1.9}.phone{background:#FBFCFA;border:7px solid #24352B;border-radius:34px;padding:20px 19px;color:#24352B;box-shadow:0 20px 45px #20342817;min-height:600px}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:650;margin-bottom:30px}.phone h3{font-size:24px;font-weight:550;line-height:1.2;margin:12px 0 20px}.phone .badge{margin-bottom:14px}.phone-address{padding:16px 0;border-block:1px solid #DFE6DE;font-size:12px;margin-bottom:18px}.phone .task-row{font-size:11px}.phone .primary{width:100%;margin-top:24px}.phone-note{background:#EAF0E6;border-radius:7px;padding:12px;font-size:11px;line-height:1.8}.portal-summary{padding:32px;background:#E8EEF7;border-radius:10px;display:grid;grid-template-columns:1fr 190px;gap:35px;margin-bottom:24px}.portal-summary h2{font-size:25px;font-weight:500;margin:10px 0 16px}.portal-summary p{color:#536A87;font-size:12px}.portal-status{border-left:1px solid #CDD8E8;padding-left:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}.portal-status strong{font-size:34px;font-weight:500}.milestone{display:grid;grid-template-columns:30px 1fr auto;gap:13px;align-items:center;border-top:1px solid var(--line);padding:18px 22px;font-size:12px}.milestone small{display:block;margin-top:3px;font-size:10px}.milestone-number{color:var(--accent);font-variant-numeric:tabular-nums}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.folder{padding:23px;display:flex;align-items:center;gap:14px}.folder svg{width:36px;height:36px;color:var(--accent)}.folder small{display:block;font-size:10px;margin-top:4px}.messages{display:grid;grid-template-columns:290px 1fr;min-height:600px}.message-list{border-right:1px solid var(--line)}.message-item{display:block;padding:24px;border-bottom:1px solid var(--line);text-align:left;width:100%}.message-item.selected{background:var(--soft)}.message-item h3{font-size:13px;margin:5px 0}.message-item small{font-size:11px}.thread{display:flex;flex-direction:column;padding:28px}.thread h2{padding-bottom:23px;border-bottom:1px solid var(--line)}.bubble{max-width:80%;margin-top:28px;font-size:13px;line-height:1.9}.bubble p{background:var(--page);border-radius:8px;padding:15px 18px;margin-top:8px}.bubble.mine{margin-left:auto}.bubble.mine p{background:var(--soft)}.composer{margin-top:auto;padding-top:28px;display:flex;gap:12px}.composer input{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--surface);color:inherit;min-width:0}.request-list{display:grid;gap:14px}.request-line{padding:23px;display:grid;grid-template-columns:70px 1fr auto 120px;align-items:center;gap:20px}.request-line h3{margin-bottom:4px}.request-line small{font-size:11px}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172633;color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 12px 32px #0C18322A;font-size:12px;z-index:20}.notice:empty{display:none}dialog{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:12px;width:min(470px,92vw);padding:28px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#101E3460}dialog form{display:grid;gap:18px}dialog h2{margin-bottom:8px}dialog label{display:grid;gap:8px;font-size:12px}dialog input{border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--page);color:inherit}dialog .actions{justify-content:flex-end;margin-top:8px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.app-footer{margin-top:24px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.section-note{font-size:12px;color:var(--muted);max-width:65ch;margin-bottom:24px;line-height:1.8}.hidden{display:none!important}\n@media(max-width:1050px){.sidebar{padding-inline:12px}.shell{grid-template-columns:180px 1fr}.content{padding:25px}.topbar{padding-inline:25px}.grid-two{grid-template-columns:1fr 1fr}.workflow-layout{grid-template-columns:1fr}.settings-pane{display:block;border-left:0;border-top:1px solid var(--line);min-width:0}.workflow-board{min-height:600px}body[data-product=orbita] .sidebar{padding:20px;height:auto;gap:25px}body[data-product=orbita] .nav-group{flex-wrap:wrap;gap:0}body[data-product=orbita] .nav-group button{padding:5px 8px;font-size:11px}.product-board{gap:12px}.metrics{gap:10px}.metric{padding:15px}.data-table td,.data-table th{padding:14px 16px}}\n@media(max-width:760px){.shell{display:block}.sidebar{padding:18px 20px;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace,.sidebar-bottom{display:none}.product-brand{font-size:19px}.nav-group{display:flex;overflow-x:auto;gap:4px}.nav-group button{white-space:nowrap;padding:8px 10px;font-size:11px}.nav-group svg{display:none}.topbar{height:52px;padding:0 20px}.topbar-tools .search{display:none}.content{padding:24px 20px}.page-top{align-items:flex-start;gap:14px}.page-top h1{font-size:25px}.page-top p{font-size:11px;max-width:38ch}.actions{flex-wrap:wrap;gap:7px}.primary,.secondary{padding:9px 11px;font-size:11px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.metric strong{font-size:25px}.grid-two,.grid-equal,.billing-grid{grid-template-columns:1fr;gap:18px}.panel-head{padding:18px}.chart svg{height:170px}.pipeline{grid-template-columns:repeat(4,235px);overflow:auto;padding-bottom:15px}.pipeline-col{min-height:480px}.integration-grid{grid-template-columns:1fr 1fr;gap:12px}.integration{padding:18px;min-height:185px}.workflow-layout{min-height:650px}.workflow-board{overflow:auto;min-height:630px;padding:18px}.workflow-board svg.connections{min-width:740px}.workflow-node{width:175px}.node-0{left:20px;top:105px}.node-1{left:225px;top:105px}.node-2{left:225px;top:310px}.node-3{left:20px;top:455px}.node-4{left:430px;top:310px}body[data-product=orbita] .sidebar{display:block;padding:18px 20px}body[data-product=orbita] .nav-group{margin-top:15px;flex-wrap:nowrap}body[data-product=orbita] .content{padding:24px 20px}body[data-product=orbita] .topbar{padding:0 20px}.project-board{grid-template-columns:1fr}.orbita-welcome{display:block;padding:20px}.orbita-welcome .primary{margin-top:18px}.orbita-welcome h2{font-size:20px}.planner{grid-template-columns:105px repeat(5,145px);overflow:auto}.planner-cell{padding:10px}.planner{display:grid;max-width:100%;min-height:550px}.mobile-stage{display:block;padding:20px 0;background:transparent}.mobile-stage>div:first-child{padding:0;margin-bottom:30px}.mobile-stage h2{font-size:28px}.phone{max-width:355px;margin:auto;min-height:590px}.portal-summary{grid-template-columns:1fr;padding:22px;gap:20px}.portal-status{border-left:0;border-top:1px solid #CDD8E8;padding:18px 0 0;flex-direction:row;justify-content:space-between;align-items:center}.folder-grid{grid-template-columns:1fr}.messages{grid-template-columns:1fr}.message-list{display:flex;overflow:auto;border-bottom:1px solid var(--line);border-right:0}.message-item{min-width:210px;padding:16px}.thread{padding:20px;min-height:440px}.bubble{max-width:94%;font-size:12px}.request-line{grid-template-columns:1fr auto;gap:12px;padding:18px}.request-line>small{grid-column:1/-1}.request-line>span:first-child{display:none}.tabs{gap:18px;overflow:auto;white-space:nowrap}.app-footer{font-size:9px}.log-line{font-size:10px;gap:12px;padding:12px;overflow:auto;white-space:nowrap}}\n@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}\n\n.flow-picker{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;position:relative;z-index:2}.flow-picker select{background:#2E3548;color:#EDF1FF;border:1px solid #66718E;border-radius:6px;padding:9px;font:11px Manrope,Arial,sans-serif;max-width:260px}@media(max-width:650px){.flow-picker{align-items:start;flex-direction:column;gap:8px}.flow-picker select{max-width:100%}}\nhtml{scrollbar-width:none}html::-webkit-scrollbar{display:none}\n</style></head><body data-product=\"orbita\" data-initial-screen=\"0\"><div id=\"product-root\"></div><script id=\"product-data\" type=\"application/json\">{\"p\":{\"slug\":\"orbita\",\"name\":\"ORBITA\",\"category\":\"saas\",\"color\":\"#6E57CA\",\"categoryLabel\":{\"fr\":\"SaaS / Cloud\",\"en\":\"SaaS / Cloud\",\"ru\":\"SaaS / \u041e\u0431\u043b\u0430\u0447\u043d\u0430\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\"},\"title\":{\"fr\":\"Pilotez votre activit\u00e9 en toute simplicit\u00e9.\",\"en\":\"One workspace for the work ahead.\",\"ru\":\"\u0420\u0430\u0431\u043e\u0442\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u2014 \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.\"},\"summary\":{\"fr\":\"Projets, \u00e9quipe et activit\u00e9 dans une plateforme de travail coh\u00e9rente.\",\"en\":\"Projects, people and activity in a coherent company workspace.\",\"ru\":\"\u041f\u0440\u043e\u0435\u043a\u0442\u044b, \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043e\u0434\u043d\u043e\u043c \u0441\u0435\u0440\u0432\u0438\u0441\u0435.\"},\"challenge\":{\"fr\":\"Comprendre l\u2019avancement ne devrait pas demander de reconstituer plusieurs outils. ORBITA relie projets, personnes et activit\u00e9 dans un espace de travail commun.\",\"en\":\"Understanding progress should not require piecing together several tools. ORBITA connects projects, people and activity in one workspace.\",\"ru\":\"\u0427\u0442\u043e\u0431\u044b \u043e\u0446\u0435\u043d\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432. ORBITA \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0440\u043e\u043a\u0438, \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u0445\u043e\u0434 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043e\u0431\u0449\u0435\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435.\"},\"solution\":{\"fr\":\"Une synth\u00e8se m\u00e8ne aux projets, aux membres et aux r\u00e9glages. Les r\u00f4les, abonnements et documents de facturation ont leurs propres vues, sans encombrer le travail quotidien.\",\"en\":\"An overview leads to projects, members and settings. Roles, plans and billing documents have dedicated views so daily work stays focused.\",\"ru\":\"\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0434\u0430\u0451\u0442 \u043e\u0431\u0449\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443, \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0441\u0440\u043e\u043a\u0438, \u0430 \u0440\u0430\u0437\u0434\u0435\u043b \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u2014 \u0440\u043e\u043b\u0438. \u0422\u0430\u0440\u0438\u0444, \u0441\u0447\u0435\u0442\u0430 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u044b\u043d\u0435\u0441\u0435\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043c\u0435\u0448\u0430\u0442\u044c \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u0435.\"},\"architecture\":{\"fr\":\"Une synth\u00e8se m\u00e8ne aux projets, aux membres et aux r\u00e9glages. Les r\u00f4les, abonnements et documents de facturation ont leurs propres vues, sans encombrer le travail quotidien.\",\"en\":\"An overview leads to projects, members and settings. Roles, plans and billing documents have dedicated views so daily work stays focused.\",\"ru\":\"\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0434\u0430\u0451\u0442 \u043e\u0431\u0449\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443, \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0441\u0440\u043e\u043a\u0438, \u0430 \u0440\u0430\u0437\u0434\u0435\u043b \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u2014 \u0440\u043e\u043b\u0438. \u0422\u0430\u0440\u0438\u0444, \u0441\u0447\u0435\u0442\u0430 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u044b\u043d\u0435\u0441\u0435\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043c\u0435\u0448\u0430\u0442\u044c \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u0435.\"},\"screenNames\":[{\"fr\":\"Vue d\u2019ensemble\",\"en\":\"Overview\",\"ru\":\"\u041e\u0431\u0437\u043e\u0440\"},{\"fr\":\"Projets\",\"en\":\"Projects\",\"ru\":\"\u041f\u0440\u043e\u0435\u043a\u0442\u044b\"},{\"fr\":\"Membres\",\"en\":\"Members\",\"ru\":\"\u041a\u043e\u043c\u0430\u043d\u0434\u0430\"},{\"fr\":\"Facturation\",\"en\":\"Billing\",\"ru\":\"\u0421\u0447\u0435\u0442\u0430 \u0438 \u0442\u0430\u0440\u0438\u0444\"}],\"features\":[{\"fr\":\"Suivi des projets\",\"en\":\"Project tracking\",\"ru\":\"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432\"},{\"fr\":\"Analyse de l\u2019activit\u00e9\",\"en\":\"Activity analytics\",\"ru\":\"\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u044b\"},{\"fr\":\"Membres et permissions\",\"en\":\"Members and permissions\",\"ru\":\"\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u0438 \u043f\u0440\u0430\u0432\u0430\"},{\"fr\":\"Abonnement et factures\",\"en\":\"Plans and invoices\",\"ru\":\"\u0422\u0430\u0440\u0438\u0444 \u0438 \u0441\u0447\u0435\u0442\u0430\"}],\"serviceSlug\":\"web-development\",\"demo\":true,\"stack\":[\"HTML\",\"CSS\",\"JavaScript\",\"SVG\"],\"kind\":\"application\"},\"locale\":\"fr\"}</script><script>(()=>{'use strict';\nconst {p,locale:l}=JSON.parse(document.getElementById('product-data').textContent),root=document.getElementById('product-root');\nconst words={\nfr:{workspace:'Espace de travail',search:'Rechercher',welcome:'Bonjour, Camille',today:'Mardi 20 octobre',add:'Ajouter',cancel:'Annuler',save:'Enregistrer',name:'Nom',email:'Adresse email',status:'\u00c9tat',owner:'Responsable',value:'Montant',date:'Date',company:'Entreprise',active:'En cours',done:'Termin\u00e9',pending:'\u00c0 valider',new:'Nouveau',total:'Total',period:'Ce mois-ci',month:'Octobre',year:'2026',view:'Voir le d\u00e9tail',clients:'Clients actifs',revenue:'Chiffre d\u2019affaires',opportunities:'Opportunit\u00e9s ouvertes',conversion:'Taux de conversion',sales:'Activit\u00e9 commerciale',target:'Objectif',actual:'R\u00e9alis\u00e9',tasks:'Prochaines actions',all:'Tous',contact:'Contact',role:'R\u00f4le',contacts:'Contacts',reports:'Rapports',settings:'Param\u00e8tres',notifications:'Notifications',connected:'Connect\u00e9',connect:'Connecter',disconnect:'D\u00e9connecter',run:'Tester le processus',history:'Historique',duration:'Dur\u00e9e',result:'R\u00e9sultat',runs:'Ex\u00e9cutions',success:'R\u00e9ussite',errors:'Erreurs',workflow:'Qualification des demandes',trigger:'R\u00e9ception du formulaire',validate:'V\u00e9rifier les champs',create:'Cr\u00e9er un contact CRM',notify:'Notifier l\u2019\u00e9quipe',review:'Validation manuelle',triggerNote:'\u00c0 chaque nouvelle demande',validateNote:'Email et entreprise pr\u00e9sents',createNote:'NEXORA \u00b7 Fiche client',notifyNote:'Notification interne',reviewNote:'Donn\u00e9es incompl\u00e8tes',block:'Configuration du bloc',field:'Champ \u00e0 v\u00e9rifier',condition:'Condition',required:'Est renseign\u00e9',fieldHint:'La demande continue uniquement si les informations requises sont pr\u00e9sentes.',runDone:'Test termin\u00e9 : les quatre \u00e9tapes ont \u00e9t\u00e9 ex\u00e9cut\u00e9es localement.',saved:'Modification enregistr\u00e9e dans cet aper\u00e7u.',projects:'Projets actifs',members:'Membres',complete:'T\u00e2ches termin\u00e9es',delivery:'Prochaine livraison',week:'Cette semaine',activity:'Activit\u00e9 de l\u2019espace',capacity:'Charge de l\u2019\u00e9quipe',progress:'Avancement',project:'Projet',invite:'Inviter un membre',admin:'Administrateur',editor:'\u00c9diteur',viewer:'Lecture seule',plan:'Votre abonnement',billing:'Documents de facturation',download:'Exporter CSV',storage:'Stockage utilis\u00e9',schedule:'Planning de la semaine',job:'Intervention',technician:'Technicien',location:'Lieu',priority:'Priorit\u00e9',high:'Haute',normal:'Normale',assigned:'Affect\u00e9',available:'Disponible',away:'Sur le terrain',jobs:'Interventions',checklist:'Liste de v\u00e9rification',mobileTitle:'Tout ce qu\u2019il faut, sur le terrain.',mobileBody:'L\u2019adresse, les consignes et le compte rendu restent accessibles depuis le m\u00eame dossier. Le bureau retrouve les changements de statut dans le planning.',start:'D\u00e9marrer l\u2019intervention',finish:'Terminer l\u2019intervention',jobStarted:'Intervention d\u00e9marr\u00e9e',jobFinished:'Compte rendu enregistr\u00e9',instructions:'V\u00e9rifier la pression et contr\u00f4ler le fonctionnement apr\u00e8s intervention.',documents:'Documents',messages:'Messages',requests:'Demandes',approval:'Validations attendues',next:'Prochaine \u00e9tape',milestones:'Les \u00e9tapes de votre projet',files:'Fichiers r\u00e9cents',folder:'Dossier',updated:'Modifi\u00e9 le',size:'Taille',send:'Envoyer',message:'Votre message',design:'\u00c9crans et parcours',contract:'Documents de projet',technical:'Dossier technique',meeting:'Point d\u2019avancement',messageBody:'Les \u00e9crans r\u00e9vis\u00e9s sont pr\u00eats. Pouvez-vous v\u00e9rifier le parcours de demande avant notre prochain \u00e9change ?',messageReply:'Merci, nous avons ajout\u00e9 nos remarques dans le document partag\u00e9.',requestTitle:'Validation du parcours de demande',requestDescription:'V\u00e9rifier les champs et les textes avant int\u00e9gration.',permissions:'Permissions',subscriptions:'Abonnements',integrations:'Int\u00e9grations',triggers:'D\u00e9clencheurs',actions:'Actions',calendar:'Calendrier',account:'Compte',online:'Espace personnel',records:'\u00e9l\u00e9ments',noResults:'Aucun \u00e9l\u00e9ment ne correspond \u00e0 cette recherche.',close:'Fermer',readDoc:'Consulter le document',documentBody:'Structure du projet : pr\u00e9sentation, parcours principal, crit\u00e8res de validation et prochaines \u00e9tapes. Ce document peut \u00eatre consult\u00e9 dans cet espace.',draft:'Brouillon',sent:'Envoy\u00e9',paid:'R\u00e9gl\u00e9',report:'Rapport',team:'\u00c9quipe',queue:'\u00c0 traiter',enabled:'Activ\u00e9',disabled:'D\u00e9sactiv\u00e9'},\nen:{workspace:'Workspace',search:'Search',welcome:'Good morning, Camille',today:'Tuesday, 20 October',add:'Add',cancel:'Cancel',save:'Save changes',name:'Name',email:'Email address',status:'Status',owner:'Owner',value:'Value',date:'Date',company:'Company',active:'In progress',done:'Completed',pending:'Needs review',new:'New',total:'Total',period:'This month',month:'October',year:'2026',view:'View details',clients:'Active clients',revenue:'Revenue',opportunities:'Open opportunities',conversion:'Conversion rate',sales:'Sales activity',target:'Target',actual:'Actual',tasks:'Next actions',all:'All',contact:'Contact',role:'Role',contacts:'Contacts',reports:'Reports',settings:'Settings',notifications:'Notifications',connected:'Connected',connect:'Connect',disconnect:'Disconnect',run:'Test workflow',history:'History',duration:'Duration',result:'Result',runs:'Executions',success:'Success rate',errors:'Errors',workflow:'Incoming request qualification',trigger:'Receive form',validate:'Validate fields',create:'Create CRM contact',notify:'Notify team',review:'Manual review',triggerNote:'Every new request',validateNote:'Email and company present',createNote:'NEXORA \u00b7 Client record',notifyNote:'Internal notification',reviewNote:'Incomplete information',block:'Block settings',field:'Field to validate',condition:'Condition',required:'Is present',fieldHint:'The request continues only when all required information is present.',runDone:'Test complete: all four steps ran locally.',saved:'Change saved in this preview.',projects:'Active projects',members:'Members',complete:'Completed tasks',delivery:'Next delivery',week:'This week',activity:'Workspace activity',capacity:'Team capacity',progress:'Progress',project:'Project',invite:'Invite member',admin:'Administrator',editor:'Editor',viewer:'Read only',plan:'Your plan',billing:'Billing documents',download:'Export CSV',storage:'Storage used',schedule:'Weekly schedule',job:'Job',technician:'Technician',location:'Location',priority:'Priority',high:'High',normal:'Normal',assigned:'Assigned',available:'Available',away:'In the field',jobs:'Jobs',checklist:'Checklist',mobileTitle:'Everything you need, in the field.',mobileBody:'Address, instructions and reporting stay with the same job record. The office sees status changes in the shared schedule.',start:'Start job',finish:'Complete job',jobStarted:'Job started',jobFinished:'Job report saved',instructions:'Check pressure and verify operation after the intervention.',documents:'Documents',messages:'Messages',requests:'Requests',approval:'Awaiting approval',next:'Next step',milestones:'Your project milestones',files:'Recent files',folder:'Folder',updated:'Updated',size:'Size',send:'Send',message:'Your message',design:'Screens and journeys',contract:'Project documents',technical:'Technical documentation',meeting:'Progress review',messageBody:'The revised screens are ready. Could you review the request journey before our next meeting?',messageReply:'Thank you. We have added our comments to the shared document.',requestTitle:'Approve the request journey',requestDescription:'Review fields and content before implementation.',permissions:'Permissions',subscriptions:'Subscriptions',integrations:'Integrations',triggers:'Triggers',actions:'Actions',calendar:'Calendar',account:'Account',online:'Personal workspace',records:'records',noResults:'No records match this search.',close:'Close',readDoc:'Read document',documentBody:'Project structure: overview, primary workflow, acceptance criteria and next steps. You can read this document in the workspace.',draft:'Draft',sent:'Sent',paid:'Paid',report:'Report',team:'Team',queue:'To review',enabled:'Enabled',disabled:'Disabled'},\nru:{workspace:'\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e',search:'\u041f\u043e\u0438\u0441\u043a',welcome:'\u0414\u043e\u0431\u0440\u043e\u0435 \u0443\u0442\u0440\u043e, \u041a\u0430\u043c\u0438\u043b\u044c',today:'\u0412\u0442\u043e\u0440\u043d\u0438\u043a, 20 \u043e\u043a\u0442\u044f\u0431\u0440\u044f',add:'\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c',cancel:'\u041e\u0442\u043c\u0435\u043d\u0430',save:'\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c',name:'\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435',email:'\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430',status:'\u0421\u0442\u0430\u0442\u0443\u0441',owner:'\u041e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439',value:'\u0421\u0443\u043c\u043c\u0430',date:'\u0414\u0430\u0442\u0430',company:'\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',active:'\u0412 \u0440\u0430\u0431\u043e\u0442\u0435',done:'\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e',pending:'\u041d\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0438',new:'\u041d\u043e\u0432\u043e\u0435',total:'\u0418\u0442\u043e\u0433\u043e',period:'\u042d\u0442\u043e\u0442 \u043c\u0435\u0441\u044f\u0446',month:'\u041e\u043a\u0442\u044f\u0431\u0440\u044c',year:'2026',view:'\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435',clients:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u044b',revenue:'\u0412\u044b\u0440\u0443\u0447\u043a\u0430',opportunities:'\u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0441\u0434\u0435\u043b\u043a\u0438',conversion:'\u041a\u043e\u043d\u0432\u0435\u0440\u0441\u0438\u044f',sales:'\u0414\u0438\u043d\u0430\u043c\u0438\u043a\u0430 \u043f\u0440\u043e\u0434\u0430\u0436',target:'\u041f\u043b\u0430\u043d',actual:'\u0424\u0430\u043a\u0442',tasks:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f',all:'\u0412\u0441\u0435',contact:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442',role:'\u0420\u043e\u043b\u044c',contacts:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b',reports:'\u041e\u0442\u0447\u0451\u0442\u044b',settings:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438',notifications:'\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f',connected:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e',connect:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c',disconnect:'\u041e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c',run:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441',history:'\u0418\u0441\u0442\u043e\u0440\u0438\u044f',duration:'\u0414\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c',result:'\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442',runs:'\u0417\u0430\u043f\u0443\u0441\u043a\u0438',success:'\u0423\u0441\u043f\u0435\u0448\u043d\u044b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0438',errors:'\u041e\u0448\u0438\u0431\u043a\u0438',workflow:'\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0435\u0439 \u0437\u0430\u044f\u0432\u043a\u0438',trigger:'\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u043e\u0440\u043c\u0443',validate:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f',create:'\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0432 CRM',notify:'\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u0443',review:'\u0420\u0443\u0447\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430',triggerNote:'\u041f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043d\u043e\u0432\u043e\u0439 \u0437\u0430\u044f\u0432\u043a\u0435',validateNote:'\u0423\u043a\u0430\u0437\u0430\u043d\u044b \u043f\u043e\u0447\u0442\u0430 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',createNote:'NEXORA \u00b7 \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430',notifyNote:'\u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435',reviewNote:'\u041d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439',block:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0431\u043b\u043e\u043a\u0430',field:'\u041f\u043e\u043b\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438',condition:'\u0423\u0441\u043b\u043e\u0432\u0438\u0435',required:'\u0417\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043e',fieldHint:'\u0417\u0430\u044f\u0432\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u0434\u0430\u043b\u044c\u0448\u0435, \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f.',runDone:'\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0430: \u0447\u0435\u0442\u044b\u0440\u0435 \u0448\u0430\u0433\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e.',saved:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043e \u0432 \u044d\u0442\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435.',projects:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b',members:'\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438',complete:'\u0417\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438',delivery:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0439 \u0432\u044b\u043f\u0443\u0441\u043a',week:'\u042d\u0442\u0430 \u043d\u0435\u0434\u0435\u043b\u044f',activity:'\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u044b',capacity:'\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b',progress:'\u0413\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c',project:'\u041f\u0440\u043e\u0435\u043a\u0442',invite:'\u041f\u0440\u0438\u0433\u043b\u0430\u0441\u0438\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430',admin:'\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440',editor:'\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440',viewer:'\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440',plan:'\u0412\u0430\u0448 \u0442\u0430\u0440\u0438\u0444',billing:'\u0421\u0447\u0435\u0442\u0430 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',download:'\u042d\u043a\u0441\u043f\u043e\u0440\u0442 CSV',storage:'\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430',schedule:'\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u043d\u0435\u0434\u0435\u043b\u044e',job:'\u0417\u0430\u0434\u0430\u043d\u0438\u0435',technician:'\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442',location:'\u0410\u0434\u0440\u0435\u0441',priority:'\u041f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442',high:'\u0412\u044b\u0441\u043e\u043a\u0438\u0439',normal:'\u041e\u0431\u044b\u0447\u043d\u044b\u0439',assigned:'\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e',available:'\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d',away:'\u041d\u0430 \u0432\u044b\u0435\u0437\u0434\u0435',jobs:'\u0417\u0430\u0434\u0430\u043d\u0438\u044f',checklist:'\u0421\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a',mobileTitle:'\u0412\u0441\u0451 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u2014 \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0439.',mobileBody:'\u0410\u0434\u0440\u0435\u0441, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0438 \u043e\u0442\u0447\u0451\u0442 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u0437\u0430\u0434\u0430\u043d\u0438\u0438. \u0414\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440 \u0432\u0438\u0434\u0438\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0432 \u043e\u0431\u0449\u0435\u043c \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0438.',start:'\u041d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',finish:'\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',jobStarted:'\u0420\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0447\u0430\u0442\u0430',jobFinished:'\u041e\u0442\u0447\u0451\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d',instructions:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f.',documents:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',messages:'\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f',requests:'\u0417\u0430\u043f\u0440\u043e\u0441\u044b',approval:'\u041e\u0436\u0438\u0434\u0430\u044e\u0442 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f',next:'\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u044d\u0442\u0430\u043f',milestones:'\u042d\u0442\u0430\u043f\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430',files:'\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u044b',folder:'\u041f\u0430\u043f\u043a\u0430',updated:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e',size:'\u0420\u0430\u0437\u043c\u0435\u0440',send:'\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c',message:'\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435',design:'\u042d\u043a\u0440\u0430\u043d\u044b \u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438',contract:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430',technical:'\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f',meeting:'\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430',messageBody:'\u041e\u0431\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u044b\u0435 \u044d\u043a\u0440\u0430\u043d\u044b \u0433\u043e\u0442\u043e\u0432\u044b. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0437\u0430\u044f\u0432\u043a\u0438 \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0432\u0441\u0442\u0440\u0435\u0447\u0438.',messageReply:'\u0421\u043f\u0430\u0441\u0438\u0431\u043e. \u0414\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u044f \u0432 \u043e\u0431\u0449\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442.',requestTitle:'\u0421\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f \u0437\u0430\u044f\u0432\u043a\u0438',requestDescription:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f \u0438 \u0442\u0435\u043a\u0441\u0442\u044b \u043f\u0435\u0440\u0435\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439.',permissions:'\u041f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430',subscriptions:'\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0438',integrations:'\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438',triggers:'\u0421\u043e\u0431\u044b\u0442\u0438\u044f',actions:'\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f',calendar:'\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c',account:'\u0410\u043a\u043a\u0430\u0443\u043d\u0442',online:'\u041b\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0431\u0438\u043d\u0435\u0442',records:'\u0437\u0430\u043f\u0438\u0441\u0435\u0439',noResults:'\u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e.',close:'\u0417\u0430\u043a\u0440\u044b\u0442\u044c',readDoc:'\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442',documentBody:'\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439, \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438. \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.',draft:'\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a',sent:'\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e',paid:'\u041e\u043f\u043b\u0430\u0447\u0435\u043d\u043e',report:'\u041e\u0442\u0447\u0451\u0442',team:'\u041a\u043e\u043c\u0430\u043d\u0434\u0430',queue:'\u041a \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0435',enabled:'\u0412\u043a\u043b\u044e\u0447\u0435\u043d\u043e',disabled:'\u0412\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u043e'}\n};const w=words[l],money=n=>new Intl.NumberFormat(l,{style:'currency',currency:'EUR',maximumFractionDigits:0}).format(n),esc=s=>String(s).replace(/[&<>\"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\nconst icon=(kind=0)=>`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" stroke=\"currentColor\" stroke-width=\"1.5\">${['<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>','<circle cx=\"9\" cy=\"8\" r=\"3\"/><path d=\"M3 21v-3a6 6 0 0 1 12 0v3M17 5a3 3 0 0 1 0 6m1 3a5 5 0 0 1 3 4v3\"/>','<path d=\"M4 4v16h16M8 15l4-5 4 2 5-8\"/>','<rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"/><path d=\"M8 8h8m-8 4h8m-8 4h5\"/>'][kind%4]}</svg>`;\nconst badge=(s,other=false)=>`<span class=\"badge${other?' pending':''}\">${esc(s)}</span>`,avatar=(s='CM')=>`<span class=\"avatar\">${s}</span>`;\nconst local=(fr,en,ru)=>({fr,en,ru})[l];\nconst extra={nexora:[w.contacts,w.tasks,w.reports,w.opportunities],fluxio:[w.triggers,w.actions,w.notifications],orbita:[w.subscriptions,w.permissions,w.settings,local('Analyse','Analytics','\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430')],terralink:[w.clients,w.reports,w.calendar],clarity:[w.projects,w.notifications,w.account]};\nconst names=[...p.screenNames.map(x=>x[l]),...extra[p.slug]],clients=['Atelier Nord','Maison Ardent','Bureau Solis','Octave Services','Studio Rivage','Nova \u00c9nergie','Alto Conseil'],people=['Camille Martin','Alex Laurent','Sarah Bernard','Louis Moreau','Nina Robert'];\nlet view=Number(new URLSearchParams(location.search).get('screen')||location.hash.slice(1)||document.body.dataset.initialScreen||0),selectedNode=1,toastTimer;\nif(!Number.isInteger(view)||view<0||view>=names.length)view=0;\nlet state;try{state=JSON.parse(localStorage.getItem('veylonic-'+p.slug)||'{}')}catch{state={}}state.records??=[];state.messages??=[];state.connections??={};state.nodeConfig??={};\nconst persist=()=>{try{localStorage.setItem('veylonic-'+p.slug,JSON.stringify(state))}catch{}};\nfunction notify(s=w.saved){const n=document.getElementById('notice');n.textContent=s;clearTimeout(toastTimer);toastTimer=setTimeout(()=>n.textContent='',3500)}\nfunction table(head,rows){return `<div class=\"table-wrap\"><table class=\"data-table\"><thead><tr>${head.map(x=>`<th scope=\"col\">${x}</th>`).join('')}</tr></thead><tbody>${rows.map(r=>`<tr>${r.map(c=>`<td>${c}</td>`).join('')}</tr>`).join('')}</tbody></table></div>`}\nfunction metric(label,value,note){return `<div class=\"metric\"><small>${label}</small><strong>${value}</strong><small>${note||w.period}</small></div>`}\nfunction chart(bar=false){return `<div class=\"chart\"><div class=\"chart-legend\"><span><i class=\"legend-dot\"></i>${w.actual}</span><span>${w.target}</span></div><svg viewBox=\"0 0 650 200\" role=\"img\" aria-label=\"${w.activity}\"><path d=\"M25 15H630M25 60H630M25 105H630M25 150H630\" stroke=\"var(--line)\"/>${bar?Array.from({length:12},(_,i)=>`<rect x=\"${38+i*48}\" y=\"${145-[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" width=\"17\" height=\"${[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" fill=\"var(--accent)\" rx=\"3\"/><rect x=\"${57+i*48}\" y=\"${145-[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" width=\"11\" height=\"${[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" fill=\"var(--soft)\" rx=\"2\"/>`).join(''):'<path d=\"M25 139C60 137 70 103 112 116S173 80 210 95S261 55 300 73S350 48 390 56S443 25 482 40S535 23 568 30S607 9 630 15\" stroke=\"var(--accent)\" stroke-width=\"2.5\" fill=\"none\"/><path d=\"M25 146 112 137 210 120 300 105 390 93 482 75 568 67 630 50\" stroke=\"var(--muted)\" stroke-width=\"1\" stroke-dasharray=\"4 5\" fill=\"none\"/>'}${[0,1,2,3,4,5,6].map(i=>`<text x=\"${25+i*100}\" y=\"183\">${String(1+i*4).padStart(2,'0')} ${w.month.slice(0,3)}</text>`).join('')}</svg></div>`}\nconst panel=(title,body,meta=w.period)=>`<section class=\"panel\"><div class=\"panel-head\"><h2>${title}</h2><small>${meta}</small></div>${body}</section>`;\nfunction tasks(){return `<div class=\"task-list\">${[w.meeting,w.requestTitle,w.report,w.documents].map((x,i)=>`<label class=\"task-row\"><input type=\"checkbox\" data-task=\"${i}\" ${state['task'+i]?'checked':''}><span>${x}<br><small>${[10,11,14,16][i]}:30 \u00b7 ${clients[i]}</small></span>${avatar(['CM','AL','SB','LM'][i])}</label>`).join('')}</div>`}\nfunction clientTable(contacts=false){const rows=[...clients,...state.records].map((c,i)=>[`${esc(c)}<small>${contacts?esc(people[i%5]):'CL-'+(1200+i)}</small>`,contacts?esc(people[i%5].toLowerCase().replaceAll(' ','.')+'@example.com'):esc(people[i%5]),badge(i%3===0?w.pending:w.active,i%3===0),money(4500+i*1250),`<button data-detail=\"${esc(c)}\">${w.view}</button>`]);return `<div class=\"panel\"><div class=\"list-toolbar\"><select aria-label=\"${w.status}\" data-filter><option value=\"all\">${w.all}</option><option>${w.active}</option><option>${w.pending}</option></select><span class=\"badge\">${rows.length} ${w.records}</span></div>${table([w.company,contacts?w.email:w.owner,w.status,w.value,''],rows)}<div class=\"list-footer\"><span>1\u2013${rows.length} / ${rows.length}</span><span>25 / page</span></div></div>`}\nfunction nexora(){if(view===7)return panel(w.opportunities,table([w.company,w.owner,w.value,w.status,w.date],clients.map((c,i)=>[c,people[i%5],money(3600+i*1700),badge([w.new,w.active,w.pending][i%3],i%3===2),'28.10.2026'])));if(view===6)return `<div class=\"metrics\">${metric(w.revenue,money(48250))}${metric(w.conversion,'32,4%')}${metric(w.opportunities,'24')}${metric(w.clients,'86')}</div>${panel(w.sales,chart())}${panel(w.reports,table([w.month,w.revenue,w.opportunities,w.conversion],[0,1,2].map((n)=>[['08 / 2026','09 / 2026','10 / 2026'][n],money(39000+n*4600),String(18+n*3),String(27+n*2.7).slice(0,4)+'%'])))} `;if(view===1||view===4)return clientTable(view===4);if(view===2)return `<div class=\"pipeline\">${[w.new,w.active,w.pending,w.done].map((s,i)=>`<section class=\"pipeline-col\"><div class=\"pipeline-head\"><span>${s}</span><span>${[3,2,2,1][i]}</span></div><small>${money([19400,27200,15750,8400][i])}</small>${[0,1,...(i===0?[2]:[])].map((_,j)=>`<article class=\"deal\"><p>${clients[(i+j)%7]}</p><small>${[w.project,w.contract,w.technical][j%3]}</small><strong>${money(3400+i*1800+j*900)}</strong><div class=\"deal-footer\"><small>24 ${w.month.slice(0,3)}</small>${avatar(['CM','AL','SB'][j%3])}</div></article>`).join('')}</section>`).join('')}</div>`;if(view===3)return panel(w.total,table([w.name,w.company,w.value,w.status,w.date],clients.slice(0,6).map((c,i)=>['DEV-2026-'+(121+i),c,money(2500+i*1200),badge([w.draft,w.sent,w.paid][i%3],i%3===0),'18.10.2026'])));if(view===5)return panel(w.tasks,tasks(),w.today);return `<div class=\"metrics\">${metric(w.revenue,money(48250),'+12,8% \u00b7 '+w.period)}${metric(w.opportunities,'24',money(116800))}${metric(w.clients,'86','+6 \u00b7 '+w.period)}${metric(w.conversion,'32,4%','+3,2 pts')}</div><div class=\"grid-two\">${panel(w.sales,chart())}${panel(w.tasks,tasks(),w.today)}</div>${panel(w.opportunities,table([w.company,w.owner,w.value,w.status],clients.slice(0,3).map((c,i)=>[c,people[i],money(7200+i*1800),badge(i===1?w.pending:w.active,i===1)])))}`}\nfunction workflow(){const config=state.nodeConfig[(state.flow||'lead')+':'+selectedNode]||{field:'email',condition:w.required};const alternate=state.flow==='invoice',nodes=alternate?[local('Recevoir la facture','Receive invoice','\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0447\u0451\u0442'),local('V\u00e9rifier le montant','Check amount','\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0441\u0443\u043c\u043c\u0443'),local('Cr\u00e9er le document','Create document','\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442'),w.review,local('Notifier la comptabilit\u00e9','Notify accounting','\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0438\u044e')]:[w.trigger,w.validate,w.create,w.review,w.notify],notes=alternate?['Webhook / Invoice','total > 0','Storage / JSON',w.reviewNote,'Email / Finance']:[w.triggerNote,w.validateNote,w.createNote,w.reviewNote,w.notifyNote];return `<div class=\"workflow-layout\"><div class=\"workflow-board\"><label class=\"flow-picker\">${w.workflow}<select data-flow aria-label=\"${local('Choisir le processus','Choose workflow','\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441')}\"><option value=\"lead\" ${state.flow!=='invoice'?'selected':''}>${w.workflow}</option><option value=\"invoice\" ${state.flow==='invoice'?'selected':''}>${local('Validation de facture','Invoice approval','\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0441\u0447\u0451\u0442\u0430')}</option></select></label><svg class=\"connections\" viewBox=\"0 0 800 635\" preserveAspectRatio=\"none\"><path d=\"M200 154H345M443 195V320M443 407V495H185M540 365H610\" stroke=\"#8A97C5\" stroke-width=\"1.5\" fill=\"none\"/><circle cx=\"200\" cy=\"154\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"443\" cy=\"320\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"610\" cy=\"365\" r=\"4\" fill=\"#A8B5FF\"/></svg>${nodes.map((n,i)=>`<button class=\"workflow-node node-${i}${selectedNode===i?' selected':''}\" data-node=\"${i}\"><span class=\"node-type\"><span class=\"node-icon\">${['01','02','03','05','04'][i]}</span>${n}</span><small>${notes[i]}</small></button>`).join('')}<span class=\"flow-caption\">100% \u00b7 ${w.workspace}</span></div><aside class=\"settings-pane\"><small>${w.block}</small><h2 style=\"margin-top:14px\">${nodes[selectedNode]}</h2><label>${w.field}<select data-node-field>${['email','company','request_id'].map(field=>`<option ${config.field===field?'selected':''}>${field}</option>`).join('')}</select></label><label>${w.condition}<input data-node-condition value=\"${esc(config.condition)}\" aria-label=\"${w.condition}\"></label><p>${w.fieldHint}</p><button class=\"primary\" data-save style=\"margin-top:28px\">${w.save}</button></aside></div>`}\nfunction fluxio(){if(view===0)return workflow();if(view===1)return `<p class=\"section-note\">${w.integrations} / ${w.workspace}</p><div class=\"integration-grid\">${['NEXORA CRM','Email / SMTP','Webhook API','PostgreSQL','ORBITA','Storage API'].map((x,i)=>{const on=state.connections[i]??i<4;return `<article class=\"panel integration\"><div class=\"integration-symbol\">${['N','@','{}','DB','O','S'][i]}</div><h3>${x}</h3><small>${['CRM','SMTP','REST / JSON','SQL','SaaS','Documents'][i]}</small><div style=\"display:flex;justify-content:space-between;align-items:center\">${badge(on?w.connected:w.disabled,!on)}<button data-connect=\"${i}\" style=\"margin-top:18px;font-size:11px\">${on?w.disconnect:w.connect}</button></div></article>`}).join('')}</div>`;if(view===2)return panel(w.history,table(['ID',w.name,w.status,w.duration,w.date],Array.from({length:8},(_,i)=>['EX-'+(2048-i),w.workflow,badge(i===3?w.errors:w.done,i===3),[248,312,276,504,192,281,324,297][i]+' ms','20.10 \u00b7 '+(14-i)+':24'])));if(view===4)return panel(w.triggers,table([w.name,w.condition,w.status],[['Webhook API','POST / request',badge(w.enabled)],[local('Planification','Schedule','\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435'),'Every day / 09:00',badge(w.enabled)],[local('Lancement manuel','Manual run','\u0420\u0443\u0447\u043d\u043e\u0439 \u0437\u0430\u043f\u0443\u0441\u043a'),'On demand',badge(w.enabled)]]));if(view===5)return panel(w.actions,table([w.name,w.condition,w.status],[[w.create,'NEXORA / Client',badge(w.enabled)],[w.notify,'Email / Team',badge(w.enabled)],[w.review,'Approval / Owner',badge(w.enabled)]]));if(view===6)return panel(w.notifications,table([w.name,w.result,w.date],[[w.errors,'EX-2045 / Validate','20.10 \u00b7 11:24'],[w.done,'EX-2048 / Notify','20.10 \u00b7 14:24']]));return `<div class=\"metrics\">${metric(w.runs,'2 048')}${metric(w.success,'99,7%')}${metric(w.duration,'284 ms')}${metric(w.errors,'6')}</div><div class=\"grid-two\">${panel(w.runs,chart(true))}${panel(w.integrations,table([w.name,w.status],[['Webhook API',badge(w.connected)],['NEXORA CRM',badge(w.connected)],['Email / SMTP',badge(w.connected)]]))}</div>${panel(w.history,[['14:24:03','EX-2048',w.trigger],['14:24:03','EX-2048',w.validate],['14:24:04','EX-2048',w.create],['14:24:04','EX-2048',w.done]].map(r=>`<div class=\"log-line\"><time>${r[0]}</time><span>${r[1]}</span><span>${r[2]}</span></div>`).join(''))}`}\nfunction members(){return panel(w.members,table([w.name,w.email,w.role,w.status],people.map((n,i)=>[`${avatar(n.split(' ').map(x=>x[0]).join(''))} ${n}`,n.toLowerCase().replaceAll(' ','.')+'@example.com',`<select aria-label=\"${w.role} ${n}\" data-role><option>${i===0?w.admin:w.editor}</option><option>${w.viewer}</option></select>`,badge(w.active)])))}\nfunction projectBoard(){return `<div class=\"project-board\">${[w.online,w.technical,w.integrations,w.design,w.reports,w.requests].map((x,i)=>`<article class=\"panel project-tile\"><div style=\"display:flex;justify-content:space-between\"><h3>${x}</h3>${badge(i===3?w.pending:w.active,i===3)}</div><small>${clients[i%7]}</small><p style=\"font-size:12px;color:var(--muted)\">${w.next} \u00b7 ${[w.design,w.documents,w.meeting][i%3]}</p><div class=\"progress-line\"><span style=\"width:${[72,48,86,35,62,91][i]}%\"></span></div><small>${w.progress} \u00b7 ${[72,48,86,35,62,91][i]}%</small><div class=\"tile-footer\"><div class=\"avatars\">${avatar('CM')}${avatar('AL')}${avatar('SB')}</div><small>28 ${w.month.slice(0,3)}</small></div></article>`).join('')}</div>`}\nfunction orbita(){if(view===7)return `<div class=\"metrics\">${metric(w.projects,'8')}${metric(w.complete,'124 / 156')}${metric(w.members,'12')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.progress,chart())}</div>${panel(w.reports,table([w.project,w.progress,w.owner,w.delivery],[[w.online,'72%',people[0],'28.10.2026'],[w.integrations,'86%',people[1],'30.10.2026'],[w.technical,'48%',people[2],'04.11.2026']]))}`;if(view===1)return projectBoard();if(view===2||view===5)return members();if(view===3||view===4)return `<div class=\"billing-grid\"><div class=\"panel plan-summary\"><small>${w.plan}</small><h2 style=\"margin-top:14px\">Business</h2><strong>${money(149)}<small> / ${w.month.toLowerCase()}</small></strong><p>12 ${w.members.toLowerCase()} \u00b7 100 GB</p>${badge(w.active)}</div><div class=\"panel plan-summary\"><h2>${w.storage}</h2><strong>24,8 <small>/ 100 GB</small></strong><div class=\"progress-line\"><span style=\"width:25%\"></span></div><p>${w.members}: 12 / 20</p></div></div>${panel(w.billing,table([w.name,w.date,w.value,w.status],['10','09','08','07'].map(m=>['INV-2026-'+m,'01.'+m+'.2026',money(149),badge(w.paid)])))}`;if(view===6)return settings();return `<div class=\"orbita-welcome\"><div><h2>${w.welcome}.</h2><p>${w.delivery}: ${w.online} \u00b7 28 ${w.month.toLowerCase()}. 3 ${w.requests.toLowerCase()} \u00b7 ${w.pending.toLowerCase()}.</p></div><button class=\"primary\" data-view=\"1\">${w.projects}</button></div><div class=\"metrics\">${metric(w.projects,'8')}${metric(w.members,'12')}${metric(w.complete,'124 / 156')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.capacity,people.slice(0,4).map((n,i)=>`<div style=\"padding:12px 22px\">${avatar(n.split(' ').map(x=>x[0]).join(''))} <small>${n}</small><div class=\"progress-line\"><span style=\"width:${[76,62,88,54][i]}%\"></span></div></div>`).join(''))}</div>${panel(w.projects,table([w.project,w.owner,w.progress,w.delivery],[[w.online,'Camille Martin','72%','28.10.2026'],[w.integrations,'Alex Laurent','86%','30.10.2026']]))}`}\nfunction settings(){return `<div class=\"panel plan-summary\"><h2>${w.settings}</h2><div style=\"margin-top:22px;display:grid;gap:20px\">${[w.notifications,w.reports,w.permissions].map((x,i)=>`<label style=\"display:flex;gap:14px;align-items:center\"><input type=\"checkbox\" data-setting=\"${i}\" ${state['setting'+i]!==false?'checked':''}>${x}</label>`).join('')}<label>${w.name}<input class=\"search\" value=\"Camille Martin\" aria-label=\"${w.name}\"></label><button class=\"primary\" style=\"width:max-content\" data-save>${w.save}</button></div></div>`}\nfunction render(){const action=p.slug==='fluxio'?w.run:p.slug==='orbita'&&view===2?w.invite:w.add;root.innerHTML=`<div class=\"shell\"><aside class=\"sidebar\"><a class=\"product-brand\" href=\"#0\"><span class=\"product-mark\">${p.name[0]}</span>${p.name}</a><div class=\"workspace\">${w.workspace}<span>01</span></div><nav class=\"nav-group\" aria-label=\"${w.workspace}\">${names.map((n,i)=>`<button data-view=\"${i}\" ${i===view?'aria-current=\"page\"':''}>${icon(i)}<span>${n}</span></button>`).join('')}</nav><div class=\"sidebar-bottom\"><small>${p.name} / ${w.online}</small><div class=\"account\">${avatar()}<div>Camille Martin<small style=\"display:block\">${w.admin}</small></div></div></div></aside><main class=\"main\"><header class=\"topbar\"><span class=\"topbar-label\">${p.name} / ${names[view]}</span><div class=\"topbar-tools\"><input class=\"search\" type=\"search\" aria-label=\"${w.search}\" placeholder=\"${w.search}\">${avatar()}</div></header><div class=\"content\"><div class=\"page-top\"><div><h1>${names[view]}</h1><p>${view===0?p.title[l]:w.workspace+' / '+p.name}</p></div><div class=\"actions\"><button class=\"secondary\" data-export>${w.download}</button><button class=\"primary\" data-add>${action}</button></div></div>${({nexora,fluxio,orbita})[p.slug]()}<footer class=\"app-footer\"><span>${p.name} / ${w.workspace}</span><span>${w.today} \u00b7 2026</span></footer></div></main></div><div id=\"notice\" class=\"notice\" role=\"status\"></div><dialog id=\"record-dialog\"><form method=\"dialog\" id=\"record-form\"><h2>${w.add}</h2><label>${w.name}<input required name=\"record\" maxlength=\"100\"></label><label>${w.email}<input type=\"email\" name=\"email\" placeholder=\"contact@example.com\"></label><div class=\"actions\"><button type=\"button\" class=\"secondary\" data-close>${w.cancel}</button><button class=\"primary\" value=\"save\">${w.save}</button></div></form></dialog><dialog id=\"detail-dialog\"><h2></h2><p style=\"margin:20px 0;line-height:1.9\"></p><button class=\"primary\" data-close>${w.close}</button></dialog>`;bind()}\nfunction bind(){root.querySelectorAll('[data-view]').forEach(b=>b.onclick=()=>{view=Number(b.dataset.view);history.replaceState(null,'','#'+view);render()});root.querySelectorAll('[data-task]').forEach(b=>b.onchange=()=>{state['task'+b.dataset.task]=b.checked;persist()});root.querySelectorAll('[data-setting]').forEach(b=>b.onchange=()=>{state['setting'+b.dataset.setting]=b.checked;persist();notify()});root.querySelectorAll('[data-save]').forEach(b=>b.onclick=()=>{if(p.slug==='fluxio'&&view===0){state.nodeConfig[(state.flow||'lead')+':'+selectedNode]={field:root.querySelector('[data-node-field]').value,condition:root.querySelector('[data-node-condition]').value};persist()}notify()});root.querySelector('[data-add]').onclick=()=>{if(p.slug==='fluxio'){state.lastRun=Date.now();persist();notify(w.runDone);return}document.getElementById('record-dialog').showModal()};root.querySelectorAll('[data-close]').forEach(b=>b.onclick=()=>b.closest('dialog').close());root.querySelector('#record-form').onsubmit=e=>{e.preventDefault();const f=new FormData(e.currentTarget),name=String(f.get('record')||'').trim();if(!name)return;state.records.push(name);persist();render();notify()};root.querySelector('[data-export]').onclick=()=>{const rows=[...root.querySelectorAll('.data-table tr')].map(r=>[...r.querySelectorAll('th,td')].map(c=>'\"'+c.textContent.replaceAll('\"','\"\"')+'\"').join(','));const blob=new Blob(['\\uFEFF'+(rows.length?rows.join('\\n'):'Product,View\\n'+p.name+','+names[view])],{type:'text/csv;charset=utf-8'}),url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=p.slug+'.csv';a.click();setTimeout(()=>URL.revokeObjectURL(url),1000)};root.querySelector('.search').oninput=e=>{const q=e.target.value.toLowerCase();root.querySelectorAll('.data-table tbody tr,.deal,.integration,.project-tile,.request-line').forEach(n=>n.hidden=!n.textContent.toLowerCase().includes(q))};root.querySelector('[data-filter]')?.addEventListener('change',e=>root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=e.target.value!=='all'&&!n.textContent.includes(e.target.value)));root.querySelectorAll('[data-connect]').forEach(b=>b.onclick=()=>{const i=Number(b.dataset.connect);state.connections[i]=!(state.connections[i]??i<4);persist();render();notify()});root.querySelector('[data-flow]')?.addEventListener('change',e=>{state.flow=e.target.value;persist();selectedNode=1;render()});root.querySelectorAll('[data-node]').forEach(b=>b.onclick=()=>{selectedNode=Number(b.dataset.node);render()});root.querySelectorAll('[data-role]').forEach(b=>b.onchange=()=>notify());root.querySelector('[data-job]')?.addEventListener('click',()=>{if(state.jobStarted)state.jobDone=true;else state.jobStarted=true;persist();render();notify(state.jobDone?w.jobFinished:w.jobStarted)});root.querySelector('.composer')?.addEventListener('submit',e=>{e.preventDefault();const field=e.currentTarget.elements.message;const value=field.value.trim();if(value){state.messages.push(value);persist();render();notify()}});root.querySelectorAll('[data-thread]').forEach(b=>b.onclick=()=>{root.querySelectorAll('.message-item').forEach(n=>n.classList.toggle('selected',n===b));root.querySelector('.thread h2').textContent=[w.design,w.technical,w.meeting][Number(b.dataset.thread)]});root.querySelectorAll('[data-document],[data-detail]').forEach(b=>b.onclick=()=>{const d=document.getElementById('detail-dialog');d.querySelector('h2').textContent=b.dataset.document||b.dataset.detail;d.querySelector('p').textContent=b.dataset.document?w.documentBody:w.requestDescription;d.showModal()});root.querySelectorAll('[data-folder]').forEach(b=>b.onclick=()=>{const folder=[w.design,w.contract,w.technical][Number(b.dataset.folder)];root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=!n.textContent.includes(folder))});root.querySelectorAll('[data-request-filter]').forEach(b=>b.onclick=()=>{root.querySelectorAll('[data-request-filter]').forEach(n=>n.classList.toggle('selected',n===b));root.querySelectorAll('.request-line').forEach(n=>n.hidden=b.dataset.requestFilter!=='all'&&!n.textContent.includes(b.dataset.requestFilter))})}\nwindow.addEventListener('hashchange',()=>{const n=Number(location.hash.slice(1));if(Number.isInteger(n)&&n>=0&&n<names.length){view=n;render()}});render();\n})();\n</script></body></html>","orbita-en":"<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><meta name=\"robots\" content=\"noindex\"><title>ORBITA \u2014 One workspace for the work ahead.</title><style>@font-face{font-family:Manrope;src:url('/assets/a30ddcd349703aff7464.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#F3F5F7;color:#172633;font:14px/1.5 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:#C7D8EA;color:#132335}button{border:0;background:none}a{text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;letter-spacing:-.03em}h2{font-size:18px;font-weight:600;letter-spacing:-.02em}h3{font-size:15px;font-weight:600}small,.muted{font-size:12px;color:var(--muted)}body{--accent:#15746F;--soft:#E6F1EF;--muted:#61727D;--line:#E2E8EB;--surface:#fff;--page:#F3F6F6}body[data-product=fluxio]{--accent:#A8B5FF;--soft:#303743;--muted:#A7B1C1;--line:#343C49;--surface:#252C38;--page:#1B222D;background:var(--page);color:#EDF0F6}body[data-product=orbita]{--accent:#6E57CA;--soft:#EEEAF9;--muted:#6F7284;--line:#E5E4ED;--page:#F5F4F9}body[data-product=terralink]{--accent:#39765D;--soft:#E7EFE8;--muted:#677467;--line:#DFE6DE;--page:#F3F5F0}body[data-product=clarity]{--accent:#526A91;--soft:#EAF0F7;--muted:#6B7689;--line:#E5E9EE;--page:#F6F8FB}.shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr);background:var(--page)}.sidebar{padding:30px 18px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.product-brand{font-size:21px;font-weight:750;letter-spacing:-.045em;display:flex;gap:10px;align-items:center}.product-mark{width:27px;height:27px;display:inline-flex;background:var(--accent);color:white;border-radius:7px;align-items:center;justify-content:center;font-size:17px}.workspace{border:1px solid var(--line);padding:10px 12px;border-radius:7px;display:flex;justify-content:space-between;font-size:12px}.nav-group{display:grid;gap:5px}.nav-group button{display:flex;text-align:left;gap:11px;align-items:center;padding:11px 12px;border-radius:7px;color:var(--muted);font-size:12px}.nav-group svg{width:17px;height:17px;flex-shrink:0}.nav-group button[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:650}.sidebar-bottom{margin-top:auto;display:grid;gap:18px}.account{display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.main{min-width:0}.topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);gap:24px}.topbar-label{font-size:12px;color:var(--muted)}.topbar-tools{display:flex;align-items:center;gap:20px}.search{border:1px solid var(--line);background:transparent;color:inherit;padding:9px 12px;border-radius:7px;width:235px;font-size:12px}.content{padding:32px 36px 36px;max-width:1600px;margin:auto}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:24px}.page-top p{margin-top:6px;color:var(--muted);font-size:12px}.actions{display:flex;gap:10px}.primary,.secondary{border-radius:7px;padding:11px 17px;font-size:12px;white-space:nowrap}.primary{background:var(--accent);color:#fff;font-weight:650}.secondary{background:var(--surface);border:1px solid var(--line)}body[data-product=fluxio] .primary{color:#1B222D}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:10px}.metric strong{font-size:28px;display:block;margin:8px 0;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric small{font-size:11px}.metric .trend{color:var(--accent);display:inline-block;margin-right:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head small{font-size:11px}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:22px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart{padding:10px 24px 20px}.chart svg{width:100%;height:198px;overflow:visible}.chart text{fill:var(--muted);font-size:10px}.chart path,.chart line{vector-effect:non-scaling-stroke}.chart-legend{display:flex;gap:20px;align-items:center;font-size:11px;margin:0 0 15px 18px}.legend-dot{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;margin-right:7px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.data-table th{color:var(--muted);font-weight:500;background:var(--page);font-size:10px;letter-spacing:.025em}.data-table td,.data-table th{padding:15px 22px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{font-weight:600}.data-table td small{display:block;font-weight:400;margin-top:2px;font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--accent);font-size:10px;padding:4px 8px;border-radius:5px;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.pending{background:#F7EFD9;color:#80632B}.task-list{display:grid;padding:0 22px 15px}.task-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.task-row .avatar{margin-left:auto}.task-row input{accent-color:var(--accent)}.tabs{display:flex;gap:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.tabs button{padding:10px 0;color:var(--muted);font-size:12px}.tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pipeline-col{border-radius:9px;background:var(--soft);padding:14px;min-height:570px}.pipeline-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;font-weight:600}.pipeline-col>small{display:block;font-size:10px;margin-bottom:24px}.deal{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:17px;margin-bottom:13px}.deal p{font-size:12px;margin-bottom:7px;font-weight:600}.deal strong{display:block;margin-top:22px;font-size:19px;font-weight:500}.deal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.list-toolbar{padding:16px 22px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.list-toolbar select{border:1px solid var(--line);padding:7px;border-radius:6px;background:var(--surface);color:inherit;font-size:11px}.list-footer{padding:18px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.workflow-layout{display:grid;grid-template-columns:1fr 290px;gap:0;border:1px solid var(--line);border-radius:10px;min-height:635px;overflow:hidden}.workflow-board{position:relative;background-color:#1C232E;background-image:radial-gradient(#3D4657 .8px,transparent .8px);background-size:22px 22px;padding:28px;min-width:0}.workflow-board svg.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workflow-node{position:absolute;background:#2A3240;border:1px solid #566071;border-radius:9px;width:195px;padding:16px;text-align:left;color:#F3F5FB;box-shadow:0 8px 20px #0C111A20}.workflow-node small{display:block;font-size:10px;color:#A7B1C1;margin-top:6px}.node-type{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.node-icon{width:27px;height:27px;border-radius:6px;background:#414B69;color:#C7D0FF;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.node-0{left:7%;top:105px}.node-1{left:43%;top:105px}.node-2{left:43%;top:320px}.node-3{left:7%;top:460px}.node-4{left:70%;top:320px;width:160px}.workflow-node.selected{border-color:#A8B5FF}.flow-caption{position:absolute;bottom:20px;right:24px;font-size:10px;color:#A7B1C1}.settings-pane{padding:26px 22px;background:var(--surface);border-left:1px solid var(--line)}.settings-pane h2{font-size:16px;margin-bottom:8px}.settings-pane label{display:grid;gap:9px;margin-top:28px;font-size:11px;color:var(--muted)}.settings-pane input,.settings-pane select{border:1px solid var(--line);background:var(--page);padding:11px;color:inherit;border-radius:6px;width:100%;font-size:12px}.settings-pane p{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.8}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration{padding:24px;min-height:190px}.integration-symbol{width:42px;height:42px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:24px;border-radius:10px;color:var(--accent);font-size:19px}.integration .badge{margin-top:18px}.integration h3{margin-bottom:5px}.log-line{display:flex;gap:20px;padding:13px 22px;border-top:1px solid var(--line);font:11px/1.8 monospace}.log-line time{color:var(--muted)}body[data-product=orbita] .shell{display:block}body[data-product=orbita] .sidebar{height:84px;flex-direction:row;align-items:center;padding:0 42px;border-right:0;border-bottom:1px solid var(--line);gap:34px}body[data-product=orbita] .workspace,body[data-product=orbita] .sidebar-bottom{display:none}body[data-product=orbita] .nav-group{display:flex;gap:5px}body[data-product=orbita] .nav-group button{padding:9px 10px}body[data-product=orbita] .nav-group svg{display:none}body[data-product=orbita] .topbar{height:53px;background:transparent;padding:0 42px}body[data-product=orbita] .content{padding:28px 42px}.project-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-tile{padding:24px;min-height:260px}.project-tile>small{display:block;margin:14px 0 20px}.progress-line{height:5px;background:var(--soft);border-radius:5px;overflow:hidden;margin:20px 0 10px}.progress-line span{display:block;height:100%;background:var(--accent)}.tile-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.avatars{display:flex}.avatars .avatar{margin-right:-6px;border:2px solid var(--surface)}.orbita-welcome{padding:24px 26px;background:#EAE6F5;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#332C4E}.orbita-welcome h2{font-size:22px;margin-bottom:8px}.orbita-welcome p{font-size:12px;max-width:62ch}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.plan-summary{padding:26px}.plan-summary strong{display:block;font-size:36px;font-weight:500;letter-spacing:-.03em;margin:14px 0}.plan-summary p{margin-bottom:22px;color:var(--muted);font-size:12px}.planner{display:grid;grid-template-columns:135px repeat(5,1fr);background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:600px}.planner-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;min-width:0}.planner-day{text-align:center;font-size:11px;color:var(--muted);background:#F9FBF8}.planner-day b{display:block;font-size:23px;color:#25382E;margin-top:5px;font-weight:500}.planner-person{display:flex;gap:9px;align-items:flex-start;font-size:11px;background:#FAFBF8;padding-top:22px}.job{background:#E4EFE6;color:#315A43;border:1px solid #CEDFD1;border-radius:6px;padding:13px 10px;margin-top:8px;font-size:11px;line-height:1.6}.job b{display:block;font-weight:600;margin-bottom:4px}.job.alt{background:#E7EDF6;color:#385579;border-color:#D6E1EE}.job.pause{background:#F3EEDD;color:#78683F;border-color:#EAE1C7}.mobile-stage{background:#E4EBE2;padding:35px;display:grid;grid-template-columns:1fr 355px;gap:50px;align-items:center;border-radius:10px}.mobile-stage h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;margin-bottom:22px}.mobile-stage>div:first-child{padding:20px;max-width:540px}.mobile-stage p{color:#617163;font-size:14px;line-height:1.9}.phone{background:#FBFCFA;border:7px solid #24352B;border-radius:34px;padding:20px 19px;color:#24352B;box-shadow:0 20px 45px #20342817;min-height:600px}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:650;margin-bottom:30px}.phone h3{font-size:24px;font-weight:550;line-height:1.2;margin:12px 0 20px}.phone .badge{margin-bottom:14px}.phone-address{padding:16px 0;border-block:1px solid #DFE6DE;font-size:12px;margin-bottom:18px}.phone .task-row{font-size:11px}.phone .primary{width:100%;margin-top:24px}.phone-note{background:#EAF0E6;border-radius:7px;padding:12px;font-size:11px;line-height:1.8}.portal-summary{padding:32px;background:#E8EEF7;border-radius:10px;display:grid;grid-template-columns:1fr 190px;gap:35px;margin-bottom:24px}.portal-summary h2{font-size:25px;font-weight:500;margin:10px 0 16px}.portal-summary p{color:#536A87;font-size:12px}.portal-status{border-left:1px solid #CDD8E8;padding-left:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}.portal-status strong{font-size:34px;font-weight:500}.milestone{display:grid;grid-template-columns:30px 1fr auto;gap:13px;align-items:center;border-top:1px solid var(--line);padding:18px 22px;font-size:12px}.milestone small{display:block;margin-top:3px;font-size:10px}.milestone-number{color:var(--accent);font-variant-numeric:tabular-nums}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.folder{padding:23px;display:flex;align-items:center;gap:14px}.folder svg{width:36px;height:36px;color:var(--accent)}.folder small{display:block;font-size:10px;margin-top:4px}.messages{display:grid;grid-template-columns:290px 1fr;min-height:600px}.message-list{border-right:1px solid var(--line)}.message-item{display:block;padding:24px;border-bottom:1px solid var(--line);text-align:left;width:100%}.message-item.selected{background:var(--soft)}.message-item h3{font-size:13px;margin:5px 0}.message-item small{font-size:11px}.thread{display:flex;flex-direction:column;padding:28px}.thread h2{padding-bottom:23px;border-bottom:1px solid var(--line)}.bubble{max-width:80%;margin-top:28px;font-size:13px;line-height:1.9}.bubble p{background:var(--page);border-radius:8px;padding:15px 18px;margin-top:8px}.bubble.mine{margin-left:auto}.bubble.mine p{background:var(--soft)}.composer{margin-top:auto;padding-top:28px;display:flex;gap:12px}.composer input{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--surface);color:inherit;min-width:0}.request-list{display:grid;gap:14px}.request-line{padding:23px;display:grid;grid-template-columns:70px 1fr auto 120px;align-items:center;gap:20px}.request-line h3{margin-bottom:4px}.request-line small{font-size:11px}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172633;color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 12px 32px #0C18322A;font-size:12px;z-index:20}.notice:empty{display:none}dialog{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:12px;width:min(470px,92vw);padding:28px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#101E3460}dialog form{display:grid;gap:18px}dialog h2{margin-bottom:8px}dialog label{display:grid;gap:8px;font-size:12px}dialog input{border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--page);color:inherit}dialog .actions{justify-content:flex-end;margin-top:8px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.app-footer{margin-top:24px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.section-note{font-size:12px;color:var(--muted);max-width:65ch;margin-bottom:24px;line-height:1.8}.hidden{display:none!important}\n@media(max-width:1050px){.sidebar{padding-inline:12px}.shell{grid-template-columns:180px 1fr}.content{padding:25px}.topbar{padding-inline:25px}.grid-two{grid-template-columns:1fr 1fr}.workflow-layout{grid-template-columns:1fr}.settings-pane{display:block;border-left:0;border-top:1px solid var(--line);min-width:0}.workflow-board{min-height:600px}body[data-product=orbita] .sidebar{padding:20px;height:auto;gap:25px}body[data-product=orbita] .nav-group{flex-wrap:wrap;gap:0}body[data-product=orbita] .nav-group button{padding:5px 8px;font-size:11px}.product-board{gap:12px}.metrics{gap:10px}.metric{padding:15px}.data-table td,.data-table th{padding:14px 16px}}\n@media(max-width:760px){.shell{display:block}.sidebar{padding:18px 20px;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace,.sidebar-bottom{display:none}.product-brand{font-size:19px}.nav-group{display:flex;overflow-x:auto;gap:4px}.nav-group button{white-space:nowrap;padding:8px 10px;font-size:11px}.nav-group svg{display:none}.topbar{height:52px;padding:0 20px}.topbar-tools .search{display:none}.content{padding:24px 20px}.page-top{align-items:flex-start;gap:14px}.page-top h1{font-size:25px}.page-top p{font-size:11px;max-width:38ch}.actions{flex-wrap:wrap;gap:7px}.primary,.secondary{padding:9px 11px;font-size:11px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.metric strong{font-size:25px}.grid-two,.grid-equal,.billing-grid{grid-template-columns:1fr;gap:18px}.panel-head{padding:18px}.chart svg{height:170px}.pipeline{grid-template-columns:repeat(4,235px);overflow:auto;padding-bottom:15px}.pipeline-col{min-height:480px}.integration-grid{grid-template-columns:1fr 1fr;gap:12px}.integration{padding:18px;min-height:185px}.workflow-layout{min-height:650px}.workflow-board{overflow:auto;min-height:630px;padding:18px}.workflow-board svg.connections{min-width:740px}.workflow-node{width:175px}.node-0{left:20px;top:105px}.node-1{left:225px;top:105px}.node-2{left:225px;top:310px}.node-3{left:20px;top:455px}.node-4{left:430px;top:310px}body[data-product=orbita] .sidebar{display:block;padding:18px 20px}body[data-product=orbita] .nav-group{margin-top:15px;flex-wrap:nowrap}body[data-product=orbita] .content{padding:24px 20px}body[data-product=orbita] .topbar{padding:0 20px}.project-board{grid-template-columns:1fr}.orbita-welcome{display:block;padding:20px}.orbita-welcome .primary{margin-top:18px}.orbita-welcome h2{font-size:20px}.planner{grid-template-columns:105px repeat(5,145px);overflow:auto}.planner-cell{padding:10px}.planner{display:grid;max-width:100%;min-height:550px}.mobile-stage{display:block;padding:20px 0;background:transparent}.mobile-stage>div:first-child{padding:0;margin-bottom:30px}.mobile-stage h2{font-size:28px}.phone{max-width:355px;margin:auto;min-height:590px}.portal-summary{grid-template-columns:1fr;padding:22px;gap:20px}.portal-status{border-left:0;border-top:1px solid #CDD8E8;padding:18px 0 0;flex-direction:row;justify-content:space-between;align-items:center}.folder-grid{grid-template-columns:1fr}.messages{grid-template-columns:1fr}.message-list{display:flex;overflow:auto;border-bottom:1px solid var(--line);border-right:0}.message-item{min-width:210px;padding:16px}.thread{padding:20px;min-height:440px}.bubble{max-width:94%;font-size:12px}.request-line{grid-template-columns:1fr auto;gap:12px;padding:18px}.request-line>small{grid-column:1/-1}.request-line>span:first-child{display:none}.tabs{gap:18px;overflow:auto;white-space:nowrap}.app-footer{font-size:9px}.log-line{font-size:10px;gap:12px;padding:12px;overflow:auto;white-space:nowrap}}\n@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}\n\n.flow-picker{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;position:relative;z-index:2}.flow-picker select{background:#2E3548;color:#EDF1FF;border:1px solid #66718E;border-radius:6px;padding:9px;font:11px Manrope,Arial,sans-serif;max-width:260px}@media(max-width:650px){.flow-picker{align-items:start;flex-direction:column;gap:8px}.flow-picker select{max-width:100%}}\nhtml{scrollbar-width:none}html::-webkit-scrollbar{display:none}\n</style></head><body data-product=\"orbita\" data-initial-screen=\"0\"><div id=\"product-root\"></div><script id=\"product-data\" type=\"application/json\">{\"p\":{\"slug\":\"orbita\",\"name\":\"ORBITA\",\"category\":\"saas\",\"color\":\"#6E57CA\",\"categoryLabel\":{\"fr\":\"SaaS / Cloud\",\"en\":\"SaaS / Cloud\",\"ru\":\"SaaS / \u041e\u0431\u043b\u0430\u0447\u043d\u0430\u044f \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\"},\"title\":{\"fr\":\"Pilotez votre activit\u00e9 en toute simplicit\u00e9.\",\"en\":\"One workspace for the work ahead.\",\"ru\":\"\u0420\u0430\u0431\u043e\u0442\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u2014 \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.\"},\"summary\":{\"fr\":\"Projets, \u00e9quipe et activit\u00e9 dans une plateforme de travail coh\u00e9rente.\",\"en\":\"Projects, people and activity in a coherent company workspace.\",\"ru\":\"\u041f\u0440\u043e\u0435\u043a\u0442\u044b, \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043e\u0434\u043d\u043e\u043c \u0441\u0435\u0440\u0432\u0438\u0441\u0435.\"},\"challenge\":{\"fr\":\"Comprendre l\u2019avancement ne devrait pas demander de reconstituer plusieurs outils. ORBITA relie projets, personnes et activit\u00e9 dans un espace de travail commun.\",\"en\":\"Understanding progress should not require piecing together several tools. ORBITA connects projects, people and activity in one workspace.\",\"ru\":\"\u0427\u0442\u043e\u0431\u044b \u043e\u0446\u0435\u043d\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432. ORBITA \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0440\u043e\u043a\u0438, \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u0445\u043e\u0434 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043e\u0431\u0449\u0435\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0435.\"},\"solution\":{\"fr\":\"Une synth\u00e8se m\u00e8ne aux projets, aux membres et aux r\u00e9glages. Les r\u00f4les, abonnements et documents de facturation ont leurs propres vues, sans encombrer le travail quotidien.\",\"en\":\"An overview leads to projects, members and settings. Roles, plans and billing documents have dedicated views so daily work stays focused.\",\"ru\":\"\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0434\u0430\u0451\u0442 \u043e\u0431\u0449\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443, \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0441\u0440\u043e\u043a\u0438, \u0430 \u0440\u0430\u0437\u0434\u0435\u043b \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u2014 \u0440\u043e\u043b\u0438. \u0422\u0430\u0440\u0438\u0444, \u0441\u0447\u0435\u0442\u0430 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u044b\u043d\u0435\u0441\u0435\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043c\u0435\u0448\u0430\u0442\u044c \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u0435.\"},\"architecture\":{\"fr\":\"Une synth\u00e8se m\u00e8ne aux projets, aux membres et aux r\u00e9glages. Les r\u00f4les, abonnements et documents de facturation ont leurs propres vues, sans encombrer le travail quotidien.\",\"en\":\"An overview leads to projects, members and settings. Roles, plans and billing documents have dedicated views so daily work stays focused.\",\"ru\":\"\u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0434\u0430\u0451\u0442 \u043e\u0431\u0449\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443, \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0441\u0440\u043e\u043a\u0438, \u0430 \u0440\u0430\u0437\u0434\u0435\u043b \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u2014 \u0440\u043e\u043b\u0438. \u0422\u0430\u0440\u0438\u0444, \u0441\u0447\u0435\u0442\u0430 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u044b\u043d\u0435\u0441\u0435\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043c\u0435\u0448\u0430\u0442\u044c \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u0435.\"},\"screenNames\":[{\"fr\":\"Vue d\u2019ensemble\",\"en\":\"Overview\",\"ru\":\"\u041e\u0431\u0437\u043e\u0440\"},{\"fr\":\"Projets\",\"en\":\"Projects\",\"ru\":\"\u041f\u0440\u043e\u0435\u043a\u0442\u044b\"},{\"fr\":\"Membres\",\"en\":\"Members\",\"ru\":\"\u041a\u043e\u043c\u0430\u043d\u0434\u0430\"},{\"fr\":\"Facturation\",\"en\":\"Billing\",\"ru\":\"\u0421\u0447\u0435\u0442\u0430 \u0438 \u0442\u0430\u0440\u0438\u0444\"}],\"features\":[{\"fr\":\"Suivi des projets\",\"en\":\"Project tracking\",\"ru\":\"\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432\"},{\"fr\":\"Analyse de l\u2019activit\u00e9\",\"en\":\"Activity analytics\",\"ru\":\"\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u044b\"},{\"fr\":\"Membres et permissions\",\"en\":\"Members and permissions\",\"ru\":\"\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u0438 \u043f\u0440\u0430\u0432\u0430\"},{\"fr\":\"Abonnement et factures\",\"en\":\"Plans and invoices\",\"ru\":\"\u0422\u0430\u0440\u0438\u0444 \u0438 \u0441\u0447\u0435\u0442\u0430\"}],\"serviceSlug\":\"web-development\",\"demo\":true,\"stack\":[\"HTML\",\"CSS\",\"JavaScript\",\"SVG\"],\"kind\":\"application\"},\"locale\":\"en\"}</script><script>(()=>{'use strict';\nconst {p,locale:l}=JSON.parse(document.getElementById('product-data').textContent),root=document.getElementById('product-root');\nconst words={\nfr:{workspace:'Espace de travail',search:'Rechercher',welcome:'Bonjour, Camille',today:'Mardi 20 octobre',add:'Ajouter',cancel:'Annuler',save:'Enregistrer',name:'Nom',email:'Adresse email',status:'\u00c9tat',owner:'Responsable',value:'Montant',date:'Date',company:'Entreprise',active:'En cours',done:'Termin\u00e9',pending:'\u00c0 valider',new:'Nouveau',total:'Total',period:'Ce mois-ci',month:'Octobre',year:'2026',view:'Voir le d\u00e9tail',clients:'Clients actifs',revenue:'Chiffre d\u2019affaires',opportunities:'Opportunit\u00e9s ouvertes',conversion:'Taux de conversion',sales:'Activit\u00e9 commerciale',target:'Objectif',actual:'R\u00e9alis\u00e9',tasks:'Prochaines actions',all:'Tous',contact:'Contact',role:'R\u00f4le',contacts:'Contacts',reports:'Rapports',settings:'Param\u00e8tres',notifications:'Notifications',connected:'Connect\u00e9',connect:'Connecter',disconnect:'D\u00e9connecter',run:'Tester le processus',history:'Historique',duration:'Dur\u00e9e',result:'R\u00e9sultat',runs:'Ex\u00e9cutions',success:'R\u00e9ussite',errors:'Erreurs',workflow:'Qualification des demandes',trigger:'R\u00e9ception du formulaire',validate:'V\u00e9rifier les champs',create:'Cr\u00e9er un contact CRM',notify:'Notifier l\u2019\u00e9quipe',review:'Validation manuelle',triggerNote:'\u00c0 chaque nouvelle demande',validateNote:'Email et entreprise pr\u00e9sents',createNote:'NEXORA \u00b7 Fiche client',notifyNote:'Notification interne',reviewNote:'Donn\u00e9es incompl\u00e8tes',block:'Configuration du bloc',field:'Champ \u00e0 v\u00e9rifier',condition:'Condition',required:'Est renseign\u00e9',fieldHint:'La demande continue uniquement si les informations requises sont pr\u00e9sentes.',runDone:'Test termin\u00e9 : les quatre \u00e9tapes ont \u00e9t\u00e9 ex\u00e9cut\u00e9es localement.',saved:'Modification enregistr\u00e9e dans cet aper\u00e7u.',projects:'Projets actifs',members:'Membres',complete:'T\u00e2ches termin\u00e9es',delivery:'Prochaine livraison',week:'Cette semaine',activity:'Activit\u00e9 de l\u2019espace',capacity:'Charge de l\u2019\u00e9quipe',progress:'Avancement',project:'Projet',invite:'Inviter un membre',admin:'Administrateur',editor:'\u00c9diteur',viewer:'Lecture seule',plan:'Votre abonnement',billing:'Documents de facturation',download:'Exporter CSV',storage:'Stockage utilis\u00e9',schedule:'Planning de la semaine',job:'Intervention',technician:'Technicien',location:'Lieu',priority:'Priorit\u00e9',high:'Haute',normal:'Normale',assigned:'Affect\u00e9',available:'Disponible',away:'Sur le terrain',jobs:'Interventions',checklist:'Liste de v\u00e9rification',mobileTitle:'Tout ce qu\u2019il faut, sur le terrain.',mobileBody:'L\u2019adresse, les consignes et le compte rendu restent accessibles depuis le m\u00eame dossier. Le bureau retrouve les changements de statut dans le planning.',start:'D\u00e9marrer l\u2019intervention',finish:'Terminer l\u2019intervention',jobStarted:'Intervention d\u00e9marr\u00e9e',jobFinished:'Compte rendu enregistr\u00e9',instructions:'V\u00e9rifier la pression et contr\u00f4ler le fonctionnement apr\u00e8s intervention.',documents:'Documents',messages:'Messages',requests:'Demandes',approval:'Validations attendues',next:'Prochaine \u00e9tape',milestones:'Les \u00e9tapes de votre projet',files:'Fichiers r\u00e9cents',folder:'Dossier',updated:'Modifi\u00e9 le',size:'Taille',send:'Envoyer',message:'Votre message',design:'\u00c9crans et parcours',contract:'Documents de projet',technical:'Dossier technique',meeting:'Point d\u2019avancement',messageBody:'Les \u00e9crans r\u00e9vis\u00e9s sont pr\u00eats. Pouvez-vous v\u00e9rifier le parcours de demande avant notre prochain \u00e9change ?',messageReply:'Merci, nous avons ajout\u00e9 nos remarques dans le document partag\u00e9.',requestTitle:'Validation du parcours de demande',requestDescription:'V\u00e9rifier les champs et les textes avant int\u00e9gration.',permissions:'Permissions',subscriptions:'Abonnements',integrations:'Int\u00e9grations',triggers:'D\u00e9clencheurs',actions:'Actions',calendar:'Calendrier',account:'Compte',online:'Espace personnel',records:'\u00e9l\u00e9ments',noResults:'Aucun \u00e9l\u00e9ment ne correspond \u00e0 cette recherche.',close:'Fermer',readDoc:'Consulter le document',documentBody:'Structure du projet : pr\u00e9sentation, parcours principal, crit\u00e8res de validation et prochaines \u00e9tapes. Ce document peut \u00eatre consult\u00e9 dans cet espace.',draft:'Brouillon',sent:'Envoy\u00e9',paid:'R\u00e9gl\u00e9',report:'Rapport',team:'\u00c9quipe',queue:'\u00c0 traiter',enabled:'Activ\u00e9',disabled:'D\u00e9sactiv\u00e9'},\nen:{workspace:'Workspace',search:'Search',welcome:'Good morning, Camille',today:'Tuesday, 20 October',add:'Add',cancel:'Cancel',save:'Save changes',name:'Name',email:'Email address',status:'Status',owner:'Owner',value:'Value',date:'Date',company:'Company',active:'In progress',done:'Completed',pending:'Needs review',new:'New',total:'Total',period:'This month',month:'October',year:'2026',view:'View details',clients:'Active clients',revenue:'Revenue',opportunities:'Open opportunities',conversion:'Conversion rate',sales:'Sales activity',target:'Target',actual:'Actual',tasks:'Next actions',all:'All',contact:'Contact',role:'Role',contacts:'Contacts',reports:'Reports',settings:'Settings',notifications:'Notifications',connected:'Connected',connect:'Connect',disconnect:'Disconnect',run:'Test workflow',history:'History',duration:'Duration',result:'Result',runs:'Executions',success:'Success rate',errors:'Errors',workflow:'Incoming request qualification',trigger:'Receive form',validate:'Validate fields',create:'Create CRM contact',notify:'Notify team',review:'Manual review',triggerNote:'Every new request',validateNote:'Email and company present',createNote:'NEXORA \u00b7 Client record',notifyNote:'Internal notification',reviewNote:'Incomplete information',block:'Block settings',field:'Field to validate',condition:'Condition',required:'Is present',fieldHint:'The request continues only when all required information is present.',runDone:'Test complete: all four steps ran locally.',saved:'Change saved in this preview.',projects:'Active projects',members:'Members',complete:'Completed tasks',delivery:'Next delivery',week:'This week',activity:'Workspace activity',capacity:'Team capacity',progress:'Progress',project:'Project',invite:'Invite member',admin:'Administrator',editor:'Editor',viewer:'Read only',plan:'Your plan',billing:'Billing documents',download:'Export CSV',storage:'Storage used',schedule:'Weekly schedule',job:'Job',technician:'Technician',location:'Location',priority:'Priority',high:'High',normal:'Normal',assigned:'Assigned',available:'Available',away:'In the field',jobs:'Jobs',checklist:'Checklist',mobileTitle:'Everything you need, in the field.',mobileBody:'Address, instructions and reporting stay with the same job record. The office sees status changes in the shared schedule.',start:'Start job',finish:'Complete job',jobStarted:'Job started',jobFinished:'Job report saved',instructions:'Check pressure and verify operation after the intervention.',documents:'Documents',messages:'Messages',requests:'Requests',approval:'Awaiting approval',next:'Next step',milestones:'Your project milestones',files:'Recent files',folder:'Folder',updated:'Updated',size:'Size',send:'Send',message:'Your message',design:'Screens and journeys',contract:'Project documents',technical:'Technical documentation',meeting:'Progress review',messageBody:'The revised screens are ready. Could you review the request journey before our next meeting?',messageReply:'Thank you. We have added our comments to the shared document.',requestTitle:'Approve the request journey',requestDescription:'Review fields and content before implementation.',permissions:'Permissions',subscriptions:'Subscriptions',integrations:'Integrations',triggers:'Triggers',actions:'Actions',calendar:'Calendar',account:'Account',online:'Personal workspace',records:'records',noResults:'No records match this search.',close:'Close',readDoc:'Read document',documentBody:'Project structure: overview, primary workflow, acceptance criteria and next steps. You can read this document in the workspace.',draft:'Draft',sent:'Sent',paid:'Paid',report:'Report',team:'Team',queue:'To review',enabled:'Enabled',disabled:'Disabled'},\nru:{workspace:'\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e',search:'\u041f\u043e\u0438\u0441\u043a',welcome:'\u0414\u043e\u0431\u0440\u043e\u0435 \u0443\u0442\u0440\u043e, \u041a\u0430\u043c\u0438\u043b\u044c',today:'\u0412\u0442\u043e\u0440\u043d\u0438\u043a, 20 \u043e\u043a\u0442\u044f\u0431\u0440\u044f',add:'\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c',cancel:'\u041e\u0442\u043c\u0435\u043d\u0430',save:'\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c',name:'\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435',email:'\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430',status:'\u0421\u0442\u0430\u0442\u0443\u0441',owner:'\u041e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439',value:'\u0421\u0443\u043c\u043c\u0430',date:'\u0414\u0430\u0442\u0430',company:'\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',active:'\u0412 \u0440\u0430\u0431\u043e\u0442\u0435',done:'\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e',pending:'\u041d\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0438',new:'\u041d\u043e\u0432\u043e\u0435',total:'\u0418\u0442\u043e\u0433\u043e',period:'\u042d\u0442\u043e\u0442 \u043c\u0435\u0441\u044f\u0446',month:'\u041e\u043a\u0442\u044f\u0431\u0440\u044c',year:'2026',view:'\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435',clients:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u044b',revenue:'\u0412\u044b\u0440\u0443\u0447\u043a\u0430',opportunities:'\u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0441\u0434\u0435\u043b\u043a\u0438',conversion:'\u041a\u043e\u043d\u0432\u0435\u0440\u0441\u0438\u044f',sales:'\u0414\u0438\u043d\u0430\u043c\u0438\u043a\u0430 \u043f\u0440\u043e\u0434\u0430\u0436',target:'\u041f\u043b\u0430\u043d',actual:'\u0424\u0430\u043a\u0442',tasks:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f',all:'\u0412\u0441\u0435',contact:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442',role:'\u0420\u043e\u043b\u044c',contacts:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b',reports:'\u041e\u0442\u0447\u0451\u0442\u044b',settings:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438',notifications:'\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f',connected:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e',connect:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c',disconnect:'\u041e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c',run:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441',history:'\u0418\u0441\u0442\u043e\u0440\u0438\u044f',duration:'\u0414\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c',result:'\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442',runs:'\u0417\u0430\u043f\u0443\u0441\u043a\u0438',success:'\u0423\u0441\u043f\u0435\u0448\u043d\u044b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0438',errors:'\u041e\u0448\u0438\u0431\u043a\u0438',workflow:'\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0435\u0439 \u0437\u0430\u044f\u0432\u043a\u0438',trigger:'\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u043e\u0440\u043c\u0443',validate:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f',create:'\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0432 CRM',notify:'\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u0443',review:'\u0420\u0443\u0447\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430',triggerNote:'\u041f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043d\u043e\u0432\u043e\u0439 \u0437\u0430\u044f\u0432\u043a\u0435',validateNote:'\u0423\u043a\u0430\u0437\u0430\u043d\u044b \u043f\u043e\u0447\u0442\u0430 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',createNote:'NEXORA \u00b7 \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430',notifyNote:'\u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435',reviewNote:'\u041d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439',block:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0431\u043b\u043e\u043a\u0430',field:'\u041f\u043e\u043b\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438',condition:'\u0423\u0441\u043b\u043e\u0432\u0438\u0435',required:'\u0417\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043e',fieldHint:'\u0417\u0430\u044f\u0432\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u0434\u0430\u043b\u044c\u0448\u0435, \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f.',runDone:'\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0430: \u0447\u0435\u0442\u044b\u0440\u0435 \u0448\u0430\u0433\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e.',saved:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043e \u0432 \u044d\u0442\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435.',projects:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b',members:'\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438',complete:'\u0417\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438',delivery:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0439 \u0432\u044b\u043f\u0443\u0441\u043a',week:'\u042d\u0442\u0430 \u043d\u0435\u0434\u0435\u043b\u044f',activity:'\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u044b',capacity:'\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b',progress:'\u0413\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c',project:'\u041f\u0440\u043e\u0435\u043a\u0442',invite:'\u041f\u0440\u0438\u0433\u043b\u0430\u0441\u0438\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430',admin:'\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440',editor:'\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440',viewer:'\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440',plan:'\u0412\u0430\u0448 \u0442\u0430\u0440\u0438\u0444',billing:'\u0421\u0447\u0435\u0442\u0430 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',download:'\u042d\u043a\u0441\u043f\u043e\u0440\u0442 CSV',storage:'\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430',schedule:'\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u043d\u0435\u0434\u0435\u043b\u044e',job:'\u0417\u0430\u0434\u0430\u043d\u0438\u0435',technician:'\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442',location:'\u0410\u0434\u0440\u0435\u0441',priority:'\u041f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442',high:'\u0412\u044b\u0441\u043e\u043a\u0438\u0439',normal:'\u041e\u0431\u044b\u0447\u043d\u044b\u0439',assigned:'\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e',available:'\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d',away:'\u041d\u0430 \u0432\u044b\u0435\u0437\u0434\u0435',jobs:'\u0417\u0430\u0434\u0430\u043d\u0438\u044f',checklist:'\u0421\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a',mobileTitle:'\u0412\u0441\u0451 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u2014 \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0439.',mobileBody:'\u0410\u0434\u0440\u0435\u0441, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0438 \u043e\u0442\u0447\u0451\u0442 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u0437\u0430\u0434\u0430\u043d\u0438\u0438. \u0414\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440 \u0432\u0438\u0434\u0438\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0432 \u043e\u0431\u0449\u0435\u043c \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0438.',start:'\u041d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',finish:'\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',jobStarted:'\u0420\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0447\u0430\u0442\u0430',jobFinished:'\u041e\u0442\u0447\u0451\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d',instructions:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f.',documents:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',messages:'\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f',requests:'\u0417\u0430\u043f\u0440\u043e\u0441\u044b',approval:'\u041e\u0436\u0438\u0434\u0430\u044e\u0442 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f',next:'\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u044d\u0442\u0430\u043f',milestones:'\u042d\u0442\u0430\u043f\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430',files:'\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u044b',folder:'\u041f\u0430\u043f\u043a\u0430',updated:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e',size:'\u0420\u0430\u0437\u043c\u0435\u0440',send:'\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c',message:'\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435',design:'\u042d\u043a\u0440\u0430\u043d\u044b \u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438',contract:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430',technical:'\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f',meeting:'\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430',messageBody:'\u041e\u0431\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u044b\u0435 \u044d\u043a\u0440\u0430\u043d\u044b \u0433\u043e\u0442\u043e\u0432\u044b. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0437\u0430\u044f\u0432\u043a\u0438 \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0432\u0441\u0442\u0440\u0435\u0447\u0438.',messageReply:'\u0421\u043f\u0430\u0441\u0438\u0431\u043e. \u0414\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u044f \u0432 \u043e\u0431\u0449\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442.',requestTitle:'\u0421\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f \u0437\u0430\u044f\u0432\u043a\u0438',requestDescription:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f \u0438 \u0442\u0435\u043a\u0441\u0442\u044b \u043f\u0435\u0440\u0435\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439.',permissions:'\u041f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430',subscriptions:'\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0438',integrations:'\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438',triggers:'\u0421\u043e\u0431\u044b\u0442\u0438\u044f',actions:'\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f',calendar:'\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c',account:'\u0410\u043a\u043a\u0430\u0443\u043d\u0442',online:'\u041b\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0431\u0438\u043d\u0435\u0442',records:'\u0437\u0430\u043f\u0438\u0441\u0435\u0439',noResults:'\u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e.',close:'\u0417\u0430\u043a\u0440\u044b\u0442\u044c',readDoc:'\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442',documentBody:'\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439, \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438. \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.',draft:'\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a',sent:'\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e',paid:'\u041e\u043f\u043b\u0430\u0447\u0435\u043d\u043e',report:'\u041e\u0442\u0447\u0451\u0442',team:'\u041a\u043e\u043c\u0430\u043d\u0434\u0430',queue:'\u041a \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0435',enabled:'\u0412\u043a\u043b\u044e\u0447\u0435\u043d\u043e',disabled:'\u0412\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u043e'}\n};const w=words[l],money=n=>new Intl.NumberFormat(l,{style:'currency',currency:'EUR',maximumFractionDigits:0}).format(n),esc=s=>String(s).replace(/[&<>\"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\nconst icon=(kind=0)=>`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" stroke=\"currentColor\" stroke-width=\"1.5\">${['<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>','<circle cx=\"9\" cy=\"8\" r=\"3\"/><path d=\"M3 21v-3a6 6 0 0 1 12 0v3M17 5a3 3 0 0 1 0 6m1 3a5 5 0 0 1 3 4v3\"/>','<path d=\"M4 4v16h16M8 15l4-5 4 2 5-8\"/>','<rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"/><path d=\"M8 8h8m-8 4h8m-8 4h5\"/>'][kind%4]}</svg>`;\nconst badge=(s,other=false)=>`<span class=\"badge${other?' pending':''}\">${esc(s)}</span>`,avatar=(s='CM')=>`<span class=\"avatar\">${s}</span>`;\nconst local=(fr,en,ru)=>({fr,en,ru})[l];\nconst extra={nexora:[w.contacts,w.tasks,w.reports,w.opportunities],fluxio:[w.triggers,w.actions,w.notifications],orbita:[w.subscriptions,w.permissions,w.settings,local('Analyse','Analytics','\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430')],terralink:[w.clients,w.reports,w.calendar],clarity:[w.projects,w.notifications,w.account]};\nconst names=[...p.screenNames.map(x=>x[l]),...extra[p.slug]],clients=['Atelier Nord','Maison Ardent','Bureau Solis','Octave Services','Studio Rivage','Nova \u00c9nergie','Alto Conseil'],people=['Camille Martin','Alex Laurent','Sarah Bernard','Louis Moreau','Nina Robert'];\nlet view=Number(new URLSearchParams(location.search).get('screen')||location.hash.slice(1)||document.body.dataset.initialScreen||0),selectedNode=1,toastTimer;\nif(!Number.isInteger(view)||view<0||view>=names.length)view=0;\nlet state;try{state=JSON.parse(localStorage.getItem('veylonic-'+p.slug)||'{}')}catch{state={}}state.records??=[];state.messages??=[];state.connections??={};state.nodeConfig??={};\nconst persist=()=>{try{localStorage.setItem('veylonic-'+p.slug,JSON.stringify(state))}catch{}};\nfunction notify(s=w.saved){const n=document.getElementById('notice');n.textContent=s;clearTimeout(toastTimer);toastTimer=setTimeout(()=>n.textContent='',3500)}\nfunction table(head,rows){return `<div class=\"table-wrap\"><table class=\"data-table\"><thead><tr>${head.map(x=>`<th scope=\"col\">${x}</th>`).join('')}</tr></thead><tbody>${rows.map(r=>`<tr>${r.map(c=>`<td>${c}</td>`).join('')}</tr>`).join('')}</tbody></table></div>`}\nfunction metric(label,value,note){return `<div class=\"metric\"><small>${label}</small><strong>${value}</strong><small>${note||w.period}</small></div>`}\nfunction chart(bar=false){return `<div class=\"chart\"><div class=\"chart-legend\"><span><i class=\"legend-dot\"></i>${w.actual}</span><span>${w.target}</span></div><svg viewBox=\"0 0 650 200\" role=\"img\" aria-label=\"${w.activity}\"><path d=\"M25 15H630M25 60H630M25 105H630M25 150H630\" stroke=\"var(--line)\"/>${bar?Array.from({length:12},(_,i)=>`<rect x=\"${38+i*48}\" y=\"${145-[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" width=\"17\" height=\"${[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" fill=\"var(--accent)\" rx=\"3\"/><rect x=\"${57+i*48}\" y=\"${145-[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" width=\"11\" height=\"${[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" fill=\"var(--soft)\" rx=\"2\"/>`).join(''):'<path d=\"M25 139C60 137 70 103 112 116S173 80 210 95S261 55 300 73S350 48 390 56S443 25 482 40S535 23 568 30S607 9 630 15\" stroke=\"var(--accent)\" stroke-width=\"2.5\" fill=\"none\"/><path d=\"M25 146 112 137 210 120 300 105 390 93 482 75 568 67 630 50\" stroke=\"var(--muted)\" stroke-width=\"1\" stroke-dasharray=\"4 5\" fill=\"none\"/>'}${[0,1,2,3,4,5,6].map(i=>`<text x=\"${25+i*100}\" y=\"183\">${String(1+i*4).padStart(2,'0')} ${w.month.slice(0,3)}</text>`).join('')}</svg></div>`}\nconst panel=(title,body,meta=w.period)=>`<section class=\"panel\"><div class=\"panel-head\"><h2>${title}</h2><small>${meta}</small></div>${body}</section>`;\nfunction tasks(){return `<div class=\"task-list\">${[w.meeting,w.requestTitle,w.report,w.documents].map((x,i)=>`<label class=\"task-row\"><input type=\"checkbox\" data-task=\"${i}\" ${state['task'+i]?'checked':''}><span>${x}<br><small>${[10,11,14,16][i]}:30 \u00b7 ${clients[i]}</small></span>${avatar(['CM','AL','SB','LM'][i])}</label>`).join('')}</div>`}\nfunction clientTable(contacts=false){const rows=[...clients,...state.records].map((c,i)=>[`${esc(c)}<small>${contacts?esc(people[i%5]):'CL-'+(1200+i)}</small>`,contacts?esc(people[i%5].toLowerCase().replaceAll(' ','.')+'@example.com'):esc(people[i%5]),badge(i%3===0?w.pending:w.active,i%3===0),money(4500+i*1250),`<button data-detail=\"${esc(c)}\">${w.view}</button>`]);return `<div class=\"panel\"><div class=\"list-toolbar\"><select aria-label=\"${w.status}\" data-filter><option value=\"all\">${w.all}</option><option>${w.active}</option><option>${w.pending}</option></select><span class=\"badge\">${rows.length} ${w.records}</span></div>${table([w.company,contacts?w.email:w.owner,w.status,w.value,''],rows)}<div class=\"list-footer\"><span>1\u2013${rows.length} / ${rows.length}</span><span>25 / page</span></div></div>`}\nfunction nexora(){if(view===7)return panel(w.opportunities,table([w.company,w.owner,w.value,w.status,w.date],clients.map((c,i)=>[c,people[i%5],money(3600+i*1700),badge([w.new,w.active,w.pending][i%3],i%3===2),'28.10.2026'])));if(view===6)return `<div class=\"metrics\">${metric(w.revenue,money(48250))}${metric(w.conversion,'32,4%')}${metric(w.opportunities,'24')}${metric(w.clients,'86')}</div>${panel(w.sales,chart())}${panel(w.reports,table([w.month,w.revenue,w.opportunities,w.conversion],[0,1,2].map((n)=>[['08 / 2026','09 / 2026','10 / 2026'][n],money(39000+n*4600),String(18+n*3),String(27+n*2.7).slice(0,4)+'%'])))} `;if(view===1||view===4)return clientTable(view===4);if(view===2)return `<div class=\"pipeline\">${[w.new,w.active,w.pending,w.done].map((s,i)=>`<section class=\"pipeline-col\"><div class=\"pipeline-head\"><span>${s}</span><span>${[3,2,2,1][i]}</span></div><small>${money([19400,27200,15750,8400][i])}</small>${[0,1,...(i===0?[2]:[])].map((_,j)=>`<article class=\"deal\"><p>${clients[(i+j)%7]}</p><small>${[w.project,w.contract,w.technical][j%3]}</small><strong>${money(3400+i*1800+j*900)}</strong><div class=\"deal-footer\"><small>24 ${w.month.slice(0,3)}</small>${avatar(['CM','AL','SB'][j%3])}</div></article>`).join('')}</section>`).join('')}</div>`;if(view===3)return panel(w.total,table([w.name,w.company,w.value,w.status,w.date],clients.slice(0,6).map((c,i)=>['DEV-2026-'+(121+i),c,money(2500+i*1200),badge([w.draft,w.sent,w.paid][i%3],i%3===0),'18.10.2026'])));if(view===5)return panel(w.tasks,tasks(),w.today);return `<div class=\"metrics\">${metric(w.revenue,money(48250),'+12,8% \u00b7 '+w.period)}${metric(w.opportunities,'24',money(116800))}${metric(w.clients,'86','+6 \u00b7 '+w.period)}${metric(w.conversion,'32,4%','+3,2 pts')}</div><div class=\"grid-two\">${panel(w.sales,chart())}${panel(w.tasks,tasks(),w.today)}</div>${panel(w.opportunities,table([w.company,w.owner,w.value,w.status],clients.slice(0,3).map((c,i)=>[c,people[i],money(7200+i*1800),badge(i===1?w.pending:w.active,i===1)])))}`}\nfunction workflow(){const config=state.nodeConfig[(state.flow||'lead')+':'+selectedNode]||{field:'email',condition:w.required};const alternate=state.flow==='invoice',nodes=alternate?[local('Recevoir la facture','Receive invoice','\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0447\u0451\u0442'),local('V\u00e9rifier le montant','Check amount','\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0441\u0443\u043c\u043c\u0443'),local('Cr\u00e9er le document','Create document','\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442'),w.review,local('Notifier la comptabilit\u00e9','Notify accounting','\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0438\u044e')]:[w.trigger,w.validate,w.create,w.review,w.notify],notes=alternate?['Webhook / Invoice','total > 0','Storage / JSON',w.reviewNote,'Email / Finance']:[w.triggerNote,w.validateNote,w.createNote,w.reviewNote,w.notifyNote];return `<div class=\"workflow-layout\"><div class=\"workflow-board\"><label class=\"flow-picker\">${w.workflow}<select data-flow aria-label=\"${local('Choisir le processus','Choose workflow','\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441')}\"><option value=\"lead\" ${state.flow!=='invoice'?'selected':''}>${w.workflow}</option><option value=\"invoice\" ${state.flow==='invoice'?'selected':''}>${local('Validation de facture','Invoice approval','\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0441\u0447\u0451\u0442\u0430')}</option></select></label><svg class=\"connections\" viewBox=\"0 0 800 635\" preserveAspectRatio=\"none\"><path d=\"M200 154H345M443 195V320M443 407V495H185M540 365H610\" stroke=\"#8A97C5\" stroke-width=\"1.5\" fill=\"none\"/><circle cx=\"200\" cy=\"154\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"443\" cy=\"320\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"610\" cy=\"365\" r=\"4\" fill=\"#A8B5FF\"/></svg>${nodes.map((n,i)=>`<button class=\"workflow-node node-${i}${selectedNode===i?' selected':''}\" data-node=\"${i}\"><span class=\"node-type\"><span class=\"node-icon\">${['01','02','03','05','04'][i]}</span>${n}</span><small>${notes[i]}</small></button>`).join('')}<span class=\"flow-caption\">100% \u00b7 ${w.workspace}</span></div><aside class=\"settings-pane\"><small>${w.block}</small><h2 style=\"margin-top:14px\">${nodes[selectedNode]}</h2><label>${w.field}<select data-node-field>${['email','company','request_id'].map(field=>`<option ${config.field===field?'selected':''}>${field}</option>`).join('')}</select></label><label>${w.condition}<input data-node-condition value=\"${esc(config.condition)}\" aria-label=\"${w.condition}\"></label><p>${w.fieldHint}</p><button class=\"primary\" data-save style=\"margin-top:28px\">${w.save}</button></aside></div>`}\nfunction fluxio(){if(view===0)return workflow();if(view===1)return `<p class=\"section-note\">${w.integrations} / ${w.workspace}</p><div class=\"integration-grid\">${['NEXORA CRM','Email / SMTP','Webhook API','PostgreSQL','ORBITA','Storage API'].map((x,i)=>{const on=state.connections[i]??i<4;return `<article class=\"panel integration\"><div class=\"integration-symbol\">${['N','@','{}','DB','O','S'][i]}</div><h3>${x}</h3><small>${['CRM','SMTP','REST / JSON','SQL','SaaS','Documents'][i]}</small><div style=\"display:flex;justify-content:space-between;align-items:center\">${badge(on?w.connected:w.disabled,!on)}<button data-connect=\"${i}\" style=\"margin-top:18px;font-size:11px\">${on?w.disconnect:w.connect}</button></div></article>`}).join('')}</div>`;if(view===2)return panel(w.history,table(['ID',w.name,w.status,w.duration,w.date],Array.from({length:8},(_,i)=>['EX-'+(2048-i),w.workflow,badge(i===3?w.errors:w.done,i===3),[248,312,276,504,192,281,324,297][i]+' ms','20.10 \u00b7 '+(14-i)+':24'])));if(view===4)return panel(w.triggers,table([w.name,w.condition,w.status],[['Webhook API','POST / request',badge(w.enabled)],[local('Planification','Schedule','\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435'),'Every day / 09:00',badge(w.enabled)],[local('Lancement manuel','Manual run','\u0420\u0443\u0447\u043d\u043e\u0439 \u0437\u0430\u043f\u0443\u0441\u043a'),'On demand',badge(w.enabled)]]));if(view===5)return panel(w.actions,table([w.name,w.condition,w.status],[[w.create,'NEXORA / Client',badge(w.enabled)],[w.notify,'Email / Team',badge(w.enabled)],[w.review,'Approval / Owner',badge(w.enabled)]]));if(view===6)return panel(w.notifications,table([w.name,w.result,w.date],[[w.errors,'EX-2045 / Validate','20.10 \u00b7 11:24'],[w.done,'EX-2048 / Notify','20.10 \u00b7 14:24']]));return `<div class=\"metrics\">${metric(w.runs,'2 048')}${metric(w.success,'99,7%')}${metric(w.duration,'284 ms')}${metric(w.errors,'6')}</div><div class=\"grid-two\">${panel(w.runs,chart(true))}${panel(w.integrations,table([w.name,w.status],[['Webhook API',badge(w.connected)],['NEXORA CRM',badge(w.connected)],['Email / SMTP',badge(w.connected)]]))}</div>${panel(w.history,[['14:24:03','EX-2048',w.trigger],['14:24:03','EX-2048',w.validate],['14:24:04','EX-2048',w.create],['14:24:04','EX-2048',w.done]].map(r=>`<div class=\"log-line\"><time>${r[0]}</time><span>${r[1]}</span><span>${r[2]}</span></div>`).join(''))}`}\nfunction members(){return panel(w.members,table([w.name,w.email,w.role,w.status],people.map((n,i)=>[`${avatar(n.split(' ').map(x=>x[0]).join(''))} ${n}`,n.toLowerCase().replaceAll(' ','.')+'@example.com',`<select aria-label=\"${w.role} ${n}\" data-role><option>${i===0?w.admin:w.editor}</option><option>${w.viewer}</option></select>`,badge(w.active)])))}\nfunction projectBoard(){return `<div class=\"project-board\">${[w.online,w.technical,w.integrations,w.design,w.reports,w.requests].map((x,i)=>`<article class=\"panel project-tile\"><div style=\"display:flex;justify-content:space-between\"><h3>${x}</h3>${badge(i===3?w.pending:w.active,i===3)}</div><small>${clients[i%7]}</small><p style=\"font-size:12px;color:var(--muted)\">${w.next} \u00b7 ${[w.design,w.documents,w.meeting][i%3]}</p><div class=\"progress-line\"><span style=\"width:${[72,48,86,35,62,91][i]}%\"></span></div><small>${w.progress} \u00b7 ${[72,48,86,35,62,91][i]}%</small><div class=\"tile-footer\"><div class=\"avatars\">${avatar('CM')}${avatar('AL')}${avatar('SB')}</div><small>28 ${w.month.slice(0,3)}</small></div></article>`).join('')}</div>`}\nfunction orbita(){if(view===7)return `<div class=\"metrics\">${metric(w.projects,'8')}${metric(w.complete,'124 / 156')}${metric(w.members,'12')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.progress,chart())}</div>${panel(w.reports,table([w.project,w.progress,w.owner,w.delivery],[[w.online,'72%',people[0],'28.10.2026'],[w.integrations,'86%',people[1],'30.10.2026'],[w.technical,'48%',people[2],'04.11.2026']]))}`;if(view===1)return projectBoard();if(view===2||view===5)return members();if(view===3||view===4)return `<div class=\"billing-grid\"><div class=\"panel plan-summary\"><small>${w.plan}</small><h2 style=\"margin-top:14px\">Business</h2><strong>${money(149)}<small> / ${w.month.toLowerCase()}</small></strong><p>12 ${w.members.toLowerCase()} \u00b7 100 GB</p>${badge(w.active)}</div><div class=\"panel plan-summary\"><h2>${w.storage}</h2><strong>24,8 <small>/ 100 GB</small></strong><div class=\"progress-line\"><span style=\"width:25%\"></span></div><p>${w.members}: 12 / 20</p></div></div>${panel(w.billing,table([w.name,w.date,w.value,w.status],['10','09','08','07'].map(m=>['INV-2026-'+m,'01.'+m+'.2026',money(149),badge(w.paid)])))}`;if(view===6)return settings();return `<div class=\"orbita-welcome\"><div><h2>${w.welcome}.</h2><p>${w.delivery}: ${w.online} \u00b7 28 ${w.month.toLowerCase()}. 3 ${w.requests.toLowerCase()} \u00b7 ${w.pending.toLowerCase()}.</p></div><button class=\"primary\" data-view=\"1\">${w.projects}</button></div><div class=\"metrics\">${metric(w.projects,'8')}${metric(w.members,'12')}${metric(w.complete,'124 / 156')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.capacity,people.slice(0,4).map((n,i)=>`<div style=\"padding:12px 22px\">${avatar(n.split(' ').map(x=>x[0]).join(''))} <small>${n}</small><div class=\"progress-line\"><span style=\"width:${[76,62,88,54][i]}%\"></span></div></div>`).join(''))}</div>${panel(w.projects,table([w.project,w.owner,w.progress,w.delivery],[[w.online,'Camille Martin','72%','28.10.2026'],[w.integrations,'Alex Laurent','86%','30.10.2026']]))}`}\nfunction settings(){return `<div class=\"panel plan-summary\"><h2>${w.settings}</h2><div style=\"margin-top:22px;display:grid;gap:20px\">${[w.notifications,w.reports,w.permissions].map((x,i)=>`<label style=\"display:flex;gap:14px;align-items:center\"><input type=\"checkbox\" data-setting=\"${i}\" ${state['setting'+i]!==false?'checked':''}>${x}</label>`).join('')}<label>${w.name}<input class=\"search\" value=\"Camille Martin\" aria-label=\"${w.name}\"></label><button class=\"primary\" style=\"width:max-content\" data-save>${w.save}</button></div></div>`}\nfunction render(){const action=p.slug==='fluxio'?w.run:p.slug==='orbita'&&view===2?w.invite:w.add;root.innerHTML=`<div class=\"shell\"><aside class=\"sidebar\"><a class=\"product-brand\" href=\"#0\"><span class=\"product-mark\">${p.name[0]}</span>${p.name}</a><div class=\"workspace\">${w.workspace}<span>01</span></div><nav class=\"nav-group\" aria-label=\"${w.workspace}\">${names.map((n,i)=>`<button data-view=\"${i}\" ${i===view?'aria-current=\"page\"':''}>${icon(i)}<span>${n}</span></button>`).join('')}</nav><div class=\"sidebar-bottom\"><small>${p.name} / ${w.online}</small><div class=\"account\">${avatar()}<div>Camille Martin<small style=\"display:block\">${w.admin}</small></div></div></div></aside><main class=\"main\"><header class=\"topbar\"><span class=\"topbar-label\">${p.name} / ${names[view]}</span><div class=\"topbar-tools\"><input class=\"search\" type=\"search\" aria-label=\"${w.search}\" placeholder=\"${w.search}\">${avatar()}</div></header><div class=\"content\"><div class=\"page-top\"><div><h1>${names[view]}</h1><p>${view===0?p.title[l]:w.workspace+' / '+p.name}</p></div><div class=\"actions\"><button class=\"secondary\" data-export>${w.download}</button><button class=\"primary\" data-add>${action}</button></div></div>${({nexora,fluxio,orbita})[p.slug]()}<footer class=\"app-footer\"><span>${p.name} / ${w.workspace}</span><span>${w.today} \u00b7 2026</span></footer></div></main></div><div id=\"notice\" class=\"notice\" role=\"status\"></div><dialog id=\"record-dialog\"><form method=\"dialog\" id=\"record-form\"><h2>${w.add}</h2><label>${w.name}<input required name=\"record\" maxlength=\"100\"></label><label>${w.email}<input type=\"email\" name=\"email\" placeholder=\"contact@example.com\"></label><div class=\"actions\"><button type=\"button\" class=\"secondary\" data-close>${w.cancel}</button><button class=\"primary\" value=\"save\">${w.save}</button></div></form></dialog><dialog id=\"detail-dialog\"><h2></h2><p style=\"margin:20px 0;line-height:1.9\"></p><button class=\"primary\" data-close>${w.close}</button></dialog>`;bind()}\nfunction bind(){root.querySelectorAll('[data-view]').forEach(b=>b.onclick=()=>{view=Number(b.dataset.view);history.replaceState(null,'','#'+view);render()});root.querySelectorAll('[data-task]').forEach(b=>b.onchange=()=>{state['task'+b.dataset.task]=b.checked;persist()});root.querySelectorAll('[data-setting]').forEach(b=>b.onchange=()=>{state['setting'+b.dataset.setting]=b.checked;persist();notify()});root.querySelectorAll('[data-save]').forEach(b=>b.onclick=()=>{if(p.slug==='fluxio'&&view===0){state.nodeConfig[(state.flow||'lead')+':'+selectedNode]={field:root.querySelector('[data-node-field]').value,condition:root.querySelector('[data-node-condition]').value};persist()}notify()});root.querySelector('[data-add]').onclick=()=>{if(p.slug==='fluxio'){state.lastRun=Date.now();persist();notify(w.runDone);return}document.getElementById('record-dialog').showModal()};root.querySelectorAll('[data-close]').forEach(b=>b.onclick=()=>b.closest('dialog').close());root.querySelector('#record-form').onsubmit=e=>{e.preventDefault();const f=new FormData(e.currentTarget),name=String(f.get('record')||'').trim();if(!name)return;state.records.push(name);persist();render();notify()};root.querySelector('[data-export]').onclick=()=>{const rows=[...root.querySelectorAll('.data-table tr')].map(r=>[...r.querySelectorAll('th,td')].map(c=>'\"'+c.textContent.replaceAll('\"','\"\"')+'\"').join(','));const blob=new Blob(['\\uFEFF'+(rows.length?rows.join('\\n'):'Product,View\\n'+p.name+','+names[view])],{type:'text/csv;charset=utf-8'}),url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=p.slug+'.csv';a.click();setTimeout(()=>URL.revokeObjectURL(url),1000)};root.querySelector('.search').oninput=e=>{const q=e.target.value.toLowerCase();root.querySelectorAll('.data-table tbody tr,.deal,.integration,.project-tile,.request-line').forEach(n=>n.hidden=!n.textContent.toLowerCase().includes(q))};root.querySelector('[data-filter]')?.addEventListener('change',e=>root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=e.target.value!=='all'&&!n.textContent.includes(e.target.value)));root.querySelectorAll('[data-connect]').forEach(b=>b.onclick=()=>{const i=Number(b.dataset.connect);state.connections[i]=!(state.connections[i]??i<4);persist();render();notify()});root.querySelector('[data-flow]')?.addEventListener('change',e=>{state.flow=e.target.value;persist();selectedNode=1;render()});root.querySelectorAll('[data-node]').forEach(b=>b.onclick=()=>{selectedNode=Number(b.dataset.node);render()});root.querySelectorAll('[data-role]').forEach(b=>b.onchange=()=>notify());root.querySelector('[data-job]')?.addEventListener('click',()=>{if(state.jobStarted)state.jobDone=true;else state.jobStarted=true;persist();render();notify(state.jobDone?w.jobFinished:w.jobStarted)});root.querySelector('.composer')?.addEventListener('submit',e=>{e.preventDefault();const field=e.currentTarget.elements.message;const value=field.value.trim();if(value){state.messages.push(value);persist();render();notify()}});root.querySelectorAll('[data-thread]').forEach(b=>b.onclick=()=>{root.querySelectorAll('.message-item').forEach(n=>n.classList.toggle('selected',n===b));root.querySelector('.thread h2').textContent=[w.design,w.technical,w.meeting][Number(b.dataset.thread)]});root.querySelectorAll('[data-document],[data-detail]').forEach(b=>b.onclick=()=>{const d=document.getElementById('detail-dialog');d.querySelector('h2').textContent=b.dataset.document||b.dataset.detail;d.querySelector('p').textContent=b.dataset.document?w.documentBody:w.requestDescription;d.showModal()});root.querySelectorAll('[data-folder]').forEach(b=>b.onclick=()=>{const folder=[w.design,w.contract,w.technical][Number(b.dataset.folder)];root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=!n.textContent.includes(folder))});root.querySelectorAll('[data-request-filter]').forEach(b=>b.onclick=()=>{root.querySelectorAll('[data-request-filter]').forEach(n=>n.classList.toggle('selected',n===b));root.querySelectorAll('.request-line').forEach(n=>n.hidden=b.dataset.requestFilter!=='all'&&!n.textContent.includes(b.dataset.requestFilter))})}\nwindow.addEventListener('hashchange',()=>{const n=Number(location.hash.slice(1));if(Number.isInteger(n)&&n>=0&&n<names.length){view=n;render()}});render();\n})();\n</script></body></html>","fluxio-fr":"<!doctype html><html lang=\"fr\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><meta name=\"robots\" content=\"noindex\"><title>FLUXIO \u2014 L\u2019automatisation au service de vos \u00e9quipes.</title><style>@font-face{font-family:Manrope;src:url('/assets/a30ddcd349703aff7464.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#F3F5F7;color:#172633;font:14px/1.5 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:#C7D8EA;color:#132335}button{border:0;background:none}a{text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;letter-spacing:-.03em}h2{font-size:18px;font-weight:600;letter-spacing:-.02em}h3{font-size:15px;font-weight:600}small,.muted{font-size:12px;color:var(--muted)}body{--accent:#15746F;--soft:#E6F1EF;--muted:#61727D;--line:#E2E8EB;--surface:#fff;--page:#F3F6F6}body[data-product=fluxio]{--accent:#A8B5FF;--soft:#303743;--muted:#A7B1C1;--line:#343C49;--surface:#252C38;--page:#1B222D;background:var(--page);color:#EDF0F6}body[data-product=orbita]{--accent:#6E57CA;--soft:#EEEAF9;--muted:#6F7284;--line:#E5E4ED;--page:#F5F4F9}body[data-product=terralink]{--accent:#39765D;--soft:#E7EFE8;--muted:#677467;--line:#DFE6DE;--page:#F3F5F0}body[data-product=clarity]{--accent:#526A91;--soft:#EAF0F7;--muted:#6B7689;--line:#E5E9EE;--page:#F6F8FB}.shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr);background:var(--page)}.sidebar{padding:30px 18px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.product-brand{font-size:21px;font-weight:750;letter-spacing:-.045em;display:flex;gap:10px;align-items:center}.product-mark{width:27px;height:27px;display:inline-flex;background:var(--accent);color:white;border-radius:7px;align-items:center;justify-content:center;font-size:17px}.workspace{border:1px solid var(--line);padding:10px 12px;border-radius:7px;display:flex;justify-content:space-between;font-size:12px}.nav-group{display:grid;gap:5px}.nav-group button{display:flex;text-align:left;gap:11px;align-items:center;padding:11px 12px;border-radius:7px;color:var(--muted);font-size:12px}.nav-group svg{width:17px;height:17px;flex-shrink:0}.nav-group button[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:650}.sidebar-bottom{margin-top:auto;display:grid;gap:18px}.account{display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.main{min-width:0}.topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);gap:24px}.topbar-label{font-size:12px;color:var(--muted)}.topbar-tools{display:flex;align-items:center;gap:20px}.search{border:1px solid var(--line);background:transparent;color:inherit;padding:9px 12px;border-radius:7px;width:235px;font-size:12px}.content{padding:32px 36px 36px;max-width:1600px;margin:auto}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:24px}.page-top p{margin-top:6px;color:var(--muted);font-size:12px}.actions{display:flex;gap:10px}.primary,.secondary{border-radius:7px;padding:11px 17px;font-size:12px;white-space:nowrap}.primary{background:var(--accent);color:#fff;font-weight:650}.secondary{background:var(--surface);border:1px solid var(--line)}body[data-product=fluxio] .primary{color:#1B222D}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:10px}.metric strong{font-size:28px;display:block;margin:8px 0;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric small{font-size:11px}.metric .trend{color:var(--accent);display:inline-block;margin-right:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head small{font-size:11px}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:22px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart{padding:10px 24px 20px}.chart svg{width:100%;height:198px;overflow:visible}.chart text{fill:var(--muted);font-size:10px}.chart path,.chart line{vector-effect:non-scaling-stroke}.chart-legend{display:flex;gap:20px;align-items:center;font-size:11px;margin:0 0 15px 18px}.legend-dot{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;margin-right:7px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.data-table th{color:var(--muted);font-weight:500;background:var(--page);font-size:10px;letter-spacing:.025em}.data-table td,.data-table th{padding:15px 22px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{font-weight:600}.data-table td small{display:block;font-weight:400;margin-top:2px;font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--accent);font-size:10px;padding:4px 8px;border-radius:5px;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.pending{background:#F7EFD9;color:#80632B}.task-list{display:grid;padding:0 22px 15px}.task-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.task-row .avatar{margin-left:auto}.task-row input{accent-color:var(--accent)}.tabs{display:flex;gap:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.tabs button{padding:10px 0;color:var(--muted);font-size:12px}.tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pipeline-col{border-radius:9px;background:var(--soft);padding:14px;min-height:570px}.pipeline-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;font-weight:600}.pipeline-col>small{display:block;font-size:10px;margin-bottom:24px}.deal{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:17px;margin-bottom:13px}.deal p{font-size:12px;margin-bottom:7px;font-weight:600}.deal strong{display:block;margin-top:22px;font-size:19px;font-weight:500}.deal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.list-toolbar{padding:16px 22px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.list-toolbar select{border:1px solid var(--line);padding:7px;border-radius:6px;background:var(--surface);color:inherit;font-size:11px}.list-footer{padding:18px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.workflow-layout{display:grid;grid-template-columns:1fr 290px;gap:0;border:1px solid var(--line);border-radius:10px;min-height:635px;overflow:hidden}.workflow-board{position:relative;background-color:#1C232E;background-image:radial-gradient(#3D4657 .8px,transparent .8px);background-size:22px 22px;padding:28px;min-width:0}.workflow-board svg.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workflow-node{position:absolute;background:#2A3240;border:1px solid #566071;border-radius:9px;width:195px;padding:16px;text-align:left;color:#F3F5FB;box-shadow:0 8px 20px #0C111A20}.workflow-node small{display:block;font-size:10px;color:#A7B1C1;margin-top:6px}.node-type{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.node-icon{width:27px;height:27px;border-radius:6px;background:#414B69;color:#C7D0FF;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.node-0{left:7%;top:105px}.node-1{left:43%;top:105px}.node-2{left:43%;top:320px}.node-3{left:7%;top:460px}.node-4{left:70%;top:320px;width:160px}.workflow-node.selected{border-color:#A8B5FF}.flow-caption{position:absolute;bottom:20px;right:24px;font-size:10px;color:#A7B1C1}.settings-pane{padding:26px 22px;background:var(--surface);border-left:1px solid var(--line)}.settings-pane h2{font-size:16px;margin-bottom:8px}.settings-pane label{display:grid;gap:9px;margin-top:28px;font-size:11px;color:var(--muted)}.settings-pane input,.settings-pane select{border:1px solid var(--line);background:var(--page);padding:11px;color:inherit;border-radius:6px;width:100%;font-size:12px}.settings-pane p{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.8}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration{padding:24px;min-height:190px}.integration-symbol{width:42px;height:42px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:24px;border-radius:10px;color:var(--accent);font-size:19px}.integration .badge{margin-top:18px}.integration h3{margin-bottom:5px}.log-line{display:flex;gap:20px;padding:13px 22px;border-top:1px solid var(--line);font:11px/1.8 monospace}.log-line time{color:var(--muted)}body[data-product=orbita] .shell{display:block}body[data-product=orbita] .sidebar{height:84px;flex-direction:row;align-items:center;padding:0 42px;border-right:0;border-bottom:1px solid var(--line);gap:34px}body[data-product=orbita] .workspace,body[data-product=orbita] .sidebar-bottom{display:none}body[data-product=orbita] .nav-group{display:flex;gap:5px}body[data-product=orbita] .nav-group button{padding:9px 10px}body[data-product=orbita] .nav-group svg{display:none}body[data-product=orbita] .topbar{height:53px;background:transparent;padding:0 42px}body[data-product=orbita] .content{padding:28px 42px}.project-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-tile{padding:24px;min-height:260px}.project-tile>small{display:block;margin:14px 0 20px}.progress-line{height:5px;background:var(--soft);border-radius:5px;overflow:hidden;margin:20px 0 10px}.progress-line span{display:block;height:100%;background:var(--accent)}.tile-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.avatars{display:flex}.avatars .avatar{margin-right:-6px;border:2px solid var(--surface)}.orbita-welcome{padding:24px 26px;background:#EAE6F5;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#332C4E}.orbita-welcome h2{font-size:22px;margin-bottom:8px}.orbita-welcome p{font-size:12px;max-width:62ch}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.plan-summary{padding:26px}.plan-summary strong{display:block;font-size:36px;font-weight:500;letter-spacing:-.03em;margin:14px 0}.plan-summary p{margin-bottom:22px;color:var(--muted);font-size:12px}.planner{display:grid;grid-template-columns:135px repeat(5,1fr);background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:600px}.planner-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;min-width:0}.planner-day{text-align:center;font-size:11px;color:var(--muted);background:#F9FBF8}.planner-day b{display:block;font-size:23px;color:#25382E;margin-top:5px;font-weight:500}.planner-person{display:flex;gap:9px;align-items:flex-start;font-size:11px;background:#FAFBF8;padding-top:22px}.job{background:#E4EFE6;color:#315A43;border:1px solid #CEDFD1;border-radius:6px;padding:13px 10px;margin-top:8px;font-size:11px;line-height:1.6}.job b{display:block;font-weight:600;margin-bottom:4px}.job.alt{background:#E7EDF6;color:#385579;border-color:#D6E1EE}.job.pause{background:#F3EEDD;color:#78683F;border-color:#EAE1C7}.mobile-stage{background:#E4EBE2;padding:35px;display:grid;grid-template-columns:1fr 355px;gap:50px;align-items:center;border-radius:10px}.mobile-stage h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;margin-bottom:22px}.mobile-stage>div:first-child{padding:20px;max-width:540px}.mobile-stage p{color:#617163;font-size:14px;line-height:1.9}.phone{background:#FBFCFA;border:7px solid #24352B;border-radius:34px;padding:20px 19px;color:#24352B;box-shadow:0 20px 45px #20342817;min-height:600px}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:650;margin-bottom:30px}.phone h3{font-size:24px;font-weight:550;line-height:1.2;margin:12px 0 20px}.phone .badge{margin-bottom:14px}.phone-address{padding:16px 0;border-block:1px solid #DFE6DE;font-size:12px;margin-bottom:18px}.phone .task-row{font-size:11px}.phone .primary{width:100%;margin-top:24px}.phone-note{background:#EAF0E6;border-radius:7px;padding:12px;font-size:11px;line-height:1.8}.portal-summary{padding:32px;background:#E8EEF7;border-radius:10px;display:grid;grid-template-columns:1fr 190px;gap:35px;margin-bottom:24px}.portal-summary h2{font-size:25px;font-weight:500;margin:10px 0 16px}.portal-summary p{color:#536A87;font-size:12px}.portal-status{border-left:1px solid #CDD8E8;padding-left:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}.portal-status strong{font-size:34px;font-weight:500}.milestone{display:grid;grid-template-columns:30px 1fr auto;gap:13px;align-items:center;border-top:1px solid var(--line);padding:18px 22px;font-size:12px}.milestone small{display:block;margin-top:3px;font-size:10px}.milestone-number{color:var(--accent);font-variant-numeric:tabular-nums}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.folder{padding:23px;display:flex;align-items:center;gap:14px}.folder svg{width:36px;height:36px;color:var(--accent)}.folder small{display:block;font-size:10px;margin-top:4px}.messages{display:grid;grid-template-columns:290px 1fr;min-height:600px}.message-list{border-right:1px solid var(--line)}.message-item{display:block;padding:24px;border-bottom:1px solid var(--line);text-align:left;width:100%}.message-item.selected{background:var(--soft)}.message-item h3{font-size:13px;margin:5px 0}.message-item small{font-size:11px}.thread{display:flex;flex-direction:column;padding:28px}.thread h2{padding-bottom:23px;border-bottom:1px solid var(--line)}.bubble{max-width:80%;margin-top:28px;font-size:13px;line-height:1.9}.bubble p{background:var(--page);border-radius:8px;padding:15px 18px;margin-top:8px}.bubble.mine{margin-left:auto}.bubble.mine p{background:var(--soft)}.composer{margin-top:auto;padding-top:28px;display:flex;gap:12px}.composer input{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--surface);color:inherit;min-width:0}.request-list{display:grid;gap:14px}.request-line{padding:23px;display:grid;grid-template-columns:70px 1fr auto 120px;align-items:center;gap:20px}.request-line h3{margin-bottom:4px}.request-line small{font-size:11px}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172633;color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 12px 32px #0C18322A;font-size:12px;z-index:20}.notice:empty{display:none}dialog{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:12px;width:min(470px,92vw);padding:28px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#101E3460}dialog form{display:grid;gap:18px}dialog h2{margin-bottom:8px}dialog label{display:grid;gap:8px;font-size:12px}dialog input{border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--page);color:inherit}dialog .actions{justify-content:flex-end;margin-top:8px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.app-footer{margin-top:24px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.section-note{font-size:12px;color:var(--muted);max-width:65ch;margin-bottom:24px;line-height:1.8}.hidden{display:none!important}\n@media(max-width:1050px){.sidebar{padding-inline:12px}.shell{grid-template-columns:180px 1fr}.content{padding:25px}.topbar{padding-inline:25px}.grid-two{grid-template-columns:1fr 1fr}.workflow-layout{grid-template-columns:1fr}.settings-pane{display:block;border-left:0;border-top:1px solid var(--line);min-width:0}.workflow-board{min-height:600px}body[data-product=orbita] .sidebar{padding:20px;height:auto;gap:25px}body[data-product=orbita] .nav-group{flex-wrap:wrap;gap:0}body[data-product=orbita] .nav-group button{padding:5px 8px;font-size:11px}.product-board{gap:12px}.metrics{gap:10px}.metric{padding:15px}.data-table td,.data-table th{padding:14px 16px}}\n@media(max-width:760px){.shell{display:block}.sidebar{padding:18px 20px;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace,.sidebar-bottom{display:none}.product-brand{font-size:19px}.nav-group{display:flex;overflow-x:auto;gap:4px}.nav-group button{white-space:nowrap;padding:8px 10px;font-size:11px}.nav-group svg{display:none}.topbar{height:52px;padding:0 20px}.topbar-tools .search{display:none}.content{padding:24px 20px}.page-top{align-items:flex-start;gap:14px}.page-top h1{font-size:25px}.page-top p{font-size:11px;max-width:38ch}.actions{flex-wrap:wrap;gap:7px}.primary,.secondary{padding:9px 11px;font-size:11px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.metric strong{font-size:25px}.grid-two,.grid-equal,.billing-grid{grid-template-columns:1fr;gap:18px}.panel-head{padding:18px}.chart svg{height:170px}.pipeline{grid-template-columns:repeat(4,235px);overflow:auto;padding-bottom:15px}.pipeline-col{min-height:480px}.integration-grid{grid-template-columns:1fr 1fr;gap:12px}.integration{padding:18px;min-height:185px}.workflow-layout{min-height:650px}.workflow-board{overflow:auto;min-height:630px;padding:18px}.workflow-board svg.connections{min-width:740px}.workflow-node{width:175px}.node-0{left:20px;top:105px}.node-1{left:225px;top:105px}.node-2{left:225px;top:310px}.node-3{left:20px;top:455px}.node-4{left:430px;top:310px}body[data-product=orbita] .sidebar{display:block;padding:18px 20px}body[data-product=orbita] .nav-group{margin-top:15px;flex-wrap:nowrap}body[data-product=orbita] .content{padding:24px 20px}body[data-product=orbita] .topbar{padding:0 20px}.project-board{grid-template-columns:1fr}.orbita-welcome{display:block;padding:20px}.orbita-welcome .primary{margin-top:18px}.orbita-welcome h2{font-size:20px}.planner{grid-template-columns:105px repeat(5,145px);overflow:auto}.planner-cell{padding:10px}.planner{display:grid;max-width:100%;min-height:550px}.mobile-stage{display:block;padding:20px 0;background:transparent}.mobile-stage>div:first-child{padding:0;margin-bottom:30px}.mobile-stage h2{font-size:28px}.phone{max-width:355px;margin:auto;min-height:590px}.portal-summary{grid-template-columns:1fr;padding:22px;gap:20px}.portal-status{border-left:0;border-top:1px solid #CDD8E8;padding:18px 0 0;flex-direction:row;justify-content:space-between;align-items:center}.folder-grid{grid-template-columns:1fr}.messages{grid-template-columns:1fr}.message-list{display:flex;overflow:auto;border-bottom:1px solid var(--line);border-right:0}.message-item{min-width:210px;padding:16px}.thread{padding:20px;min-height:440px}.bubble{max-width:94%;font-size:12px}.request-line{grid-template-columns:1fr auto;gap:12px;padding:18px}.request-line>small{grid-column:1/-1}.request-line>span:first-child{display:none}.tabs{gap:18px;overflow:auto;white-space:nowrap}.app-footer{font-size:9px}.log-line{font-size:10px;gap:12px;padding:12px;overflow:auto;white-space:nowrap}}\n@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}\n\n.flow-picker{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;position:relative;z-index:2}.flow-picker select{background:#2E3548;color:#EDF1FF;border:1px solid #66718E;border-radius:6px;padding:9px;font:11px Manrope,Arial,sans-serif;max-width:260px}@media(max-width:650px){.flow-picker{align-items:start;flex-direction:column;gap:8px}.flow-picker select{max-width:100%}}\nhtml{scrollbar-width:none}html::-webkit-scrollbar{display:none}\n</style></head><body data-product=\"fluxio\" data-initial-screen=\"0\"><div id=\"product-root\"></div><script id=\"product-data\" type=\"application/json\">{\"p\":{\"slug\":\"fluxio\",\"name\":\"FLUXIO\",\"category\":\"ai\",\"color\":\"#A8B5FF\",\"categoryLabel\":{\"fr\":\"Automatisation / API\",\"en\":\"Automation / API\",\"ru\":\"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f / API\"},\"title\":{\"fr\":\"L\u2019automatisation au service de vos \u00e9quipes.\",\"en\":\"Let workflows do the repetitive work.\",\"ru\":\"\u041c\u0435\u043d\u044c\u0448\u0435 \u0440\u0443\u0447\u043d\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. \u0411\u043e\u043b\u044c\u0448\u0435 \u043f\u043e\u0440\u044f\u0434\u043a\u0430.\"},\"summary\":{\"fr\":\"Un \u00e9diteur de processus pour connecter les outils et suivre chaque ex\u00e9cution.\",\"en\":\"A workflow editor that connects tools and makes every run traceable.\",\"ru\":\"\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430.\"},\"challenge\":{\"fr\":\"Une demande re\u00e7ue doit \u00eatre v\u00e9rifi\u00e9e, enregistr\u00e9e puis transmise \u00e0 plusieurs outils. FLUXIO rend ces r\u00e8gles visibles et facilite le rep\u00e9rage d\u2019une ex\u00e9cution interrompue.\",\"en\":\"An incoming request needs validation, storage and delivery to several tools. FLUXIO makes those rules visible and helps identify an interrupted run.\",\"ru\":\"\u041e\u0434\u043d\u0443 \u0437\u0430\u044f\u0432\u043a\u0443 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c, \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0432 CRM \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u043e\u043b\u043b\u0435\u0433\u0430\u043c. FLUXIO \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0435\u0442 \u044d\u0442\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0432 \u043f\u043e\u043d\u044f\u0442\u043d\u0443\u044e \u0446\u0435\u043f\u043e\u0447\u043a\u0443 \u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u0441\u0431\u043e\u044f.\"},\"solution\":{\"fr\":\"Le constructeur s\u00e9pare d\u00e9clencheurs, conditions et actions. Un panneau explique les param\u00e8tres ; l\u2019historique et la supervision partagent les m\u00eames identifiants d\u2019ex\u00e9cution.\",\"en\":\"The builder separates triggers, conditions and actions. A settings panel explains each block; history and monitoring share the same run identifiers.\",\"ru\":\"\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. \u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u0435\u0441\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u2014 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0448\u0438\u0431\u043a\u0443 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0434\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0433\u0430, \u0430 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0451\u043d\u043d\u044b\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0432\u0438\u0434\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e.\"},\"architecture\":{\"fr\":\"Le constructeur s\u00e9pare d\u00e9clencheurs, conditions et actions. Un panneau explique les param\u00e8tres ; l\u2019historique et la supervision partagent les m\u00eames identifiants d\u2019ex\u00e9cution.\",\"en\":\"The builder separates triggers, conditions and actions. A settings panel explains each block; history and monitoring share the same run identifiers.\",\"ru\":\"\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. \u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u0435\u0441\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u2014 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0448\u0438\u0431\u043a\u0443 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0434\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0433\u0430, \u0430 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0451\u043d\u043d\u044b\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0432\u0438\u0434\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e.\"},\"screenNames\":[{\"fr\":\"\u00c9diteur de processus\",\"en\":\"Workflow builder\",\"ru\":\"\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432\"},{\"fr\":\"Int\u00e9grations\",\"en\":\"Integrations\",\"ru\":\"\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438\"},{\"fr\":\"Historique\",\"en\":\"Execution history\",\"ru\":\"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u0432\"},{\"fr\":\"Supervision\",\"en\":\"Monitoring\",\"ru\":\"\u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433\"}],\"features\":[{\"fr\":\"D\u00e9clencheurs et conditions\",\"en\":\"Triggers and conditions\",\"ru\":\"\u0421\u043e\u0431\u044b\u0442\u0438\u044f \u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\"},{\"fr\":\"Actions et param\u00e8tres\",\"en\":\"Actions and settings\",\"ru\":\"\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438\"},{\"fr\":\"Connexions aux services\",\"en\":\"Service connections\",\"ru\":\"\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432\"},{\"fr\":\"Historique et alertes\",\"en\":\"History and alerts\",\"ru\":\"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f\"}],\"serviceSlug\":\"web-development\",\"demo\":true,\"stack\":[\"HTML\",\"CSS\",\"JavaScript\",\"SVG\"],\"kind\":\"application\"},\"locale\":\"fr\"}</script><script>(()=>{'use strict';\nconst {p,locale:l}=JSON.parse(document.getElementById('product-data').textContent),root=document.getElementById('product-root');\nconst words={\nfr:{workspace:'Espace de travail',search:'Rechercher',welcome:'Bonjour, Camille',today:'Mardi 20 octobre',add:'Ajouter',cancel:'Annuler',save:'Enregistrer',name:'Nom',email:'Adresse email',status:'\u00c9tat',owner:'Responsable',value:'Montant',date:'Date',company:'Entreprise',active:'En cours',done:'Termin\u00e9',pending:'\u00c0 valider',new:'Nouveau',total:'Total',period:'Ce mois-ci',month:'Octobre',year:'2026',view:'Voir le d\u00e9tail',clients:'Clients actifs',revenue:'Chiffre d\u2019affaires',opportunities:'Opportunit\u00e9s ouvertes',conversion:'Taux de conversion',sales:'Activit\u00e9 commerciale',target:'Objectif',actual:'R\u00e9alis\u00e9',tasks:'Prochaines actions',all:'Tous',contact:'Contact',role:'R\u00f4le',contacts:'Contacts',reports:'Rapports',settings:'Param\u00e8tres',notifications:'Notifications',connected:'Connect\u00e9',connect:'Connecter',disconnect:'D\u00e9connecter',run:'Tester le processus',history:'Historique',duration:'Dur\u00e9e',result:'R\u00e9sultat',runs:'Ex\u00e9cutions',success:'R\u00e9ussite',errors:'Erreurs',workflow:'Qualification des demandes',trigger:'R\u00e9ception du formulaire',validate:'V\u00e9rifier les champs',create:'Cr\u00e9er un contact CRM',notify:'Notifier l\u2019\u00e9quipe',review:'Validation manuelle',triggerNote:'\u00c0 chaque nouvelle demande',validateNote:'Email et entreprise pr\u00e9sents',createNote:'NEXORA \u00b7 Fiche client',notifyNote:'Notification interne',reviewNote:'Donn\u00e9es incompl\u00e8tes',block:'Configuration du bloc',field:'Champ \u00e0 v\u00e9rifier',condition:'Condition',required:'Est renseign\u00e9',fieldHint:'La demande continue uniquement si les informations requises sont pr\u00e9sentes.',runDone:'Test termin\u00e9 : les quatre \u00e9tapes ont \u00e9t\u00e9 ex\u00e9cut\u00e9es localement.',saved:'Modification enregistr\u00e9e dans cet aper\u00e7u.',projects:'Projets actifs',members:'Membres',complete:'T\u00e2ches termin\u00e9es',delivery:'Prochaine livraison',week:'Cette semaine',activity:'Activit\u00e9 de l\u2019espace',capacity:'Charge de l\u2019\u00e9quipe',progress:'Avancement',project:'Projet',invite:'Inviter un membre',admin:'Administrateur',editor:'\u00c9diteur',viewer:'Lecture seule',plan:'Votre abonnement',billing:'Documents de facturation',download:'Exporter CSV',storage:'Stockage utilis\u00e9',schedule:'Planning de la semaine',job:'Intervention',technician:'Technicien',location:'Lieu',priority:'Priorit\u00e9',high:'Haute',normal:'Normale',assigned:'Affect\u00e9',available:'Disponible',away:'Sur le terrain',jobs:'Interventions',checklist:'Liste de v\u00e9rification',mobileTitle:'Tout ce qu\u2019il faut, sur le terrain.',mobileBody:'L\u2019adresse, les consignes et le compte rendu restent accessibles depuis le m\u00eame dossier. Le bureau retrouve les changements de statut dans le planning.',start:'D\u00e9marrer l\u2019intervention',finish:'Terminer l\u2019intervention',jobStarted:'Intervention d\u00e9marr\u00e9e',jobFinished:'Compte rendu enregistr\u00e9',instructions:'V\u00e9rifier la pression et contr\u00f4ler le fonctionnement apr\u00e8s intervention.',documents:'Documents',messages:'Messages',requests:'Demandes',approval:'Validations attendues',next:'Prochaine \u00e9tape',milestones:'Les \u00e9tapes de votre projet',files:'Fichiers r\u00e9cents',folder:'Dossier',updated:'Modifi\u00e9 le',size:'Taille',send:'Envoyer',message:'Votre message',design:'\u00c9crans et parcours',contract:'Documents de projet',technical:'Dossier technique',meeting:'Point d\u2019avancement',messageBody:'Les \u00e9crans r\u00e9vis\u00e9s sont pr\u00eats. Pouvez-vous v\u00e9rifier le parcours de demande avant notre prochain \u00e9change ?',messageReply:'Merci, nous avons ajout\u00e9 nos remarques dans le document partag\u00e9.',requestTitle:'Validation du parcours de demande',requestDescription:'V\u00e9rifier les champs et les textes avant int\u00e9gration.',permissions:'Permissions',subscriptions:'Abonnements',integrations:'Int\u00e9grations',triggers:'D\u00e9clencheurs',actions:'Actions',calendar:'Calendrier',account:'Compte',online:'Espace personnel',records:'\u00e9l\u00e9ments',noResults:'Aucun \u00e9l\u00e9ment ne correspond \u00e0 cette recherche.',close:'Fermer',readDoc:'Consulter le document',documentBody:'Structure du projet : pr\u00e9sentation, parcours principal, crit\u00e8res de validation et prochaines \u00e9tapes. Ce document peut \u00eatre consult\u00e9 dans cet espace.',draft:'Brouillon',sent:'Envoy\u00e9',paid:'R\u00e9gl\u00e9',report:'Rapport',team:'\u00c9quipe',queue:'\u00c0 traiter',enabled:'Activ\u00e9',disabled:'D\u00e9sactiv\u00e9'},\nen:{workspace:'Workspace',search:'Search',welcome:'Good morning, Camille',today:'Tuesday, 20 October',add:'Add',cancel:'Cancel',save:'Save changes',name:'Name',email:'Email address',status:'Status',owner:'Owner',value:'Value',date:'Date',company:'Company',active:'In progress',done:'Completed',pending:'Needs review',new:'New',total:'Total',period:'This month',month:'October',year:'2026',view:'View details',clients:'Active clients',revenue:'Revenue',opportunities:'Open opportunities',conversion:'Conversion rate',sales:'Sales activity',target:'Target',actual:'Actual',tasks:'Next actions',all:'All',contact:'Contact',role:'Role',contacts:'Contacts',reports:'Reports',settings:'Settings',notifications:'Notifications',connected:'Connected',connect:'Connect',disconnect:'Disconnect',run:'Test workflow',history:'History',duration:'Duration',result:'Result',runs:'Executions',success:'Success rate',errors:'Errors',workflow:'Incoming request qualification',trigger:'Receive form',validate:'Validate fields',create:'Create CRM contact',notify:'Notify team',review:'Manual review',triggerNote:'Every new request',validateNote:'Email and company present',createNote:'NEXORA \u00b7 Client record',notifyNote:'Internal notification',reviewNote:'Incomplete information',block:'Block settings',field:'Field to validate',condition:'Condition',required:'Is present',fieldHint:'The request continues only when all required information is present.',runDone:'Test complete: all four steps ran locally.',saved:'Change saved in this preview.',projects:'Active projects',members:'Members',complete:'Completed tasks',delivery:'Next delivery',week:'This week',activity:'Workspace activity',capacity:'Team capacity',progress:'Progress',project:'Project',invite:'Invite member',admin:'Administrator',editor:'Editor',viewer:'Read only',plan:'Your plan',billing:'Billing documents',download:'Export CSV',storage:'Storage used',schedule:'Weekly schedule',job:'Job',technician:'Technician',location:'Location',priority:'Priority',high:'High',normal:'Normal',assigned:'Assigned',available:'Available',away:'In the field',jobs:'Jobs',checklist:'Checklist',mobileTitle:'Everything you need, in the field.',mobileBody:'Address, instructions and reporting stay with the same job record. The office sees status changes in the shared schedule.',start:'Start job',finish:'Complete job',jobStarted:'Job started',jobFinished:'Job report saved',instructions:'Check pressure and verify operation after the intervention.',documents:'Documents',messages:'Messages',requests:'Requests',approval:'Awaiting approval',next:'Next step',milestones:'Your project milestones',files:'Recent files',folder:'Folder',updated:'Updated',size:'Size',send:'Send',message:'Your message',design:'Screens and journeys',contract:'Project documents',technical:'Technical documentation',meeting:'Progress review',messageBody:'The revised screens are ready. Could you review the request journey before our next meeting?',messageReply:'Thank you. We have added our comments to the shared document.',requestTitle:'Approve the request journey',requestDescription:'Review fields and content before implementation.',permissions:'Permissions',subscriptions:'Subscriptions',integrations:'Integrations',triggers:'Triggers',actions:'Actions',calendar:'Calendar',account:'Account',online:'Personal workspace',records:'records',noResults:'No records match this search.',close:'Close',readDoc:'Read document',documentBody:'Project structure: overview, primary workflow, acceptance criteria and next steps. You can read this document in the workspace.',draft:'Draft',sent:'Sent',paid:'Paid',report:'Report',team:'Team',queue:'To review',enabled:'Enabled',disabled:'Disabled'},\nru:{workspace:'\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e',search:'\u041f\u043e\u0438\u0441\u043a',welcome:'\u0414\u043e\u0431\u0440\u043e\u0435 \u0443\u0442\u0440\u043e, \u041a\u0430\u043c\u0438\u043b\u044c',today:'\u0412\u0442\u043e\u0440\u043d\u0438\u043a, 20 \u043e\u043a\u0442\u044f\u0431\u0440\u044f',add:'\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c',cancel:'\u041e\u0442\u043c\u0435\u043d\u0430',save:'\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c',name:'\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435',email:'\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430',status:'\u0421\u0442\u0430\u0442\u0443\u0441',owner:'\u041e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439',value:'\u0421\u0443\u043c\u043c\u0430',date:'\u0414\u0430\u0442\u0430',company:'\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',active:'\u0412 \u0440\u0430\u0431\u043e\u0442\u0435',done:'\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e',pending:'\u041d\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0438',new:'\u041d\u043e\u0432\u043e\u0435',total:'\u0418\u0442\u043e\u0433\u043e',period:'\u042d\u0442\u043e\u0442 \u043c\u0435\u0441\u044f\u0446',month:'\u041e\u043a\u0442\u044f\u0431\u0440\u044c',year:'2026',view:'\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435',clients:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u044b',revenue:'\u0412\u044b\u0440\u0443\u0447\u043a\u0430',opportunities:'\u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0441\u0434\u0435\u043b\u043a\u0438',conversion:'\u041a\u043e\u043d\u0432\u0435\u0440\u0441\u0438\u044f',sales:'\u0414\u0438\u043d\u0430\u043c\u0438\u043a\u0430 \u043f\u0440\u043e\u0434\u0430\u0436',target:'\u041f\u043b\u0430\u043d',actual:'\u0424\u0430\u043a\u0442',tasks:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f',all:'\u0412\u0441\u0435',contact:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442',role:'\u0420\u043e\u043b\u044c',contacts:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b',reports:'\u041e\u0442\u0447\u0451\u0442\u044b',settings:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438',notifications:'\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f',connected:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e',connect:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c',disconnect:'\u041e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c',run:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441',history:'\u0418\u0441\u0442\u043e\u0440\u0438\u044f',duration:'\u0414\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c',result:'\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442',runs:'\u0417\u0430\u043f\u0443\u0441\u043a\u0438',success:'\u0423\u0441\u043f\u0435\u0448\u043d\u044b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0438',errors:'\u041e\u0448\u0438\u0431\u043a\u0438',workflow:'\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0435\u0439 \u0437\u0430\u044f\u0432\u043a\u0438',trigger:'\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u043e\u0440\u043c\u0443',validate:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f',create:'\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0432 CRM',notify:'\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u0443',review:'\u0420\u0443\u0447\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430',triggerNote:'\u041f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043d\u043e\u0432\u043e\u0439 \u0437\u0430\u044f\u0432\u043a\u0435',validateNote:'\u0423\u043a\u0430\u0437\u0430\u043d\u044b \u043f\u043e\u0447\u0442\u0430 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',createNote:'NEXORA \u00b7 \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430',notifyNote:'\u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435',reviewNote:'\u041d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439',block:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0431\u043b\u043e\u043a\u0430',field:'\u041f\u043e\u043b\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438',condition:'\u0423\u0441\u043b\u043e\u0432\u0438\u0435',required:'\u0417\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043e',fieldHint:'\u0417\u0430\u044f\u0432\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u0434\u0430\u043b\u044c\u0448\u0435, \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f.',runDone:'\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0430: \u0447\u0435\u0442\u044b\u0440\u0435 \u0448\u0430\u0433\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e.',saved:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043e \u0432 \u044d\u0442\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435.',projects:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b',members:'\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438',complete:'\u0417\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438',delivery:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0439 \u0432\u044b\u043f\u0443\u0441\u043a',week:'\u042d\u0442\u0430 \u043d\u0435\u0434\u0435\u043b\u044f',activity:'\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u044b',capacity:'\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b',progress:'\u0413\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c',project:'\u041f\u0440\u043e\u0435\u043a\u0442',invite:'\u041f\u0440\u0438\u0433\u043b\u0430\u0441\u0438\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430',admin:'\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440',editor:'\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440',viewer:'\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440',plan:'\u0412\u0430\u0448 \u0442\u0430\u0440\u0438\u0444',billing:'\u0421\u0447\u0435\u0442\u0430 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',download:'\u042d\u043a\u0441\u043f\u043e\u0440\u0442 CSV',storage:'\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430',schedule:'\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u043d\u0435\u0434\u0435\u043b\u044e',job:'\u0417\u0430\u0434\u0430\u043d\u0438\u0435',technician:'\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442',location:'\u0410\u0434\u0440\u0435\u0441',priority:'\u041f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442',high:'\u0412\u044b\u0441\u043e\u043a\u0438\u0439',normal:'\u041e\u0431\u044b\u0447\u043d\u044b\u0439',assigned:'\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e',available:'\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d',away:'\u041d\u0430 \u0432\u044b\u0435\u0437\u0434\u0435',jobs:'\u0417\u0430\u0434\u0430\u043d\u0438\u044f',checklist:'\u0421\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a',mobileTitle:'\u0412\u0441\u0451 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u2014 \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0439.',mobileBody:'\u0410\u0434\u0440\u0435\u0441, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0438 \u043e\u0442\u0447\u0451\u0442 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u0437\u0430\u0434\u0430\u043d\u0438\u0438. \u0414\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440 \u0432\u0438\u0434\u0438\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0432 \u043e\u0431\u0449\u0435\u043c \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0438.',start:'\u041d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',finish:'\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',jobStarted:'\u0420\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0447\u0430\u0442\u0430',jobFinished:'\u041e\u0442\u0447\u0451\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d',instructions:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f.',documents:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',messages:'\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f',requests:'\u0417\u0430\u043f\u0440\u043e\u0441\u044b',approval:'\u041e\u0436\u0438\u0434\u0430\u044e\u0442 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f',next:'\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u044d\u0442\u0430\u043f',milestones:'\u042d\u0442\u0430\u043f\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430',files:'\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u044b',folder:'\u041f\u0430\u043f\u043a\u0430',updated:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e',size:'\u0420\u0430\u0437\u043c\u0435\u0440',send:'\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c',message:'\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435',design:'\u042d\u043a\u0440\u0430\u043d\u044b \u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438',contract:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430',technical:'\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f',meeting:'\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430',messageBody:'\u041e\u0431\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u044b\u0435 \u044d\u043a\u0440\u0430\u043d\u044b \u0433\u043e\u0442\u043e\u0432\u044b. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0437\u0430\u044f\u0432\u043a\u0438 \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0432\u0441\u0442\u0440\u0435\u0447\u0438.',messageReply:'\u0421\u043f\u0430\u0441\u0438\u0431\u043e. \u0414\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u044f \u0432 \u043e\u0431\u0449\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442.',requestTitle:'\u0421\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f \u0437\u0430\u044f\u0432\u043a\u0438',requestDescription:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f \u0438 \u0442\u0435\u043a\u0441\u0442\u044b \u043f\u0435\u0440\u0435\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439.',permissions:'\u041f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430',subscriptions:'\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0438',integrations:'\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438',triggers:'\u0421\u043e\u0431\u044b\u0442\u0438\u044f',actions:'\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f',calendar:'\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c',account:'\u0410\u043a\u043a\u0430\u0443\u043d\u0442',online:'\u041b\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0431\u0438\u043d\u0435\u0442',records:'\u0437\u0430\u043f\u0438\u0441\u0435\u0439',noResults:'\u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e.',close:'\u0417\u0430\u043a\u0440\u044b\u0442\u044c',readDoc:'\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442',documentBody:'\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439, \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438. \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.',draft:'\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a',sent:'\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e',paid:'\u041e\u043f\u043b\u0430\u0447\u0435\u043d\u043e',report:'\u041e\u0442\u0447\u0451\u0442',team:'\u041a\u043e\u043c\u0430\u043d\u0434\u0430',queue:'\u041a \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0435',enabled:'\u0412\u043a\u043b\u044e\u0447\u0435\u043d\u043e',disabled:'\u0412\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u043e'}\n};const w=words[l],money=n=>new Intl.NumberFormat(l,{style:'currency',currency:'EUR',maximumFractionDigits:0}).format(n),esc=s=>String(s).replace(/[&<>\"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\nconst icon=(kind=0)=>`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" stroke=\"currentColor\" stroke-width=\"1.5\">${['<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>','<circle cx=\"9\" cy=\"8\" r=\"3\"/><path d=\"M3 21v-3a6 6 0 0 1 12 0v3M17 5a3 3 0 0 1 0 6m1 3a5 5 0 0 1 3 4v3\"/>','<path d=\"M4 4v16h16M8 15l4-5 4 2 5-8\"/>','<rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"/><path d=\"M8 8h8m-8 4h8m-8 4h5\"/>'][kind%4]}</svg>`;\nconst badge=(s,other=false)=>`<span class=\"badge${other?' pending':''}\">${esc(s)}</span>`,avatar=(s='CM')=>`<span class=\"avatar\">${s}</span>`;\nconst local=(fr,en,ru)=>({fr,en,ru})[l];\nconst extra={nexora:[w.contacts,w.tasks,w.reports,w.opportunities],fluxio:[w.triggers,w.actions,w.notifications],orbita:[w.subscriptions,w.permissions,w.settings,local('Analyse','Analytics','\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430')],terralink:[w.clients,w.reports,w.calendar],clarity:[w.projects,w.notifications,w.account]};\nconst names=[...p.screenNames.map(x=>x[l]),...extra[p.slug]],clients=['Atelier Nord','Maison Ardent','Bureau Solis','Octave Services','Studio Rivage','Nova \u00c9nergie','Alto Conseil'],people=['Camille Martin','Alex Laurent','Sarah Bernard','Louis Moreau','Nina Robert'];\nlet view=Number(new URLSearchParams(location.search).get('screen')||location.hash.slice(1)||document.body.dataset.initialScreen||0),selectedNode=1,toastTimer;\nif(!Number.isInteger(view)||view<0||view>=names.length)view=0;\nlet state;try{state=JSON.parse(localStorage.getItem('veylonic-'+p.slug)||'{}')}catch{state={}}state.records??=[];state.messages??=[];state.connections??={};state.nodeConfig??={};\nconst persist=()=>{try{localStorage.setItem('veylonic-'+p.slug,JSON.stringify(state))}catch{}};\nfunction notify(s=w.saved){const n=document.getElementById('notice');n.textContent=s;clearTimeout(toastTimer);toastTimer=setTimeout(()=>n.textContent='',3500)}\nfunction table(head,rows){return `<div class=\"table-wrap\"><table class=\"data-table\"><thead><tr>${head.map(x=>`<th scope=\"col\">${x}</th>`).join('')}</tr></thead><tbody>${rows.map(r=>`<tr>${r.map(c=>`<td>${c}</td>`).join('')}</tr>`).join('')}</tbody></table></div>`}\nfunction metric(label,value,note){return `<div class=\"metric\"><small>${label}</small><strong>${value}</strong><small>${note||w.period}</small></div>`}\nfunction chart(bar=false){return `<div class=\"chart\"><div class=\"chart-legend\"><span><i class=\"legend-dot\"></i>${w.actual}</span><span>${w.target}</span></div><svg viewBox=\"0 0 650 200\" role=\"img\" aria-label=\"${w.activity}\"><path d=\"M25 15H630M25 60H630M25 105H630M25 150H630\" stroke=\"var(--line)\"/>${bar?Array.from({length:12},(_,i)=>`<rect x=\"${38+i*48}\" y=\"${145-[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" width=\"17\" height=\"${[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" fill=\"var(--accent)\" rx=\"3\"/><rect x=\"${57+i*48}\" y=\"${145-[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" width=\"11\" height=\"${[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" fill=\"var(--soft)\" rx=\"2\"/>`).join(''):'<path d=\"M25 139C60 137 70 103 112 116S173 80 210 95S261 55 300 73S350 48 390 56S443 25 482 40S535 23 568 30S607 9 630 15\" stroke=\"var(--accent)\" stroke-width=\"2.5\" fill=\"none\"/><path d=\"M25 146 112 137 210 120 300 105 390 93 482 75 568 67 630 50\" stroke=\"var(--muted)\" stroke-width=\"1\" stroke-dasharray=\"4 5\" fill=\"none\"/>'}${[0,1,2,3,4,5,6].map(i=>`<text x=\"${25+i*100}\" y=\"183\">${String(1+i*4).padStart(2,'0')} ${w.month.slice(0,3)}</text>`).join('')}</svg></div>`}\nconst panel=(title,body,meta=w.period)=>`<section class=\"panel\"><div class=\"panel-head\"><h2>${title}</h2><small>${meta}</small></div>${body}</section>`;\nfunction tasks(){return `<div class=\"task-list\">${[w.meeting,w.requestTitle,w.report,w.documents].map((x,i)=>`<label class=\"task-row\"><input type=\"checkbox\" data-task=\"${i}\" ${state['task'+i]?'checked':''}><span>${x}<br><small>${[10,11,14,16][i]}:30 \u00b7 ${clients[i]}</small></span>${avatar(['CM','AL','SB','LM'][i])}</label>`).join('')}</div>`}\nfunction clientTable(contacts=false){const rows=[...clients,...state.records].map((c,i)=>[`${esc(c)}<small>${contacts?esc(people[i%5]):'CL-'+(1200+i)}</small>`,contacts?esc(people[i%5].toLowerCase().replaceAll(' ','.')+'@example.com'):esc(people[i%5]),badge(i%3===0?w.pending:w.active,i%3===0),money(4500+i*1250),`<button data-detail=\"${esc(c)}\">${w.view}</button>`]);return `<div class=\"panel\"><div class=\"list-toolbar\"><select aria-label=\"${w.status}\" data-filter><option value=\"all\">${w.all}</option><option>${w.active}</option><option>${w.pending}</option></select><span class=\"badge\">${rows.length} ${w.records}</span></div>${table([w.company,contacts?w.email:w.owner,w.status,w.value,''],rows)}<div class=\"list-footer\"><span>1\u2013${rows.length} / ${rows.length}</span><span>25 / page</span></div></div>`}\nfunction nexora(){if(view===7)return panel(w.opportunities,table([w.company,w.owner,w.value,w.status,w.date],clients.map((c,i)=>[c,people[i%5],money(3600+i*1700),badge([w.new,w.active,w.pending][i%3],i%3===2),'28.10.2026'])));if(view===6)return `<div class=\"metrics\">${metric(w.revenue,money(48250))}${metric(w.conversion,'32,4%')}${metric(w.opportunities,'24')}${metric(w.clients,'86')}</div>${panel(w.sales,chart())}${panel(w.reports,table([w.month,w.revenue,w.opportunities,w.conversion],[0,1,2].map((n)=>[['08 / 2026','09 / 2026','10 / 2026'][n],money(39000+n*4600),String(18+n*3),String(27+n*2.7).slice(0,4)+'%'])))} `;if(view===1||view===4)return clientTable(view===4);if(view===2)return `<div class=\"pipeline\">${[w.new,w.active,w.pending,w.done].map((s,i)=>`<section class=\"pipeline-col\"><div class=\"pipeline-head\"><span>${s}</span><span>${[3,2,2,1][i]}</span></div><small>${money([19400,27200,15750,8400][i])}</small>${[0,1,...(i===0?[2]:[])].map((_,j)=>`<article class=\"deal\"><p>${clients[(i+j)%7]}</p><small>${[w.project,w.contract,w.technical][j%3]}</small><strong>${money(3400+i*1800+j*900)}</strong><div class=\"deal-footer\"><small>24 ${w.month.slice(0,3)}</small>${avatar(['CM','AL','SB'][j%3])}</div></article>`).join('')}</section>`).join('')}</div>`;if(view===3)return panel(w.total,table([w.name,w.company,w.value,w.status,w.date],clients.slice(0,6).map((c,i)=>['DEV-2026-'+(121+i),c,money(2500+i*1200),badge([w.draft,w.sent,w.paid][i%3],i%3===0),'18.10.2026'])));if(view===5)return panel(w.tasks,tasks(),w.today);return `<div class=\"metrics\">${metric(w.revenue,money(48250),'+12,8% \u00b7 '+w.period)}${metric(w.opportunities,'24',money(116800))}${metric(w.clients,'86','+6 \u00b7 '+w.period)}${metric(w.conversion,'32,4%','+3,2 pts')}</div><div class=\"grid-two\">${panel(w.sales,chart())}${panel(w.tasks,tasks(),w.today)}</div>${panel(w.opportunities,table([w.company,w.owner,w.value,w.status],clients.slice(0,3).map((c,i)=>[c,people[i],money(7200+i*1800),badge(i===1?w.pending:w.active,i===1)])))}`}\nfunction workflow(){const config=state.nodeConfig[(state.flow||'lead')+':'+selectedNode]||{field:'email',condition:w.required};const alternate=state.flow==='invoice',nodes=alternate?[local('Recevoir la facture','Receive invoice','\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0447\u0451\u0442'),local('V\u00e9rifier le montant','Check amount','\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0441\u0443\u043c\u043c\u0443'),local('Cr\u00e9er le document','Create document','\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442'),w.review,local('Notifier la comptabilit\u00e9','Notify accounting','\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0438\u044e')]:[w.trigger,w.validate,w.create,w.review,w.notify],notes=alternate?['Webhook / Invoice','total > 0','Storage / JSON',w.reviewNote,'Email / Finance']:[w.triggerNote,w.validateNote,w.createNote,w.reviewNote,w.notifyNote];return `<div class=\"workflow-layout\"><div class=\"workflow-board\"><label class=\"flow-picker\">${w.workflow}<select data-flow aria-label=\"${local('Choisir le processus','Choose workflow','\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441')}\"><option value=\"lead\" ${state.flow!=='invoice'?'selected':''}>${w.workflow}</option><option value=\"invoice\" ${state.flow==='invoice'?'selected':''}>${local('Validation de facture','Invoice approval','\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0441\u0447\u0451\u0442\u0430')}</option></select></label><svg class=\"connections\" viewBox=\"0 0 800 635\" preserveAspectRatio=\"none\"><path d=\"M200 154H345M443 195V320M443 407V495H185M540 365H610\" stroke=\"#8A97C5\" stroke-width=\"1.5\" fill=\"none\"/><circle cx=\"200\" cy=\"154\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"443\" cy=\"320\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"610\" cy=\"365\" r=\"4\" fill=\"#A8B5FF\"/></svg>${nodes.map((n,i)=>`<button class=\"workflow-node node-${i}${selectedNode===i?' selected':''}\" data-node=\"${i}\"><span class=\"node-type\"><span class=\"node-icon\">${['01','02','03','05','04'][i]}</span>${n}</span><small>${notes[i]}</small></button>`).join('')}<span class=\"flow-caption\">100% \u00b7 ${w.workspace}</span></div><aside class=\"settings-pane\"><small>${w.block}</small><h2 style=\"margin-top:14px\">${nodes[selectedNode]}</h2><label>${w.field}<select data-node-field>${['email','company','request_id'].map(field=>`<option ${config.field===field?'selected':''}>${field}</option>`).join('')}</select></label><label>${w.condition}<input data-node-condition value=\"${esc(config.condition)}\" aria-label=\"${w.condition}\"></label><p>${w.fieldHint}</p><button class=\"primary\" data-save style=\"margin-top:28px\">${w.save}</button></aside></div>`}\nfunction fluxio(){if(view===0)return workflow();if(view===1)return `<p class=\"section-note\">${w.integrations} / ${w.workspace}</p><div class=\"integration-grid\">${['NEXORA CRM','Email / SMTP','Webhook API','PostgreSQL','ORBITA','Storage API'].map((x,i)=>{const on=state.connections[i]??i<4;return `<article class=\"panel integration\"><div class=\"integration-symbol\">${['N','@','{}','DB','O','S'][i]}</div><h3>${x}</h3><small>${['CRM','SMTP','REST / JSON','SQL','SaaS','Documents'][i]}</small><div style=\"display:flex;justify-content:space-between;align-items:center\">${badge(on?w.connected:w.disabled,!on)}<button data-connect=\"${i}\" style=\"margin-top:18px;font-size:11px\">${on?w.disconnect:w.connect}</button></div></article>`}).join('')}</div>`;if(view===2)return panel(w.history,table(['ID',w.name,w.status,w.duration,w.date],Array.from({length:8},(_,i)=>['EX-'+(2048-i),w.workflow,badge(i===3?w.errors:w.done,i===3),[248,312,276,504,192,281,324,297][i]+' ms','20.10 \u00b7 '+(14-i)+':24'])));if(view===4)return panel(w.triggers,table([w.name,w.condition,w.status],[['Webhook API','POST / request',badge(w.enabled)],[local('Planification','Schedule','\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435'),'Every day / 09:00',badge(w.enabled)],[local('Lancement manuel','Manual run','\u0420\u0443\u0447\u043d\u043e\u0439 \u0437\u0430\u043f\u0443\u0441\u043a'),'On demand',badge(w.enabled)]]));if(view===5)return panel(w.actions,table([w.name,w.condition,w.status],[[w.create,'NEXORA / Client',badge(w.enabled)],[w.notify,'Email / Team',badge(w.enabled)],[w.review,'Approval / Owner',badge(w.enabled)]]));if(view===6)return panel(w.notifications,table([w.name,w.result,w.date],[[w.errors,'EX-2045 / Validate','20.10 \u00b7 11:24'],[w.done,'EX-2048 / Notify','20.10 \u00b7 14:24']]));return `<div class=\"metrics\">${metric(w.runs,'2 048')}${metric(w.success,'99,7%')}${metric(w.duration,'284 ms')}${metric(w.errors,'6')}</div><div class=\"grid-two\">${panel(w.runs,chart(true))}${panel(w.integrations,table([w.name,w.status],[['Webhook API',badge(w.connected)],['NEXORA CRM',badge(w.connected)],['Email / SMTP',badge(w.connected)]]))}</div>${panel(w.history,[['14:24:03','EX-2048',w.trigger],['14:24:03','EX-2048',w.validate],['14:24:04','EX-2048',w.create],['14:24:04','EX-2048',w.done]].map(r=>`<div class=\"log-line\"><time>${r[0]}</time><span>${r[1]}</span><span>${r[2]}</span></div>`).join(''))}`}\nfunction members(){return panel(w.members,table([w.name,w.email,w.role,w.status],people.map((n,i)=>[`${avatar(n.split(' ').map(x=>x[0]).join(''))} ${n}`,n.toLowerCase().replaceAll(' ','.')+'@example.com',`<select aria-label=\"${w.role} ${n}\" data-role><option>${i===0?w.admin:w.editor}</option><option>${w.viewer}</option></select>`,badge(w.active)])))}\nfunction projectBoard(){return `<div class=\"project-board\">${[w.online,w.technical,w.integrations,w.design,w.reports,w.requests].map((x,i)=>`<article class=\"panel project-tile\"><div style=\"display:flex;justify-content:space-between\"><h3>${x}</h3>${badge(i===3?w.pending:w.active,i===3)}</div><small>${clients[i%7]}</small><p style=\"font-size:12px;color:var(--muted)\">${w.next} \u00b7 ${[w.design,w.documents,w.meeting][i%3]}</p><div class=\"progress-line\"><span style=\"width:${[72,48,86,35,62,91][i]}%\"></span></div><small>${w.progress} \u00b7 ${[72,48,86,35,62,91][i]}%</small><div class=\"tile-footer\"><div class=\"avatars\">${avatar('CM')}${avatar('AL')}${avatar('SB')}</div><small>28 ${w.month.slice(0,3)}</small></div></article>`).join('')}</div>`}\nfunction orbita(){if(view===7)return `<div class=\"metrics\">${metric(w.projects,'8')}${metric(w.complete,'124 / 156')}${metric(w.members,'12')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.progress,chart())}</div>${panel(w.reports,table([w.project,w.progress,w.owner,w.delivery],[[w.online,'72%',people[0],'28.10.2026'],[w.integrations,'86%',people[1],'30.10.2026'],[w.technical,'48%',people[2],'04.11.2026']]))}`;if(view===1)return projectBoard();if(view===2||view===5)return members();if(view===3||view===4)return `<div class=\"billing-grid\"><div class=\"panel plan-summary\"><small>${w.plan}</small><h2 style=\"margin-top:14px\">Business</h2><strong>${money(149)}<small> / ${w.month.toLowerCase()}</small></strong><p>12 ${w.members.toLowerCase()} \u00b7 100 GB</p>${badge(w.active)}</div><div class=\"panel plan-summary\"><h2>${w.storage}</h2><strong>24,8 <small>/ 100 GB</small></strong><div class=\"progress-line\"><span style=\"width:25%\"></span></div><p>${w.members}: 12 / 20</p></div></div>${panel(w.billing,table([w.name,w.date,w.value,w.status],['10','09','08','07'].map(m=>['INV-2026-'+m,'01.'+m+'.2026',money(149),badge(w.paid)])))}`;if(view===6)return settings();return `<div class=\"orbita-welcome\"><div><h2>${w.welcome}.</h2><p>${w.delivery}: ${w.online} \u00b7 28 ${w.month.toLowerCase()}. 3 ${w.requests.toLowerCase()} \u00b7 ${w.pending.toLowerCase()}.</p></div><button class=\"primary\" data-view=\"1\">${w.projects}</button></div><div class=\"metrics\">${metric(w.projects,'8')}${metric(w.members,'12')}${metric(w.complete,'124 / 156')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.capacity,people.slice(0,4).map((n,i)=>`<div style=\"padding:12px 22px\">${avatar(n.split(' ').map(x=>x[0]).join(''))} <small>${n}</small><div class=\"progress-line\"><span style=\"width:${[76,62,88,54][i]}%\"></span></div></div>`).join(''))}</div>${panel(w.projects,table([w.project,w.owner,w.progress,w.delivery],[[w.online,'Camille Martin','72%','28.10.2026'],[w.integrations,'Alex Laurent','86%','30.10.2026']]))}`}\nfunction settings(){return `<div class=\"panel plan-summary\"><h2>${w.settings}</h2><div style=\"margin-top:22px;display:grid;gap:20px\">${[w.notifications,w.reports,w.permissions].map((x,i)=>`<label style=\"display:flex;gap:14px;align-items:center\"><input type=\"checkbox\" data-setting=\"${i}\" ${state['setting'+i]!==false?'checked':''}>${x}</label>`).join('')}<label>${w.name}<input class=\"search\" value=\"Camille Martin\" aria-label=\"${w.name}\"></label><button class=\"primary\" style=\"width:max-content\" data-save>${w.save}</button></div></div>`}\nfunction render(){const action=p.slug==='fluxio'?w.run:p.slug==='orbita'&&view===2?w.invite:w.add;root.innerHTML=`<div class=\"shell\"><aside class=\"sidebar\"><a class=\"product-brand\" href=\"#0\"><span class=\"product-mark\">${p.name[0]}</span>${p.name}</a><div class=\"workspace\">${w.workspace}<span>01</span></div><nav class=\"nav-group\" aria-label=\"${w.workspace}\">${names.map((n,i)=>`<button data-view=\"${i}\" ${i===view?'aria-current=\"page\"':''}>${icon(i)}<span>${n}</span></button>`).join('')}</nav><div class=\"sidebar-bottom\"><small>${p.name} / ${w.online}</small><div class=\"account\">${avatar()}<div>Camille Martin<small style=\"display:block\">${w.admin}</small></div></div></div></aside><main class=\"main\"><header class=\"topbar\"><span class=\"topbar-label\">${p.name} / ${names[view]}</span><div class=\"topbar-tools\"><input class=\"search\" type=\"search\" aria-label=\"${w.search}\" placeholder=\"${w.search}\">${avatar()}</div></header><div class=\"content\"><div class=\"page-top\"><div><h1>${names[view]}</h1><p>${view===0?p.title[l]:w.workspace+' / '+p.name}</p></div><div class=\"actions\"><button class=\"secondary\" data-export>${w.download}</button><button class=\"primary\" data-add>${action}</button></div></div>${({nexora,fluxio,orbita})[p.slug]()}<footer class=\"app-footer\"><span>${p.name} / ${w.workspace}</span><span>${w.today} \u00b7 2026</span></footer></div></main></div><div id=\"notice\" class=\"notice\" role=\"status\"></div><dialog id=\"record-dialog\"><form method=\"dialog\" id=\"record-form\"><h2>${w.add}</h2><label>${w.name}<input required name=\"record\" maxlength=\"100\"></label><label>${w.email}<input type=\"email\" name=\"email\" placeholder=\"contact@example.com\"></label><div class=\"actions\"><button type=\"button\" class=\"secondary\" data-close>${w.cancel}</button><button class=\"primary\" value=\"save\">${w.save}</button></div></form></dialog><dialog id=\"detail-dialog\"><h2></h2><p style=\"margin:20px 0;line-height:1.9\"></p><button class=\"primary\" data-close>${w.close}</button></dialog>`;bind()}\nfunction bind(){root.querySelectorAll('[data-view]').forEach(b=>b.onclick=()=>{view=Number(b.dataset.view);history.replaceState(null,'','#'+view);render()});root.querySelectorAll('[data-task]').forEach(b=>b.onchange=()=>{state['task'+b.dataset.task]=b.checked;persist()});root.querySelectorAll('[data-setting]').forEach(b=>b.onchange=()=>{state['setting'+b.dataset.setting]=b.checked;persist();notify()});root.querySelectorAll('[data-save]').forEach(b=>b.onclick=()=>{if(p.slug==='fluxio'&&view===0){state.nodeConfig[(state.flow||'lead')+':'+selectedNode]={field:root.querySelector('[data-node-field]').value,condition:root.querySelector('[data-node-condition]').value};persist()}notify()});root.querySelector('[data-add]').onclick=()=>{if(p.slug==='fluxio'){state.lastRun=Date.now();persist();notify(w.runDone);return}document.getElementById('record-dialog').showModal()};root.querySelectorAll('[data-close]').forEach(b=>b.onclick=()=>b.closest('dialog').close());root.querySelector('#record-form').onsubmit=e=>{e.preventDefault();const f=new FormData(e.currentTarget),name=String(f.get('record')||'').trim();if(!name)return;state.records.push(name);persist();render();notify()};root.querySelector('[data-export]').onclick=()=>{const rows=[...root.querySelectorAll('.data-table tr')].map(r=>[...r.querySelectorAll('th,td')].map(c=>'\"'+c.textContent.replaceAll('\"','\"\"')+'\"').join(','));const blob=new Blob(['\\uFEFF'+(rows.length?rows.join('\\n'):'Product,View\\n'+p.name+','+names[view])],{type:'text/csv;charset=utf-8'}),url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=p.slug+'.csv';a.click();setTimeout(()=>URL.revokeObjectURL(url),1000)};root.querySelector('.search').oninput=e=>{const q=e.target.value.toLowerCase();root.querySelectorAll('.data-table tbody tr,.deal,.integration,.project-tile,.request-line').forEach(n=>n.hidden=!n.textContent.toLowerCase().includes(q))};root.querySelector('[data-filter]')?.addEventListener('change',e=>root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=e.target.value!=='all'&&!n.textContent.includes(e.target.value)));root.querySelectorAll('[data-connect]').forEach(b=>b.onclick=()=>{const i=Number(b.dataset.connect);state.connections[i]=!(state.connections[i]??i<4);persist();render();notify()});root.querySelector('[data-flow]')?.addEventListener('change',e=>{state.flow=e.target.value;persist();selectedNode=1;render()});root.querySelectorAll('[data-node]').forEach(b=>b.onclick=()=>{selectedNode=Number(b.dataset.node);render()});root.querySelectorAll('[data-role]').forEach(b=>b.onchange=()=>notify());root.querySelector('[data-job]')?.addEventListener('click',()=>{if(state.jobStarted)state.jobDone=true;else state.jobStarted=true;persist();render();notify(state.jobDone?w.jobFinished:w.jobStarted)});root.querySelector('.composer')?.addEventListener('submit',e=>{e.preventDefault();const field=e.currentTarget.elements.message;const value=field.value.trim();if(value){state.messages.push(value);persist();render();notify()}});root.querySelectorAll('[data-thread]').forEach(b=>b.onclick=()=>{root.querySelectorAll('.message-item').forEach(n=>n.classList.toggle('selected',n===b));root.querySelector('.thread h2').textContent=[w.design,w.technical,w.meeting][Number(b.dataset.thread)]});root.querySelectorAll('[data-document],[data-detail]').forEach(b=>b.onclick=()=>{const d=document.getElementById('detail-dialog');d.querySelector('h2').textContent=b.dataset.document||b.dataset.detail;d.querySelector('p').textContent=b.dataset.document?w.documentBody:w.requestDescription;d.showModal()});root.querySelectorAll('[data-folder]').forEach(b=>b.onclick=()=>{const folder=[w.design,w.contract,w.technical][Number(b.dataset.folder)];root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=!n.textContent.includes(folder))});root.querySelectorAll('[data-request-filter]').forEach(b=>b.onclick=()=>{root.querySelectorAll('[data-request-filter]').forEach(n=>n.classList.toggle('selected',n===b));root.querySelectorAll('.request-line').forEach(n=>n.hidden=b.dataset.requestFilter!=='all'&&!n.textContent.includes(b.dataset.requestFilter))})}\nwindow.addEventListener('hashchange',()=>{const n=Number(location.hash.slice(1));if(Number.isInteger(n)&&n>=0&&n<names.length){view=n;render()}});render();\n})();\n</script></body></html>","fluxio-en":"<!doctype html><html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><meta name=\"robots\" content=\"noindex\"><title>FLUXIO \u2014 Let workflows do the repetitive work.</title><style>@font-face{font-family:Manrope;src:url('/assets/a30ddcd349703aff7464.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#F3F5F7;color:#172633;font:14px/1.5 Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:#C7D8EA;color:#132335}button{border:0;background:none}a{text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;letter-spacing:-.03em}h2{font-size:18px;font-weight:600;letter-spacing:-.02em}h3{font-size:15px;font-weight:600}small,.muted{font-size:12px;color:var(--muted)}body{--accent:#15746F;--soft:#E6F1EF;--muted:#61727D;--line:#E2E8EB;--surface:#fff;--page:#F3F6F6}body[data-product=fluxio]{--accent:#A8B5FF;--soft:#303743;--muted:#A7B1C1;--line:#343C49;--surface:#252C38;--page:#1B222D;background:var(--page);color:#EDF0F6}body[data-product=orbita]{--accent:#6E57CA;--soft:#EEEAF9;--muted:#6F7284;--line:#E5E4ED;--page:#F5F4F9}body[data-product=terralink]{--accent:#39765D;--soft:#E7EFE8;--muted:#677467;--line:#DFE6DE;--page:#F3F5F0}body[data-product=clarity]{--accent:#526A91;--soft:#EAF0F7;--muted:#6B7689;--line:#E5E9EE;--page:#F6F8FB}.shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr);background:var(--page)}.sidebar{padding:30px 18px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.product-brand{font-size:21px;font-weight:750;letter-spacing:-.045em;display:flex;gap:10px;align-items:center}.product-mark{width:27px;height:27px;display:inline-flex;background:var(--accent);color:white;border-radius:7px;align-items:center;justify-content:center;font-size:17px}.workspace{border:1px solid var(--line);padding:10px 12px;border-radius:7px;display:flex;justify-content:space-between;font-size:12px}.nav-group{display:grid;gap:5px}.nav-group button{display:flex;text-align:left;gap:11px;align-items:center;padding:11px 12px;border-radius:7px;color:var(--muted);font-size:12px}.nav-group svg{width:17px;height:17px;flex-shrink:0}.nav-group button[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:650}.sidebar-bottom{margin-top:auto;display:grid;gap:18px}.account{display:flex;align-items:center;gap:9px;font-size:12px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.main{min-width:0}.topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);gap:24px}.topbar-label{font-size:12px;color:var(--muted)}.topbar-tools{display:flex;align-items:center;gap:20px}.search{border:1px solid var(--line);background:transparent;color:inherit;padding:9px 12px;border-radius:7px;width:235px;font-size:12px}.content{padding:32px 36px 36px;max-width:1600px;margin:auto}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:24px}.page-top p{margin-top:6px;color:var(--muted);font-size:12px}.actions{display:flex;gap:10px}.primary,.secondary{border-radius:7px;padding:11px 17px;font-size:12px;white-space:nowrap}.primary{background:var(--accent);color:#fff;font-weight:650}.secondary{background:var(--surface);border:1px solid var(--line)}body[data-product=fluxio] .primary{color:#1B222D}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:10px}.metric strong{font-size:28px;display:block;margin:8px 0;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric small{font-size:11px}.metric .trend{color:var(--accent);display:inline-block;margin-right:6px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-head small{font-size:11px}.grid-two{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:22px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart{padding:10px 24px 20px}.chart svg{width:100%;height:198px;overflow:visible}.chart text{fill:var(--muted);font-size:10px}.chart path,.chart line{vector-effect:non-scaling-stroke}.chart-legend{display:flex;gap:20px;align-items:center;font-size:11px;margin:0 0 15px 18px}.legend-dot{width:7px;height:7px;background:var(--accent);display:inline-block;border-radius:50%;margin-right:7px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}.data-table th{color:var(--muted);font-weight:500;background:var(--page);font-size:10px;letter-spacing:.025em}.data-table td,.data-table th{padding:15px 22px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{font-weight:600}.data-table td small{display:block;font-weight:400;margin-top:2px;font-size:10px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:var(--accent);font-size:10px;padding:4px 8px;border-radius:5px;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.pending{background:#F7EFD9;color:#80632B}.task-list{display:grid;padding:0 22px 15px}.task-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.task-row .avatar{margin-left:auto}.task-row input{accent-color:var(--accent)}.tabs{display:flex;gap:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.tabs button{padding:10px 0;color:var(--muted);font-size:12px}.tabs .selected{color:var(--accent);border-bottom:2px solid var(--accent)}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pipeline-col{border-radius:9px;background:var(--soft);padding:14px;min-height:570px}.pipeline-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;font-weight:600}.pipeline-col>small{display:block;font-size:10px;margin-bottom:24px}.deal{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:17px;margin-bottom:13px}.deal p{font-size:12px;margin-bottom:7px;font-weight:600}.deal strong{display:block;margin-top:22px;font-size:19px;font-weight:500}.deal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.list-toolbar{padding:16px 22px;display:flex;gap:12px;border-bottom:1px solid var(--line)}.list-toolbar select{border:1px solid var(--line);padding:7px;border-radius:6px;background:var(--surface);color:inherit;font-size:11px}.list-footer{padding:18px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.workflow-layout{display:grid;grid-template-columns:1fr 290px;gap:0;border:1px solid var(--line);border-radius:10px;min-height:635px;overflow:hidden}.workflow-board{position:relative;background-color:#1C232E;background-image:radial-gradient(#3D4657 .8px,transparent .8px);background-size:22px 22px;padding:28px;min-width:0}.workflow-board svg.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workflow-node{position:absolute;background:#2A3240;border:1px solid #566071;border-radius:9px;width:195px;padding:16px;text-align:left;color:#F3F5FB;box-shadow:0 8px 20px #0C111A20}.workflow-node small{display:block;font-size:10px;color:#A7B1C1;margin-top:6px}.node-type{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.node-icon{width:27px;height:27px;border-radius:6px;background:#414B69;color:#C7D0FF;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.node-0{left:7%;top:105px}.node-1{left:43%;top:105px}.node-2{left:43%;top:320px}.node-3{left:7%;top:460px}.node-4{left:70%;top:320px;width:160px}.workflow-node.selected{border-color:#A8B5FF}.flow-caption{position:absolute;bottom:20px;right:24px;font-size:10px;color:#A7B1C1}.settings-pane{padding:26px 22px;background:var(--surface);border-left:1px solid var(--line)}.settings-pane h2{font-size:16px;margin-bottom:8px}.settings-pane label{display:grid;gap:9px;margin-top:28px;font-size:11px;color:var(--muted)}.settings-pane input,.settings-pane select{border:1px solid var(--line);background:var(--page);padding:11px;color:inherit;border-radius:6px;width:100%;font-size:12px}.settings-pane p{font-size:12px;color:var(--muted);margin-top:22px;line-height:1.8}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration{padding:24px;min-height:190px}.integration-symbol{width:42px;height:42px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin-bottom:24px;border-radius:10px;color:var(--accent);font-size:19px}.integration .badge{margin-top:18px}.integration h3{margin-bottom:5px}.log-line{display:flex;gap:20px;padding:13px 22px;border-top:1px solid var(--line);font:11px/1.8 monospace}.log-line time{color:var(--muted)}body[data-product=orbita] .shell{display:block}body[data-product=orbita] .sidebar{height:84px;flex-direction:row;align-items:center;padding:0 42px;border-right:0;border-bottom:1px solid var(--line);gap:34px}body[data-product=orbita] .workspace,body[data-product=orbita] .sidebar-bottom{display:none}body[data-product=orbita] .nav-group{display:flex;gap:5px}body[data-product=orbita] .nav-group button{padding:9px 10px}body[data-product=orbita] .nav-group svg{display:none}body[data-product=orbita] .topbar{height:53px;background:transparent;padding:0 42px}body[data-product=orbita] .content{padding:28px 42px}.project-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-tile{padding:24px;min-height:260px}.project-tile>small{display:block;margin:14px 0 20px}.progress-line{height:5px;background:var(--soft);border-radius:5px;overflow:hidden;margin:20px 0 10px}.progress-line span{display:block;height:100%;background:var(--accent)}.tile-footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.avatars{display:flex}.avatars .avatar{margin-right:-6px;border:2px solid var(--surface)}.orbita-welcome{padding:24px 26px;background:#EAE6F5;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#332C4E}.orbita-welcome h2{font-size:22px;margin-bottom:8px}.orbita-welcome p{font-size:12px;max-width:62ch}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.plan-summary{padding:26px}.plan-summary strong{display:block;font-size:36px;font-weight:500;letter-spacing:-.03em;margin:14px 0}.plan-summary p{margin-bottom:22px;color:var(--muted);font-size:12px}.planner{display:grid;grid-template-columns:135px repeat(5,1fr);background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:600px}.planner-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px;min-width:0}.planner-day{text-align:center;font-size:11px;color:var(--muted);background:#F9FBF8}.planner-day b{display:block;font-size:23px;color:#25382E;margin-top:5px;font-weight:500}.planner-person{display:flex;gap:9px;align-items:flex-start;font-size:11px;background:#FAFBF8;padding-top:22px}.job{background:#E4EFE6;color:#315A43;border:1px solid #CEDFD1;border-radius:6px;padding:13px 10px;margin-top:8px;font-size:11px;line-height:1.6}.job b{display:block;font-weight:600;margin-bottom:4px}.job.alt{background:#E7EDF6;color:#385579;border-color:#D6E1EE}.job.pause{background:#F3EEDD;color:#78683F;border-color:#EAE1C7}.mobile-stage{background:#E4EBE2;padding:35px;display:grid;grid-template-columns:1fr 355px;gap:50px;align-items:center;border-radius:10px}.mobile-stage h2{font-size:36px;line-height:1.2;letter-spacing:-.03em;margin-bottom:22px}.mobile-stage>div:first-child{padding:20px;max-width:540px}.mobile-stage p{color:#617163;font-size:14px;line-height:1.9}.phone{background:#FBFCFA;border:7px solid #24352B;border-radius:34px;padding:20px 19px;color:#24352B;box-shadow:0 20px 45px #20342817;min-height:600px}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:650;margin-bottom:30px}.phone h3{font-size:24px;font-weight:550;line-height:1.2;margin:12px 0 20px}.phone .badge{margin-bottom:14px}.phone-address{padding:16px 0;border-block:1px solid #DFE6DE;font-size:12px;margin-bottom:18px}.phone .task-row{font-size:11px}.phone .primary{width:100%;margin-top:24px}.phone-note{background:#EAF0E6;border-radius:7px;padding:12px;font-size:11px;line-height:1.8}.portal-summary{padding:32px;background:#E8EEF7;border-radius:10px;display:grid;grid-template-columns:1fr 190px;gap:35px;margin-bottom:24px}.portal-summary h2{font-size:25px;font-weight:500;margin:10px 0 16px}.portal-summary p{color:#536A87;font-size:12px}.portal-status{border-left:1px solid #CDD8E8;padding-left:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}.portal-status strong{font-size:34px;font-weight:500}.milestone{display:grid;grid-template-columns:30px 1fr auto;gap:13px;align-items:center;border-top:1px solid var(--line);padding:18px 22px;font-size:12px}.milestone small{display:block;margin-top:3px;font-size:10px}.milestone-number{color:var(--accent);font-variant-numeric:tabular-nums}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.folder{padding:23px;display:flex;align-items:center;gap:14px}.folder svg{width:36px;height:36px;color:var(--accent)}.folder small{display:block;font-size:10px;margin-top:4px}.messages{display:grid;grid-template-columns:290px 1fr;min-height:600px}.message-list{border-right:1px solid var(--line)}.message-item{display:block;padding:24px;border-bottom:1px solid var(--line);text-align:left;width:100%}.message-item.selected{background:var(--soft)}.message-item h3{font-size:13px;margin:5px 0}.message-item small{font-size:11px}.thread{display:flex;flex-direction:column;padding:28px}.thread h2{padding-bottom:23px;border-bottom:1px solid var(--line)}.bubble{max-width:80%;margin-top:28px;font-size:13px;line-height:1.9}.bubble p{background:var(--page);border-radius:8px;padding:15px 18px;margin-top:8px}.bubble.mine{margin-left:auto}.bubble.mine p{background:var(--soft)}.composer{margin-top:auto;padding-top:28px;display:flex;gap:12px}.composer input{flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--surface);color:inherit;min-width:0}.request-list{display:grid;gap:14px}.request-line{padding:23px;display:grid;grid-template-columns:70px 1fr auto 120px;align-items:center;gap:20px}.request-line h3{margin-bottom:4px}.request-line small{font-size:11px}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172633;color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 12px 32px #0C18322A;font-size:12px;z-index:20}.notice:empty{display:none}dialog{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:12px;width:min(470px,92vw);padding:28px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#101E3460}dialog form{display:grid;gap:18px}dialog h2{margin-bottom:8px}dialog label{display:grid;gap:8px;font-size:12px}dialog input{border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--page);color:inherit}dialog .actions{justify-content:flex-end;margin-top:8px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.app-footer{margin-top:24px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.section-note{font-size:12px;color:var(--muted);max-width:65ch;margin-bottom:24px;line-height:1.8}.hidden{display:none!important}\n@media(max-width:1050px){.sidebar{padding-inline:12px}.shell{grid-template-columns:180px 1fr}.content{padding:25px}.topbar{padding-inline:25px}.grid-two{grid-template-columns:1fr 1fr}.workflow-layout{grid-template-columns:1fr}.settings-pane{display:block;border-left:0;border-top:1px solid var(--line);min-width:0}.workflow-board{min-height:600px}body[data-product=orbita] .sidebar{padding:20px;height:auto;gap:25px}body[data-product=orbita] .nav-group{flex-wrap:wrap;gap:0}body[data-product=orbita] .nav-group button{padding:5px 8px;font-size:11px}.product-board{gap:12px}.metrics{gap:10px}.metric{padding:15px}.data-table td,.data-table th{padding:14px 16px}}\n@media(max-width:760px){.shell{display:block}.sidebar{padding:18px 20px;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace,.sidebar-bottom{display:none}.product-brand{font-size:19px}.nav-group{display:flex;overflow-x:auto;gap:4px}.nav-group button{white-space:nowrap;padding:8px 10px;font-size:11px}.nav-group svg{display:none}.topbar{height:52px;padding:0 20px}.topbar-tools .search{display:none}.content{padding:24px 20px}.page-top{align-items:flex-start;gap:14px}.page-top h1{font-size:25px}.page-top p{font-size:11px;max-width:38ch}.actions{flex-wrap:wrap;gap:7px}.primary,.secondary{padding:9px 11px;font-size:11px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.metric strong{font-size:25px}.grid-two,.grid-equal,.billing-grid{grid-template-columns:1fr;gap:18px}.panel-head{padding:18px}.chart svg{height:170px}.pipeline{grid-template-columns:repeat(4,235px);overflow:auto;padding-bottom:15px}.pipeline-col{min-height:480px}.integration-grid{grid-template-columns:1fr 1fr;gap:12px}.integration{padding:18px;min-height:185px}.workflow-layout{min-height:650px}.workflow-board{overflow:auto;min-height:630px;padding:18px}.workflow-board svg.connections{min-width:740px}.workflow-node{width:175px}.node-0{left:20px;top:105px}.node-1{left:225px;top:105px}.node-2{left:225px;top:310px}.node-3{left:20px;top:455px}.node-4{left:430px;top:310px}body[data-product=orbita] .sidebar{display:block;padding:18px 20px}body[data-product=orbita] .nav-group{margin-top:15px;flex-wrap:nowrap}body[data-product=orbita] .content{padding:24px 20px}body[data-product=orbita] .topbar{padding:0 20px}.project-board{grid-template-columns:1fr}.orbita-welcome{display:block;padding:20px}.orbita-welcome .primary{margin-top:18px}.orbita-welcome h2{font-size:20px}.planner{grid-template-columns:105px repeat(5,145px);overflow:auto}.planner-cell{padding:10px}.planner{display:grid;max-width:100%;min-height:550px}.mobile-stage{display:block;padding:20px 0;background:transparent}.mobile-stage>div:first-child{padding:0;margin-bottom:30px}.mobile-stage h2{font-size:28px}.phone{max-width:355px;margin:auto;min-height:590px}.portal-summary{grid-template-columns:1fr;padding:22px;gap:20px}.portal-status{border-left:0;border-top:1px solid #CDD8E8;padding:18px 0 0;flex-direction:row;justify-content:space-between;align-items:center}.folder-grid{grid-template-columns:1fr}.messages{grid-template-columns:1fr}.message-list{display:flex;overflow:auto;border-bottom:1px solid var(--line);border-right:0}.message-item{min-width:210px;padding:16px}.thread{padding:20px;min-height:440px}.bubble{max-width:94%;font-size:12px}.request-line{grid-template-columns:1fr auto;gap:12px;padding:18px}.request-line>small{grid-column:1/-1}.request-line>span:first-child{display:none}.tabs{gap:18px;overflow:auto;white-space:nowrap}.app-footer{font-size:9px}.log-line{font-size:10px;gap:12px;padding:12px;overflow:auto;white-space:nowrap}}\n@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}\n\n.flow-picker{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;position:relative;z-index:2}.flow-picker select{background:#2E3548;color:#EDF1FF;border:1px solid #66718E;border-radius:6px;padding:9px;font:11px Manrope,Arial,sans-serif;max-width:260px}@media(max-width:650px){.flow-picker{align-items:start;flex-direction:column;gap:8px}.flow-picker select{max-width:100%}}\nhtml{scrollbar-width:none}html::-webkit-scrollbar{display:none}\n</style></head><body data-product=\"fluxio\" data-initial-screen=\"0\"><div id=\"product-root\"></div><script id=\"product-data\" type=\"application/json\">{\"p\":{\"slug\":\"fluxio\",\"name\":\"FLUXIO\",\"category\":\"ai\",\"color\":\"#A8B5FF\",\"categoryLabel\":{\"fr\":\"Automatisation / API\",\"en\":\"Automation / API\",\"ru\":\"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f / API\"},\"title\":{\"fr\":\"L\u2019automatisation au service de vos \u00e9quipes.\",\"en\":\"Let workflows do the repetitive work.\",\"ru\":\"\u041c\u0435\u043d\u044c\u0448\u0435 \u0440\u0443\u0447\u043d\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. \u0411\u043e\u043b\u044c\u0448\u0435 \u043f\u043e\u0440\u044f\u0434\u043a\u0430.\"},\"summary\":{\"fr\":\"Un \u00e9diteur de processus pour connecter les outils et suivre chaque ex\u00e9cution.\",\"en\":\"A workflow editor that connects tools and makes every run traceable.\",\"ru\":\"\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430.\"},\"challenge\":{\"fr\":\"Une demande re\u00e7ue doit \u00eatre v\u00e9rifi\u00e9e, enregistr\u00e9e puis transmise \u00e0 plusieurs outils. FLUXIO rend ces r\u00e8gles visibles et facilite le rep\u00e9rage d\u2019une ex\u00e9cution interrompue.\",\"en\":\"An incoming request needs validation, storage and delivery to several tools. FLUXIO makes those rules visible and helps identify an interrupted run.\",\"ru\":\"\u041e\u0434\u043d\u0443 \u0437\u0430\u044f\u0432\u043a\u0443 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c, \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0438\u0442\u044c \u0432 CRM \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u043a\u043e\u043b\u043b\u0435\u0433\u0430\u043c. FLUXIO \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u0435\u0442 \u044d\u0442\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0432 \u043f\u043e\u043d\u044f\u0442\u043d\u0443\u044e \u0446\u0435\u043f\u043e\u0447\u043a\u0443 \u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u0439\u0442\u0438 \u043f\u0440\u0438\u0447\u0438\u043d\u0443 \u0441\u0431\u043e\u044f.\"},\"solution\":{\"fr\":\"Le constructeur s\u00e9pare d\u00e9clencheurs, conditions et actions. Un panneau explique les param\u00e8tres ; l\u2019historique et la supervision partagent les m\u00eames identifiants d\u2019ex\u00e9cution.\",\"en\":\"The builder separates triggers, conditions and actions. A settings panel explains each block; history and monitoring share the same run identifiers.\",\"ru\":\"\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. \u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u0435\u0441\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u2014 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0448\u0438\u0431\u043a\u0443 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0434\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0433\u0430, \u0430 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0451\u043d\u043d\u044b\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0432\u0438\u0434\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e.\"},\"architecture\":{\"fr\":\"Le constructeur s\u00e9pare d\u00e9clencheurs, conditions et actions. Un panneau explique les param\u00e8tres ; l\u2019historique et la supervision partagent les m\u00eames identifiants d\u2019ex\u00e9cution.\",\"en\":\"The builder separates triggers, conditions and actions. A settings panel explains each block; history and monitoring share the same run identifiers.\",\"ru\":\"\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439. \u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0431\u043b\u043e\u043a\u0430 \u0435\u0441\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u2014 \u0438\u0441\u0442\u043e\u0440\u0438\u044f. \u041e\u0448\u0438\u0431\u043a\u0443 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0434\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0433\u0430, \u0430 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0451\u043d\u043d\u044b\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0432\u0438\u0434\u043d\u044b \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e.\"},\"screenNames\":[{\"fr\":\"\u00c9diteur de processus\",\"en\":\"Workflow builder\",\"ru\":\"\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432\"},{\"fr\":\"Int\u00e9grations\",\"en\":\"Integrations\",\"ru\":\"\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438\"},{\"fr\":\"Historique\",\"en\":\"Execution history\",\"ru\":\"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0437\u0430\u043f\u0443\u0441\u043a\u043e\u0432\"},{\"fr\":\"Supervision\",\"en\":\"Monitoring\",\"ru\":\"\u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433\"}],\"features\":[{\"fr\":\"D\u00e9clencheurs et conditions\",\"en\":\"Triggers and conditions\",\"ru\":\"\u0421\u043e\u0431\u044b\u0442\u0438\u044f \u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\"},{\"fr\":\"Actions et param\u00e8tres\",\"en\":\"Actions and settings\",\"ru\":\"\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438\"},{\"fr\":\"Connexions aux services\",\"en\":\"Service connections\",\"ru\":\"\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432\"},{\"fr\":\"Historique et alertes\",\"en\":\"History and alerts\",\"ru\":\"\u0418\u0441\u0442\u043e\u0440\u0438\u044f \u0438 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f\"}],\"serviceSlug\":\"web-development\",\"demo\":true,\"stack\":[\"HTML\",\"CSS\",\"JavaScript\",\"SVG\"],\"kind\":\"application\"},\"locale\":\"en\"}</script><script>(()=>{'use strict';\nconst {p,locale:l}=JSON.parse(document.getElementById('product-data').textContent),root=document.getElementById('product-root');\nconst words={\nfr:{workspace:'Espace de travail',search:'Rechercher',welcome:'Bonjour, Camille',today:'Mardi 20 octobre',add:'Ajouter',cancel:'Annuler',save:'Enregistrer',name:'Nom',email:'Adresse email',status:'\u00c9tat',owner:'Responsable',value:'Montant',date:'Date',company:'Entreprise',active:'En cours',done:'Termin\u00e9',pending:'\u00c0 valider',new:'Nouveau',total:'Total',period:'Ce mois-ci',month:'Octobre',year:'2026',view:'Voir le d\u00e9tail',clients:'Clients actifs',revenue:'Chiffre d\u2019affaires',opportunities:'Opportunit\u00e9s ouvertes',conversion:'Taux de conversion',sales:'Activit\u00e9 commerciale',target:'Objectif',actual:'R\u00e9alis\u00e9',tasks:'Prochaines actions',all:'Tous',contact:'Contact',role:'R\u00f4le',contacts:'Contacts',reports:'Rapports',settings:'Param\u00e8tres',notifications:'Notifications',connected:'Connect\u00e9',connect:'Connecter',disconnect:'D\u00e9connecter',run:'Tester le processus',history:'Historique',duration:'Dur\u00e9e',result:'R\u00e9sultat',runs:'Ex\u00e9cutions',success:'R\u00e9ussite',errors:'Erreurs',workflow:'Qualification des demandes',trigger:'R\u00e9ception du formulaire',validate:'V\u00e9rifier les champs',create:'Cr\u00e9er un contact CRM',notify:'Notifier l\u2019\u00e9quipe',review:'Validation manuelle',triggerNote:'\u00c0 chaque nouvelle demande',validateNote:'Email et entreprise pr\u00e9sents',createNote:'NEXORA \u00b7 Fiche client',notifyNote:'Notification interne',reviewNote:'Donn\u00e9es incompl\u00e8tes',block:'Configuration du bloc',field:'Champ \u00e0 v\u00e9rifier',condition:'Condition',required:'Est renseign\u00e9',fieldHint:'La demande continue uniquement si les informations requises sont pr\u00e9sentes.',runDone:'Test termin\u00e9 : les quatre \u00e9tapes ont \u00e9t\u00e9 ex\u00e9cut\u00e9es localement.',saved:'Modification enregistr\u00e9e dans cet aper\u00e7u.',projects:'Projets actifs',members:'Membres',complete:'T\u00e2ches termin\u00e9es',delivery:'Prochaine livraison',week:'Cette semaine',activity:'Activit\u00e9 de l\u2019espace',capacity:'Charge de l\u2019\u00e9quipe',progress:'Avancement',project:'Projet',invite:'Inviter un membre',admin:'Administrateur',editor:'\u00c9diteur',viewer:'Lecture seule',plan:'Votre abonnement',billing:'Documents de facturation',download:'Exporter CSV',storage:'Stockage utilis\u00e9',schedule:'Planning de la semaine',job:'Intervention',technician:'Technicien',location:'Lieu',priority:'Priorit\u00e9',high:'Haute',normal:'Normale',assigned:'Affect\u00e9',available:'Disponible',away:'Sur le terrain',jobs:'Interventions',checklist:'Liste de v\u00e9rification',mobileTitle:'Tout ce qu\u2019il faut, sur le terrain.',mobileBody:'L\u2019adresse, les consignes et le compte rendu restent accessibles depuis le m\u00eame dossier. Le bureau retrouve les changements de statut dans le planning.',start:'D\u00e9marrer l\u2019intervention',finish:'Terminer l\u2019intervention',jobStarted:'Intervention d\u00e9marr\u00e9e',jobFinished:'Compte rendu enregistr\u00e9',instructions:'V\u00e9rifier la pression et contr\u00f4ler le fonctionnement apr\u00e8s intervention.',documents:'Documents',messages:'Messages',requests:'Demandes',approval:'Validations attendues',next:'Prochaine \u00e9tape',milestones:'Les \u00e9tapes de votre projet',files:'Fichiers r\u00e9cents',folder:'Dossier',updated:'Modifi\u00e9 le',size:'Taille',send:'Envoyer',message:'Votre message',design:'\u00c9crans et parcours',contract:'Documents de projet',technical:'Dossier technique',meeting:'Point d\u2019avancement',messageBody:'Les \u00e9crans r\u00e9vis\u00e9s sont pr\u00eats. Pouvez-vous v\u00e9rifier le parcours de demande avant notre prochain \u00e9change ?',messageReply:'Merci, nous avons ajout\u00e9 nos remarques dans le document partag\u00e9.',requestTitle:'Validation du parcours de demande',requestDescription:'V\u00e9rifier les champs et les textes avant int\u00e9gration.',permissions:'Permissions',subscriptions:'Abonnements',integrations:'Int\u00e9grations',triggers:'D\u00e9clencheurs',actions:'Actions',calendar:'Calendrier',account:'Compte',online:'Espace personnel',records:'\u00e9l\u00e9ments',noResults:'Aucun \u00e9l\u00e9ment ne correspond \u00e0 cette recherche.',close:'Fermer',readDoc:'Consulter le document',documentBody:'Structure du projet : pr\u00e9sentation, parcours principal, crit\u00e8res de validation et prochaines \u00e9tapes. Ce document peut \u00eatre consult\u00e9 dans cet espace.',draft:'Brouillon',sent:'Envoy\u00e9',paid:'R\u00e9gl\u00e9',report:'Rapport',team:'\u00c9quipe',queue:'\u00c0 traiter',enabled:'Activ\u00e9',disabled:'D\u00e9sactiv\u00e9'},\nen:{workspace:'Workspace',search:'Search',welcome:'Good morning, Camille',today:'Tuesday, 20 October',add:'Add',cancel:'Cancel',save:'Save changes',name:'Name',email:'Email address',status:'Status',owner:'Owner',value:'Value',date:'Date',company:'Company',active:'In progress',done:'Completed',pending:'Needs review',new:'New',total:'Total',period:'This month',month:'October',year:'2026',view:'View details',clients:'Active clients',revenue:'Revenue',opportunities:'Open opportunities',conversion:'Conversion rate',sales:'Sales activity',target:'Target',actual:'Actual',tasks:'Next actions',all:'All',contact:'Contact',role:'Role',contacts:'Contacts',reports:'Reports',settings:'Settings',notifications:'Notifications',connected:'Connected',connect:'Connect',disconnect:'Disconnect',run:'Test workflow',history:'History',duration:'Duration',result:'Result',runs:'Executions',success:'Success rate',errors:'Errors',workflow:'Incoming request qualification',trigger:'Receive form',validate:'Validate fields',create:'Create CRM contact',notify:'Notify team',review:'Manual review',triggerNote:'Every new request',validateNote:'Email and company present',createNote:'NEXORA \u00b7 Client record',notifyNote:'Internal notification',reviewNote:'Incomplete information',block:'Block settings',field:'Field to validate',condition:'Condition',required:'Is present',fieldHint:'The request continues only when all required information is present.',runDone:'Test complete: all four steps ran locally.',saved:'Change saved in this preview.',projects:'Active projects',members:'Members',complete:'Completed tasks',delivery:'Next delivery',week:'This week',activity:'Workspace activity',capacity:'Team capacity',progress:'Progress',project:'Project',invite:'Invite member',admin:'Administrator',editor:'Editor',viewer:'Read only',plan:'Your plan',billing:'Billing documents',download:'Export CSV',storage:'Storage used',schedule:'Weekly schedule',job:'Job',technician:'Technician',location:'Location',priority:'Priority',high:'High',normal:'Normal',assigned:'Assigned',available:'Available',away:'In the field',jobs:'Jobs',checklist:'Checklist',mobileTitle:'Everything you need, in the field.',mobileBody:'Address, instructions and reporting stay with the same job record. The office sees status changes in the shared schedule.',start:'Start job',finish:'Complete job',jobStarted:'Job started',jobFinished:'Job report saved',instructions:'Check pressure and verify operation after the intervention.',documents:'Documents',messages:'Messages',requests:'Requests',approval:'Awaiting approval',next:'Next step',milestones:'Your project milestones',files:'Recent files',folder:'Folder',updated:'Updated',size:'Size',send:'Send',message:'Your message',design:'Screens and journeys',contract:'Project documents',technical:'Technical documentation',meeting:'Progress review',messageBody:'The revised screens are ready. Could you review the request journey before our next meeting?',messageReply:'Thank you. We have added our comments to the shared document.',requestTitle:'Approve the request journey',requestDescription:'Review fields and content before implementation.',permissions:'Permissions',subscriptions:'Subscriptions',integrations:'Integrations',triggers:'Triggers',actions:'Actions',calendar:'Calendar',account:'Account',online:'Personal workspace',records:'records',noResults:'No records match this search.',close:'Close',readDoc:'Read document',documentBody:'Project structure: overview, primary workflow, acceptance criteria and next steps. You can read this document in the workspace.',draft:'Draft',sent:'Sent',paid:'Paid',report:'Report',team:'Team',queue:'To review',enabled:'Enabled',disabled:'Disabled'},\nru:{workspace:'\u0420\u0430\u0431\u043e\u0447\u0435\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e',search:'\u041f\u043e\u0438\u0441\u043a',welcome:'\u0414\u043e\u0431\u0440\u043e\u0435 \u0443\u0442\u0440\u043e, \u041a\u0430\u043c\u0438\u043b\u044c',today:'\u0412\u0442\u043e\u0440\u043d\u0438\u043a, 20 \u043e\u043a\u0442\u044f\u0431\u0440\u044f',add:'\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c',cancel:'\u041e\u0442\u043c\u0435\u043d\u0430',save:'\u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c',name:'\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435',email:'\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u044f \u043f\u043e\u0447\u0442\u0430',status:'\u0421\u0442\u0430\u0442\u0443\u0441',owner:'\u041e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439',value:'\u0421\u0443\u043c\u043c\u0430',date:'\u0414\u0430\u0442\u0430',company:'\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',active:'\u0412 \u0440\u0430\u0431\u043e\u0442\u0435',done:'\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u043e',pending:'\u041d\u0430 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0438',new:'\u041d\u043e\u0432\u043e\u0435',total:'\u0418\u0442\u043e\u0433\u043e',period:'\u042d\u0442\u043e\u0442 \u043c\u0435\u0441\u044f\u0446',month:'\u041e\u043a\u0442\u044f\u0431\u0440\u044c',year:'2026',view:'\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435',clients:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u044b',revenue:'\u0412\u044b\u0440\u0443\u0447\u043a\u0430',opportunities:'\u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0441\u0434\u0435\u043b\u043a\u0438',conversion:'\u041a\u043e\u043d\u0432\u0435\u0440\u0441\u0438\u044f',sales:'\u0414\u0438\u043d\u0430\u043c\u0438\u043a\u0430 \u043f\u0440\u043e\u0434\u0430\u0436',target:'\u041f\u043b\u0430\u043d',actual:'\u0424\u0430\u043a\u0442',tasks:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f',all:'\u0412\u0441\u0435',contact:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442',role:'\u0420\u043e\u043b\u044c',contacts:'\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b',reports:'\u041e\u0442\u0447\u0451\u0442\u044b',settings:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438',notifications:'\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f',connected:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e',connect:'\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c',disconnect:'\u041e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c',run:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441',history:'\u0418\u0441\u0442\u043e\u0440\u0438\u044f',duration:'\u0414\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c',result:'\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442',runs:'\u0417\u0430\u043f\u0443\u0441\u043a\u0438',success:'\u0423\u0441\u043f\u0435\u0448\u043d\u044b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0438',errors:'\u041e\u0448\u0438\u0431\u043a\u0438',workflow:'\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0445\u043e\u0434\u044f\u0449\u0435\u0439 \u0437\u0430\u044f\u0432\u043a\u0438',trigger:'\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0444\u043e\u0440\u043c\u0443',validate:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f',create:'\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0432 CRM',notify:'\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u0443',review:'\u0420\u0443\u0447\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430',triggerNote:'\u041f\u0440\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u043d\u043e\u0432\u043e\u0439 \u0437\u0430\u044f\u0432\u043a\u0435',validateNote:'\u0423\u043a\u0430\u0437\u0430\u043d\u044b \u043f\u043e\u0447\u0442\u0430 \u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f',createNote:'NEXORA \u00b7 \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430',notifyNote:'\u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435',reviewNote:'\u041d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u0439',block:'\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0431\u043b\u043e\u043a\u0430',field:'\u041f\u043e\u043b\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438',condition:'\u0423\u0441\u043b\u043e\u0432\u0438\u0435',required:'\u0417\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043e',fieldHint:'\u0417\u0430\u044f\u0432\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u0442 \u0434\u0430\u043b\u044c\u0448\u0435, \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u0433\u0434\u0430 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0432\u0435\u0434\u0435\u043d\u0438\u044f.',runDone:'\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0430: \u0447\u0435\u0442\u044b\u0440\u0435 \u0448\u0430\u0433\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e.',saved:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043e \u0432 \u044d\u0442\u043e\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435.',projects:'\u0410\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b',members:'\u0423\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0438',complete:'\u0417\u0430\u0432\u0435\u0440\u0448\u0451\u043d\u043d\u044b\u0435 \u0437\u0430\u0434\u0430\u0447\u0438',delivery:'\u0411\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0439 \u0432\u044b\u043f\u0443\u0441\u043a',week:'\u042d\u0442\u0430 \u043d\u0435\u0434\u0435\u043b\u044f',activity:'\u0410\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u044b',capacity:'\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b',progress:'\u0413\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u044c',project:'\u041f\u0440\u043e\u0435\u043a\u0442',invite:'\u041f\u0440\u0438\u0433\u043b\u0430\u0441\u0438\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430',admin:'\u0410\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440',editor:'\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440',viewer:'\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440',plan:'\u0412\u0430\u0448 \u0442\u0430\u0440\u0438\u0444',billing:'\u0421\u0447\u0435\u0442\u0430 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',download:'\u042d\u043a\u0441\u043f\u043e\u0440\u0442 CSV',storage:'\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043e \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0430',schedule:'\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u043d\u0435\u0434\u0435\u043b\u044e',job:'\u0417\u0430\u0434\u0430\u043d\u0438\u0435',technician:'\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442',location:'\u0410\u0434\u0440\u0435\u0441',priority:'\u041f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442',high:'\u0412\u044b\u0441\u043e\u043a\u0438\u0439',normal:'\u041e\u0431\u044b\u0447\u043d\u044b\u0439',assigned:'\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e',available:'\u0421\u0432\u043e\u0431\u043e\u0434\u0435\u043d',away:'\u041d\u0430 \u0432\u044b\u0435\u0437\u0434\u0435',jobs:'\u0417\u0430\u0434\u0430\u043d\u0438\u044f',checklist:'\u0421\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0432\u0435\u0440\u043e\u043a',mobileTitle:'\u0412\u0441\u0451 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u2014 \u043f\u043e\u0434 \u0440\u0443\u043a\u043e\u0439.',mobileBody:'\u0410\u0434\u0440\u0435\u0441, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0438 \u043e\u0442\u0447\u0451\u0442 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043e\u0434\u043d\u043e\u043c \u0437\u0430\u0434\u0430\u043d\u0438\u0438. \u0414\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440 \u0432\u0438\u0434\u0438\u0442 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0432 \u043e\u0431\u0449\u0435\u043c \u0440\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0438.',start:'\u041d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',finish:'\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443',jobStarted:'\u0420\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0447\u0430\u0442\u0430',jobFinished:'\u041e\u0442\u0447\u0451\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d',instructions:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0434\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0441\u043b\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f.',documents:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b',messages:'\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f',requests:'\u0417\u0430\u043f\u0440\u043e\u0441\u044b',approval:'\u041e\u0436\u0438\u0434\u0430\u044e\u0442 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f',next:'\u0421\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u044d\u0442\u0430\u043f',milestones:'\u042d\u0442\u0430\u043f\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430',files:'\u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u044b',folder:'\u041f\u0430\u043f\u043a\u0430',updated:'\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e',size:'\u0420\u0430\u0437\u043c\u0435\u0440',send:'\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c',message:'\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435',design:'\u042d\u043a\u0440\u0430\u043d\u044b \u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438',contract:'\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u043f\u0440\u043e\u0435\u043a\u0442\u0430',technical:'\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f',meeting:'\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430',messageBody:'\u041e\u0431\u043d\u043e\u0432\u043b\u0451\u043d\u043d\u044b\u0435 \u044d\u043a\u0440\u0430\u043d\u044b \u0433\u043e\u0442\u043e\u0432\u044b. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u0437\u0430\u044f\u0432\u043a\u0438 \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0432\u0441\u0442\u0440\u0435\u0447\u0438.',messageReply:'\u0421\u043f\u0430\u0441\u0438\u0431\u043e. \u0414\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u0437\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u044f \u0432 \u043e\u0431\u0449\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442.',requestTitle:'\u0421\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u044f \u0437\u0430\u044f\u0432\u043a\u0438',requestDescription:'\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u043e\u043b\u044f \u0438 \u0442\u0435\u043a\u0441\u0442\u044b \u043f\u0435\u0440\u0435\u0434 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u043e\u0439.',permissions:'\u041f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430',subscriptions:'\u041f\u043e\u0434\u043f\u0438\u0441\u043a\u0438',integrations:'\u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438',triggers:'\u0421\u043e\u0431\u044b\u0442\u0438\u044f',actions:'\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044f',calendar:'\u041a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c',account:'\u0410\u043a\u043a\u0430\u0443\u043d\u0442',online:'\u041b\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0431\u0438\u043d\u0435\u0442',records:'\u0437\u0430\u043f\u0438\u0441\u0435\u0439',noResults:'\u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u043e.',close:'\u0417\u0430\u043a\u0440\u044b\u0442\u044c',readDoc:'\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442',documentBody:'\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430: \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0439, \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0448\u0430\u0433\u0438. \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435.',draft:'\u0427\u0435\u0440\u043d\u043e\u0432\u0438\u043a',sent:'\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e',paid:'\u041e\u043f\u043b\u0430\u0447\u0435\u043d\u043e',report:'\u041e\u0442\u0447\u0451\u0442',team:'\u041a\u043e\u043c\u0430\u043d\u0434\u0430',queue:'\u041a \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0435',enabled:'\u0412\u043a\u043b\u044e\u0447\u0435\u043d\u043e',disabled:'\u0412\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u043e'}\n};const w=words[l],money=n=>new Intl.NumberFormat(l,{style:'currency',currency:'EUR',maximumFractionDigits:0}).format(n),esc=s=>String(s).replace(/[&<>\"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\nconst icon=(kind=0)=>`<svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" stroke=\"currentColor\" stroke-width=\"1.5\">${['<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>','<circle cx=\"9\" cy=\"8\" r=\"3\"/><path d=\"M3 21v-3a6 6 0 0 1 12 0v3M17 5a3 3 0 0 1 0 6m1 3a5 5 0 0 1 3 4v3\"/>','<path d=\"M4 4v16h16M8 15l4-5 4 2 5-8\"/>','<rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"/><path d=\"M8 8h8m-8 4h8m-8 4h5\"/>'][kind%4]}</svg>`;\nconst badge=(s,other=false)=>`<span class=\"badge${other?' pending':''}\">${esc(s)}</span>`,avatar=(s='CM')=>`<span class=\"avatar\">${s}</span>`;\nconst local=(fr,en,ru)=>({fr,en,ru})[l];\nconst extra={nexora:[w.contacts,w.tasks,w.reports,w.opportunities],fluxio:[w.triggers,w.actions,w.notifications],orbita:[w.subscriptions,w.permissions,w.settings,local('Analyse','Analytics','\u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430')],terralink:[w.clients,w.reports,w.calendar],clarity:[w.projects,w.notifications,w.account]};\nconst names=[...p.screenNames.map(x=>x[l]),...extra[p.slug]],clients=['Atelier Nord','Maison Ardent','Bureau Solis','Octave Services','Studio Rivage','Nova \u00c9nergie','Alto Conseil'],people=['Camille Martin','Alex Laurent','Sarah Bernard','Louis Moreau','Nina Robert'];\nlet view=Number(new URLSearchParams(location.search).get('screen')||location.hash.slice(1)||document.body.dataset.initialScreen||0),selectedNode=1,toastTimer;\nif(!Number.isInteger(view)||view<0||view>=names.length)view=0;\nlet state;try{state=JSON.parse(localStorage.getItem('veylonic-'+p.slug)||'{}')}catch{state={}}state.records??=[];state.messages??=[];state.connections??={};state.nodeConfig??={};\nconst persist=()=>{try{localStorage.setItem('veylonic-'+p.slug,JSON.stringify(state))}catch{}};\nfunction notify(s=w.saved){const n=document.getElementById('notice');n.textContent=s;clearTimeout(toastTimer);toastTimer=setTimeout(()=>n.textContent='',3500)}\nfunction table(head,rows){return `<div class=\"table-wrap\"><table class=\"data-table\"><thead><tr>${head.map(x=>`<th scope=\"col\">${x}</th>`).join('')}</tr></thead><tbody>${rows.map(r=>`<tr>${r.map(c=>`<td>${c}</td>`).join('')}</tr>`).join('')}</tbody></table></div>`}\nfunction metric(label,value,note){return `<div class=\"metric\"><small>${label}</small><strong>${value}</strong><small>${note||w.period}</small></div>`}\nfunction chart(bar=false){return `<div class=\"chart\"><div class=\"chart-legend\"><span><i class=\"legend-dot\"></i>${w.actual}</span><span>${w.target}</span></div><svg viewBox=\"0 0 650 200\" role=\"img\" aria-label=\"${w.activity}\"><path d=\"M25 15H630M25 60H630M25 105H630M25 150H630\" stroke=\"var(--line)\"/>${bar?Array.from({length:12},(_,i)=>`<rect x=\"${38+i*48}\" y=\"${145-[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" width=\"17\" height=\"${[65,88,80,103,94,120,100,90,114,132,119,128][i]}\" fill=\"var(--accent)\" rx=\"3\"/><rect x=\"${57+i*48}\" y=\"${145-[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" width=\"11\" height=\"${[50,63,57,72,67,82,80,69,92,97,90,108][i]}\" fill=\"var(--soft)\" rx=\"2\"/>`).join(''):'<path d=\"M25 139C60 137 70 103 112 116S173 80 210 95S261 55 300 73S350 48 390 56S443 25 482 40S535 23 568 30S607 9 630 15\" stroke=\"var(--accent)\" stroke-width=\"2.5\" fill=\"none\"/><path d=\"M25 146 112 137 210 120 300 105 390 93 482 75 568 67 630 50\" stroke=\"var(--muted)\" stroke-width=\"1\" stroke-dasharray=\"4 5\" fill=\"none\"/>'}${[0,1,2,3,4,5,6].map(i=>`<text x=\"${25+i*100}\" y=\"183\">${String(1+i*4).padStart(2,'0')} ${w.month.slice(0,3)}</text>`).join('')}</svg></div>`}\nconst panel=(title,body,meta=w.period)=>`<section class=\"panel\"><div class=\"panel-head\"><h2>${title}</h2><small>${meta}</small></div>${body}</section>`;\nfunction tasks(){return `<div class=\"task-list\">${[w.meeting,w.requestTitle,w.report,w.documents].map((x,i)=>`<label class=\"task-row\"><input type=\"checkbox\" data-task=\"${i}\" ${state['task'+i]?'checked':''}><span>${x}<br><small>${[10,11,14,16][i]}:30 \u00b7 ${clients[i]}</small></span>${avatar(['CM','AL','SB','LM'][i])}</label>`).join('')}</div>`}\nfunction clientTable(contacts=false){const rows=[...clients,...state.records].map((c,i)=>[`${esc(c)}<small>${contacts?esc(people[i%5]):'CL-'+(1200+i)}</small>`,contacts?esc(people[i%5].toLowerCase().replaceAll(' ','.')+'@example.com'):esc(people[i%5]),badge(i%3===0?w.pending:w.active,i%3===0),money(4500+i*1250),`<button data-detail=\"${esc(c)}\">${w.view}</button>`]);return `<div class=\"panel\"><div class=\"list-toolbar\"><select aria-label=\"${w.status}\" data-filter><option value=\"all\">${w.all}</option><option>${w.active}</option><option>${w.pending}</option></select><span class=\"badge\">${rows.length} ${w.records}</span></div>${table([w.company,contacts?w.email:w.owner,w.status,w.value,''],rows)}<div class=\"list-footer\"><span>1\u2013${rows.length} / ${rows.length}</span><span>25 / page</span></div></div>`}\nfunction nexora(){if(view===7)return panel(w.opportunities,table([w.company,w.owner,w.value,w.status,w.date],clients.map((c,i)=>[c,people[i%5],money(3600+i*1700),badge([w.new,w.active,w.pending][i%3],i%3===2),'28.10.2026'])));if(view===6)return `<div class=\"metrics\">${metric(w.revenue,money(48250))}${metric(w.conversion,'32,4%')}${metric(w.opportunities,'24')}${metric(w.clients,'86')}</div>${panel(w.sales,chart())}${panel(w.reports,table([w.month,w.revenue,w.opportunities,w.conversion],[0,1,2].map((n)=>[['08 / 2026','09 / 2026','10 / 2026'][n],money(39000+n*4600),String(18+n*3),String(27+n*2.7).slice(0,4)+'%'])))} `;if(view===1||view===4)return clientTable(view===4);if(view===2)return `<div class=\"pipeline\">${[w.new,w.active,w.pending,w.done].map((s,i)=>`<section class=\"pipeline-col\"><div class=\"pipeline-head\"><span>${s}</span><span>${[3,2,2,1][i]}</span></div><small>${money([19400,27200,15750,8400][i])}</small>${[0,1,...(i===0?[2]:[])].map((_,j)=>`<article class=\"deal\"><p>${clients[(i+j)%7]}</p><small>${[w.project,w.contract,w.technical][j%3]}</small><strong>${money(3400+i*1800+j*900)}</strong><div class=\"deal-footer\"><small>24 ${w.month.slice(0,3)}</small>${avatar(['CM','AL','SB'][j%3])}</div></article>`).join('')}</section>`).join('')}</div>`;if(view===3)return panel(w.total,table([w.name,w.company,w.value,w.status,w.date],clients.slice(0,6).map((c,i)=>['DEV-2026-'+(121+i),c,money(2500+i*1200),badge([w.draft,w.sent,w.paid][i%3],i%3===0),'18.10.2026'])));if(view===5)return panel(w.tasks,tasks(),w.today);return `<div class=\"metrics\">${metric(w.revenue,money(48250),'+12,8% \u00b7 '+w.period)}${metric(w.opportunities,'24',money(116800))}${metric(w.clients,'86','+6 \u00b7 '+w.period)}${metric(w.conversion,'32,4%','+3,2 pts')}</div><div class=\"grid-two\">${panel(w.sales,chart())}${panel(w.tasks,tasks(),w.today)}</div>${panel(w.opportunities,table([w.company,w.owner,w.value,w.status],clients.slice(0,3).map((c,i)=>[c,people[i],money(7200+i*1800),badge(i===1?w.pending:w.active,i===1)])))}`}\nfunction workflow(){const config=state.nodeConfig[(state.flow||'lead')+':'+selectedNode]||{field:'email',condition:w.required};const alternate=state.flow==='invoice',nodes=alternate?[local('Recevoir la facture','Receive invoice','\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0447\u0451\u0442'),local('V\u00e9rifier le montant','Check amount','\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0441\u0443\u043c\u043c\u0443'),local('Cr\u00e9er le document','Create document','\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442'),w.review,local('Notifier la comptabilit\u00e9','Notify accounting','\u0423\u0432\u0435\u0434\u043e\u043c\u0438\u0442\u044c \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0438\u044e')]:[w.trigger,w.validate,w.create,w.review,w.notify],notes=alternate?['Webhook / Invoice','total > 0','Storage / JSON',w.reviewNote,'Email / Finance']:[w.triggerNote,w.validateNote,w.createNote,w.reviewNote,w.notifyNote];return `<div class=\"workflow-layout\"><div class=\"workflow-board\"><label class=\"flow-picker\">${w.workflow}<select data-flow aria-label=\"${local('Choisir le processus','Choose workflow','\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441')}\"><option value=\"lead\" ${state.flow!=='invoice'?'selected':''}>${w.workflow}</option><option value=\"invoice\" ${state.flow==='invoice'?'selected':''}>${local('Validation de facture','Invoice approval','\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0441\u0447\u0451\u0442\u0430')}</option></select></label><svg class=\"connections\" viewBox=\"0 0 800 635\" preserveAspectRatio=\"none\"><path d=\"M200 154H345M443 195V320M443 407V495H185M540 365H610\" stroke=\"#8A97C5\" stroke-width=\"1.5\" fill=\"none\"/><circle cx=\"200\" cy=\"154\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"443\" cy=\"320\" r=\"4\" fill=\"#A8B5FF\"/><circle cx=\"610\" cy=\"365\" r=\"4\" fill=\"#A8B5FF\"/></svg>${nodes.map((n,i)=>`<button class=\"workflow-node node-${i}${selectedNode===i?' selected':''}\" data-node=\"${i}\"><span class=\"node-type\"><span class=\"node-icon\">${['01','02','03','05','04'][i]}</span>${n}</span><small>${notes[i]}</small></button>`).join('')}<span class=\"flow-caption\">100% \u00b7 ${w.workspace}</span></div><aside class=\"settings-pane\"><small>${w.block}</small><h2 style=\"margin-top:14px\">${nodes[selectedNode]}</h2><label>${w.field}<select data-node-field>${['email','company','request_id'].map(field=>`<option ${config.field===field?'selected':''}>${field}</option>`).join('')}</select></label><label>${w.condition}<input data-node-condition value=\"${esc(config.condition)}\" aria-label=\"${w.condition}\"></label><p>${w.fieldHint}</p><button class=\"primary\" data-save style=\"margin-top:28px\">${w.save}</button></aside></div>`}\nfunction fluxio(){if(view===0)return workflow();if(view===1)return `<p class=\"section-note\">${w.integrations} / ${w.workspace}</p><div class=\"integration-grid\">${['NEXORA CRM','Email / SMTP','Webhook API','PostgreSQL','ORBITA','Storage API'].map((x,i)=>{const on=state.connections[i]??i<4;return `<article class=\"panel integration\"><div class=\"integration-symbol\">${['N','@','{}','DB','O','S'][i]}</div><h3>${x}</h3><small>${['CRM','SMTP','REST / JSON','SQL','SaaS','Documents'][i]}</small><div style=\"display:flex;justify-content:space-between;align-items:center\">${badge(on?w.connected:w.disabled,!on)}<button data-connect=\"${i}\" style=\"margin-top:18px;font-size:11px\">${on?w.disconnect:w.connect}</button></div></article>`}).join('')}</div>`;if(view===2)return panel(w.history,table(['ID',w.name,w.status,w.duration,w.date],Array.from({length:8},(_,i)=>['EX-'+(2048-i),w.workflow,badge(i===3?w.errors:w.done,i===3),[248,312,276,504,192,281,324,297][i]+' ms','20.10 \u00b7 '+(14-i)+':24'])));if(view===4)return panel(w.triggers,table([w.name,w.condition,w.status],[['Webhook API','POST / request',badge(w.enabled)],[local('Planification','Schedule','\u0420\u0430\u0441\u043f\u0438\u0441\u0430\u043d\u0438\u0435'),'Every day / 09:00',badge(w.enabled)],[local('Lancement manuel','Manual run','\u0420\u0443\u0447\u043d\u043e\u0439 \u0437\u0430\u043f\u0443\u0441\u043a'),'On demand',badge(w.enabled)]]));if(view===5)return panel(w.actions,table([w.name,w.condition,w.status],[[w.create,'NEXORA / Client',badge(w.enabled)],[w.notify,'Email / Team',badge(w.enabled)],[w.review,'Approval / Owner',badge(w.enabled)]]));if(view===6)return panel(w.notifications,table([w.name,w.result,w.date],[[w.errors,'EX-2045 / Validate','20.10 \u00b7 11:24'],[w.done,'EX-2048 / Notify','20.10 \u00b7 14:24']]));return `<div class=\"metrics\">${metric(w.runs,'2 048')}${metric(w.success,'99,7%')}${metric(w.duration,'284 ms')}${metric(w.errors,'6')}</div><div class=\"grid-two\">${panel(w.runs,chart(true))}${panel(w.integrations,table([w.name,w.status],[['Webhook API',badge(w.connected)],['NEXORA CRM',badge(w.connected)],['Email / SMTP',badge(w.connected)]]))}</div>${panel(w.history,[['14:24:03','EX-2048',w.trigger],['14:24:03','EX-2048',w.validate],['14:24:04','EX-2048',w.create],['14:24:04','EX-2048',w.done]].map(r=>`<div class=\"log-line\"><time>${r[0]}</time><span>${r[1]}</span><span>${r[2]}</span></div>`).join(''))}`}\nfunction members(){return panel(w.members,table([w.name,w.email,w.role,w.status],people.map((n,i)=>[`${avatar(n.split(' ').map(x=>x[0]).join(''))} ${n}`,n.toLowerCase().replaceAll(' ','.')+'@example.com',`<select aria-label=\"${w.role} ${n}\" data-role><option>${i===0?w.admin:w.editor}</option><option>${w.viewer}</option></select>`,badge(w.active)])))}\nfunction projectBoard(){return `<div class=\"project-board\">${[w.online,w.technical,w.integrations,w.design,w.reports,w.requests].map((x,i)=>`<article class=\"panel project-tile\"><div style=\"display:flex;justify-content:space-between\"><h3>${x}</h3>${badge(i===3?w.pending:w.active,i===3)}</div><small>${clients[i%7]}</small><p style=\"font-size:12px;color:var(--muted)\">${w.next} \u00b7 ${[w.design,w.documents,w.meeting][i%3]}</p><div class=\"progress-line\"><span style=\"width:${[72,48,86,35,62,91][i]}%\"></span></div><small>${w.progress} \u00b7 ${[72,48,86,35,62,91][i]}%</small><div class=\"tile-footer\"><div class=\"avatars\">${avatar('CM')}${avatar('AL')}${avatar('SB')}</div><small>28 ${w.month.slice(0,3)}</small></div></article>`).join('')}</div>`}\nfunction orbita(){if(view===7)return `<div class=\"metrics\">${metric(w.projects,'8')}${metric(w.complete,'124 / 156')}${metric(w.members,'12')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.progress,chart())}</div>${panel(w.reports,table([w.project,w.progress,w.owner,w.delivery],[[w.online,'72%',people[0],'28.10.2026'],[w.integrations,'86%',people[1],'30.10.2026'],[w.technical,'48%',people[2],'04.11.2026']]))}`;if(view===1)return projectBoard();if(view===2||view===5)return members();if(view===3||view===4)return `<div class=\"billing-grid\"><div class=\"panel plan-summary\"><small>${w.plan}</small><h2 style=\"margin-top:14px\">Business</h2><strong>${money(149)}<small> / ${w.month.toLowerCase()}</small></strong><p>12 ${w.members.toLowerCase()} \u00b7 100 GB</p>${badge(w.active)}</div><div class=\"panel plan-summary\"><h2>${w.storage}</h2><strong>24,8 <small>/ 100 GB</small></strong><div class=\"progress-line\"><span style=\"width:25%\"></span></div><p>${w.members}: 12 / 20</p></div></div>${panel(w.billing,table([w.name,w.date,w.value,w.status],['10','09','08','07'].map(m=>['INV-2026-'+m,'01.'+m+'.2026',money(149),badge(w.paid)])))}`;if(view===6)return settings();return `<div class=\"orbita-welcome\"><div><h2>${w.welcome}.</h2><p>${w.delivery}: ${w.online} \u00b7 28 ${w.month.toLowerCase()}. 3 ${w.requests.toLowerCase()} \u00b7 ${w.pending.toLowerCase()}.</p></div><button class=\"primary\" data-view=\"1\">${w.projects}</button></div><div class=\"metrics\">${metric(w.projects,'8')}${metric(w.members,'12')}${metric(w.complete,'124 / 156')}${metric(w.storage,'24,8 GB')}</div><div class=\"grid-two\">${panel(w.activity,chart(true))}${panel(w.capacity,people.slice(0,4).map((n,i)=>`<div style=\"padding:12px 22px\">${avatar(n.split(' ').map(x=>x[0]).join(''))} <small>${n}</small><div class=\"progress-line\"><span style=\"width:${[76,62,88,54][i]}%\"></span></div></div>`).join(''))}</div>${panel(w.projects,table([w.project,w.owner,w.progress,w.delivery],[[w.online,'Camille Martin','72%','28.10.2026'],[w.integrations,'Alex Laurent','86%','30.10.2026']]))}`}\nfunction settings(){return `<div class=\"panel plan-summary\"><h2>${w.settings}</h2><div style=\"margin-top:22px;display:grid;gap:20px\">${[w.notifications,w.reports,w.permissions].map((x,i)=>`<label style=\"display:flex;gap:14px;align-items:center\"><input type=\"checkbox\" data-setting=\"${i}\" ${state['setting'+i]!==false?'checked':''}>${x}</label>`).join('')}<label>${w.name}<input class=\"search\" value=\"Camille Martin\" aria-label=\"${w.name}\"></label><button class=\"primary\" style=\"width:max-content\" data-save>${w.save}</button></div></div>`}\nfunction render(){const action=p.slug==='fluxio'?w.run:p.slug==='orbita'&&view===2?w.invite:w.add;root.innerHTML=`<div class=\"shell\"><aside class=\"sidebar\"><a class=\"product-brand\" href=\"#0\"><span class=\"product-mark\">${p.name[0]}</span>${p.name}</a><div class=\"workspace\">${w.workspace}<span>01</span></div><nav class=\"nav-group\" aria-label=\"${w.workspace}\">${names.map((n,i)=>`<button data-view=\"${i}\" ${i===view?'aria-current=\"page\"':''}>${icon(i)}<span>${n}</span></button>`).join('')}</nav><div class=\"sidebar-bottom\"><small>${p.name} / ${w.online}</small><div class=\"account\">${avatar()}<div>Camille Martin<small style=\"display:block\">${w.admin}</small></div></div></div></aside><main class=\"main\"><header class=\"topbar\"><span class=\"topbar-label\">${p.name} / ${names[view]}</span><div class=\"topbar-tools\"><input class=\"search\" type=\"search\" aria-label=\"${w.search}\" placeholder=\"${w.search}\">${avatar()}</div></header><div class=\"content\"><div class=\"page-top\"><div><h1>${names[view]}</h1><p>${view===0?p.title[l]:w.workspace+' / '+p.name}</p></div><div class=\"actions\"><button class=\"secondary\" data-export>${w.download}</button><button class=\"primary\" data-add>${action}</button></div></div>${({nexora,fluxio,orbita})[p.slug]()}<footer class=\"app-footer\"><span>${p.name} / ${w.workspace}</span><span>${w.today} \u00b7 2026</span></footer></div></main></div><div id=\"notice\" class=\"notice\" role=\"status\"></div><dialog id=\"record-dialog\"><form method=\"dialog\" id=\"record-form\"><h2>${w.add}</h2><label>${w.name}<input required name=\"record\" maxlength=\"100\"></label><label>${w.email}<input type=\"email\" name=\"email\" placeholder=\"contact@example.com\"></label><div class=\"actions\"><button type=\"button\" class=\"secondary\" data-close>${w.cancel}</button><button class=\"primary\" value=\"save\">${w.save}</button></div></form></dialog><dialog id=\"detail-dialog\"><h2></h2><p style=\"margin:20px 0;line-height:1.9\"></p><button class=\"primary\" data-close>${w.close}</button></dialog>`;bind()}\nfunction bind(){root.querySelectorAll('[data-view]').forEach(b=>b.onclick=()=>{view=Number(b.dataset.view);history.replaceState(null,'','#'+view);render()});root.querySelectorAll('[data-task]').forEach(b=>b.onchange=()=>{state['task'+b.dataset.task]=b.checked;persist()});root.querySelectorAll('[data-setting]').forEach(b=>b.onchange=()=>{state['setting'+b.dataset.setting]=b.checked;persist();notify()});root.querySelectorAll('[data-save]').forEach(b=>b.onclick=()=>{if(p.slug==='fluxio'&&view===0){state.nodeConfig[(state.flow||'lead')+':'+selectedNode]={field:root.querySelector('[data-node-field]').value,condition:root.querySelector('[data-node-condition]').value};persist()}notify()});root.querySelector('[data-add]').onclick=()=>{if(p.slug==='fluxio'){state.lastRun=Date.now();persist();notify(w.runDone);return}document.getElementById('record-dialog').showModal()};root.querySelectorAll('[data-close]').forEach(b=>b.onclick=()=>b.closest('dialog').close());root.querySelector('#record-form').onsubmit=e=>{e.preventDefault();const f=new FormData(e.currentTarget),name=String(f.get('record')||'').trim();if(!name)return;state.records.push(name);persist();render();notify()};root.querySelector('[data-export]').onclick=()=>{const rows=[...root.querySelectorAll('.data-table tr')].map(r=>[...r.querySelectorAll('th,td')].map(c=>'\"'+c.textContent.replaceAll('\"','\"\"')+'\"').join(','));const blob=new Blob(['\\uFEFF'+(rows.length?rows.join('\\n'):'Product,View\\n'+p.name+','+names[view])],{type:'text/csv;charset=utf-8'}),url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=p.slug+'.csv';a.click();setTimeout(()=>URL.revokeObjectURL(url),1000)};root.querySelector('.search').oninput=e=>{const q=e.target.value.toLowerCase();root.querySelectorAll('.data-table tbody tr,.deal,.integration,.project-tile,.request-line').forEach(n=>n.hidden=!n.textContent.toLowerCase().includes(q))};root.querySelector('[data-filter]')?.addEventListener('change',e=>root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=e.target.value!=='all'&&!n.textContent.includes(e.target.value)));root.querySelectorAll('[data-connect]').forEach(b=>b.onclick=()=>{const i=Number(b.dataset.connect);state.connections[i]=!(state.connections[i]??i<4);persist();render();notify()});root.querySelector('[data-flow]')?.addEventListener('change',e=>{state.flow=e.target.value;persist();selectedNode=1;render()});root.querySelectorAll('[data-node]').forEach(b=>b.onclick=()=>{selectedNode=Number(b.dataset.node);render()});root.querySelectorAll('[data-role]').forEach(b=>b.onchange=()=>notify());root.querySelector('[data-job]')?.addEventListener('click',()=>{if(state.jobStarted)state.jobDone=true;else state.jobStarted=true;persist();render();notify(state.jobDone?w.jobFinished:w.jobStarted)});root.querySelector('.composer')?.addEventListener('submit',e=>{e.preventDefault();const field=e.currentTarget.elements.message;const value=field.value.trim();if(value){state.messages.push(value);persist();render();notify()}});root.querySelectorAll('[data-thread]').forEach(b=>b.onclick=()=>{root.querySelectorAll('.message-item').forEach(n=>n.classList.toggle('selected',n===b));root.querySelector('.thread h2').textContent=[w.design,w.technical,w.meeting][Number(b.dataset.thread)]});root.querySelectorAll('[data-document],[data-detail]').forEach(b=>b.onclick=()=>{const d=document.getElementById('detail-dialog');d.querySelector('h2').textContent=b.dataset.document||b.dataset.detail;d.querySelector('p').textContent=b.dataset.document?w.documentBody:w.requestDescription;d.showModal()});root.querySelectorAll('[data-folder]').forEach(b=>b.onclick=()=>{const folder=[w.design,w.contract,w.technical][Number(b.dataset.folder)];root.querySelectorAll('.data-table tbody tr').forEach(n=>n.hidden=!n.textContent.includes(folder))});root.querySelectorAll('[data-request-filter]').forEach(b=>b.onclick=()=>{root.querySelectorAll('[data-request-filter]').forEach(n=>n.classList.toggle('selected',n===b));root.querySelectorAll('.request-line').forEach(n=>n.hidden=b.dataset.requestFilter!=='all'&&!n.textContent.includes(b.dataset.requestFilter))})}\nwindow.addEventListener('hashchange',()=>{const n=Number(location.hash.slice(1));if(Number.isInteger(n)&&n>=0&&n<names.length){view=n;render()}});render();\n})();\n</script></body></html>"}}