{"id":1297,"date":"2024-09-29T17:02:03","date_gmt":"2024-09-29T15:02:03","guid":{"rendered":"https:\/\/valo.troispetitspoints.org\/?page_id=1297"},"modified":"2024-09-30T12:42:38","modified_gmt":"2024-09-30T10:42:38","slug":"estimez-le-budget-de-votre-motion-design","status":"publish","type":"page","link":"https:\/\/valo.troispetitspoints.org\/en\/estimez-le-budget-de-votre-motion-design\/","title":{"rendered":"Estimez le budget d&rsquo;un Motion Design"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Budget Estim\u00e9<\/title>\n    <style>\n        body {\n            display: grid;\n            place-items: center;\n            font-family: Arial, sans-serif;\n            background-color: #f9f9f9;\n            padding: 20px;\n        }\n        .container {\n            background: white;\n            border: 5px solid #ddd;\n            border-radius: 15px;\n            padding: 20px;\n            width: 100%;\n            max-width: 600px;\n            box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);\n            text-align: center;\n        }\n        h1 {\n            color: lightgreen;\n            font-size: 2em;\n            text-transform: uppercase;\n        }\n        label {\n            display: block;\n            margin-top: 10px;\n            margin-bottom: 5px;\n        }\n        input {\n            padding: 8px;\n            width: 90%;\n            margin-bottom: 10px;\n            border: 2px solid #ddd;\n            border-radius: 5px;\n        }\n        button {\n            padding: 10px 15px;\n            background-color: lightblue;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n        }\n        #result {\n            margin-top: 20px;\n            color: green;\n            font-weight: bold;\n        }\n        .info {\n            color: lightgrey;\n            font-size: 0.9em;\n            margin-bottom: 10px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <h1>ESTIMEZ LE BUDGET DE VOTRE PROJET DE MOTION DESIGN<\/h1>\n    <p class=\"info\">Cette application \u00e9value le co\u00fbt d&rsquo;une production de motion design chez TROIS PETITS POINTS.<\/p>\n\n    <div style=\"padding: 20px;\">\n        <p class=\"info\">Un motion design est une technique d&rsquo;animation 2D r\u00e9alis\u00e9e en d\u00e9pla\u00e7ant des visuels fixes r\u00e9alis\u00e9s par nos dessinateurs.<\/p>\n\n        <label for=\"videos\">Nombre de vid\u00e9os \u00e0 produire :<\/label>\n        <input type=\"number\" id=\"videos\" placeholder=\"Entrez le nombre de vid\u00e9os\" min=\"1\" required>\n\n        <label for=\"duration\">Dur\u00e9e totale des vid\u00e9os (en minutes) :<\/label>\n        <input type=\"number\" id=\"duration\" placeholder=\"Entrez la dur\u00e9e totale\" min=\"1\" required>\n\n        <label for=\"visuals\">Nombre de visuels :<\/label>\n        <div style=\"padding: 2px;\">\n            <p class=\"info\">Il faut compter environ 1 visuel toutes les 10 secondes au minimum.<\/p>\n            <input type=\"number\" id=\"visuals\" placeholder=\"Entrez le nombre de visuels\" min=\"0\" required>\n        <\/div>\n\n        <label for=\"designer\">Choisissez un dessinateur :<\/label>\n        <select id=\"designer\">\n            <option value=\"4\">Valentina Principe<\/option>\n            <option value=\"3\">J\u00e9r\u00e9mie Camus<\/option>\n            <option value=\"2\">J\u00e9r\u00f4me Laniau<\/option>\n        <\/select>\n\n        <label for=\"complexity\">Complexit\u00e9 technique et scientifique estim\u00e9e (de 1 \u00e0 5) :<\/label>\n        <input type=\"number\" id=\"complexity\" placeholder=\"Entrez le degr\u00e9 de complexit\u00e9\" min=\"1\" max=\"5\" required>\n\n        <button onclick=\"calculateBudget()\">Calculer le Budget<\/button>\n        <div style=\"padding: 20px;\">\n            <p class=\"info\">Cette application r\u00e9alise une \u00e9valuation. Pour un devis plus pr\u00e9cis, contactez-nous :<\/p>\n            <h2 id=\"result\"><\/h2>\n        <\/div> <!-- fermeture du div interne -->\n    <\/div> <!-- fermeture du div contenant les \u00e9l\u00e9ments du formulaire -->\n<\/div> <!-- fermeture du conteneur principal -->\n\n<script>\n    function calculateBudget() {\n        const dailyRate = 450; \/\/ Taux journalier\n        const visualsBaseCost = 15; \/\/ Co\u00fbt de base par visuel\n        const editingRate = 375; \/\/ Taux de montage\n\n        const numVideos = parseInt(document.getElementById('videos').value);\n        const totalDuration = parseInt(document.getElementById('duration').value);\n        const numVisuals = parseInt(document.getElementById('visuals').value);\n        const complexity = parseInt(document.getElementById('complexity').value);\n        const designerMultiplier = parseFloat(document.getElementById('designer').value);\n\n        \/\/ Calcul du budget d'animation (2 jour par minute de vid\u00e9o)\n        let animationDays = totalDuration + numVideos + 1; \/\/ 1 jour par minute de vid\u00e9o + 1 par vid\u00e9o + 1 jour\n        let animationBudget = animationDays * dailyRate;\n\n        \/\/ Co\u00fbt des visuels\n        let visualsBudget = numVisuals * visualsBaseCost * designerMultiplier;\n\n        \/\/ Budget total\n        let totalBudget = animationBudget + visualsBudget;\n\n        \/\/ Ajout du co\u00fbt selon la complexit\u00e9 technique\n        const complexityRates = [0, 0.1, 0.15, 0.2, 0.25];\n        totalBudget += totalBudget * (complexityRates[complexity - 1]);\n\n        \/\/ Calcul TTC\n        const totalBudgetTTC = totalBudget * 1.20; \/\/ Ajout de 20% de TVA\n\n        \/\/ Affichage du r\u00e9sultat\n        document.getElementById('result').innerText = `Budget Estim\u00e9 : ${totalBudget.toFixed(2)} \u20ac HT (${totalBudgetTTC.toFixed(2)} \u20ac TTC)`;\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Application de Budget pour la Communication Scientifique en Motion Design<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cette\u00a0<strong>application<\/strong>\u00a0a \u00e9t\u00e9 d\u00e9velopp\u00e9e par l&rsquo;agence\u00a0<strong>Trois Petits Points<\/strong>\u00a0pour aider \u00e0\u00a0<strong>estimer le budget<\/strong>\u00a0d&rsquo;un projet de\u00a0<strong>motion design<\/strong>. Elle s&rsquo;adresse aux\u00a0<strong>professionnels<\/strong>\u00a0de la\u00a0<strong>communication scientifique<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 cet outil, il est possible d&rsquo;\u00e9valuer rapidement et efficacement les\u00a0<strong>co\u00fbts<\/strong>\u00a0de production de vid\u00e9os anim\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong> Estimation de prix d&rsquo;un motion design en communication Scientifique<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les utilisateurs doivent d&rsquo;abord entrer le\u00a0<strong>nombre de vid\u00e9os<\/strong>\u00a0\u00e0 produire. Ensuite, ils indiquent la\u00a0<strong>dur\u00e9e totale<\/strong>\u00a0des vid\u00e9os en\u00a0<strong>minutes<\/strong>. Cette donn\u00e9e est essentielle pour d\u00e9terminer le\u00a0<strong>temps de travail<\/strong>\u00a0n\u00e9cessaire. L&rsquo;application demande \u00e9galement le\u00a0<strong>nombre de visuels<\/strong>\u00a0\u00e0 int\u00e9grer. Il faut compter environ\u00a0<strong>un visuel toutes les 10 secondes<\/strong> environ.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Personnalisation et Choix de Dessinateur en Communication Scientifique<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un choix de\u00a0<strong>dessinateur<\/strong>\u00a0est propos\u00e9 via un menu d\u00e9roulant. Cela permet aux utilisateurs de\u00a0<strong>s\u00e9lectionner le style graphique<\/strong>\u00a0souhait\u00e9 et ajouter une touche\u00a0<strong>personnalis\u00e9e<\/strong>\u00a0\u00e0 chaque projet. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u00c9valuation de la Complexit\u00e9 Technique en Communication Scientifique<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;application invite \u00e9galement \u00e0 \u00e9valuer la&nbsp;<strong>complexit\u00e9 technique<\/strong>&nbsp;et scientifique du projet sur une \u00e9chelle de&nbsp;<strong>1 \u00e0 5<\/strong>. Ce crit\u00e8re influence directement le budget final, garantissant une&nbsp;<strong>estimation pr\u00e9cise<\/strong>&nbsp;en fonction des sp\u00e9cificit\u00e9s du projet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Calcul du Budget : Un outil pour la Communication Scientifique<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a0<strong>\u00ab\u00a0Calculer le Budget\u00a0\u00bb<\/strong>\u00a0: Le budget d&rsquo;animation est calcul\u00e9 en tenant compte de la dur\u00e9e totale, du dessinateur choisi et du nombre de vid\u00e9os. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le\u00a0<strong>budget total<\/strong>\u00a0combine le co\u00fbt de l&rsquo;animation et celui des visuels, ajust\u00e9 selon la\u00a0<strong>complexit\u00e9<\/strong>\u00a0du projet. Le montant total est affich\u00e9, incluant la\u00a0<strong>TVA de 20%<\/strong>. Ainsi, l&rsquo;utilisateur re\u00e7oit une\u00a0<strong>estimation claire et d\u00e9taill\u00e9e<\/strong>\u00a0du co\u00fbt de sa production.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Un outil pr\u00e9cieux pour la Communication Scientifique<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cette application de&nbsp;<strong>budget<\/strong>&nbsp;est un outil pr\u00e9cieux pour les acteurs de la&nbsp;<strong>communication scientifique<\/strong>. Elle leur permet de mieux&nbsp;<strong>planifier leurs projets<\/strong>, d&rsquo;optimiser leurs ressources et de faire des&nbsp;<strong>choix \u00e9clair\u00e9s<\/strong>. En utilisant cette application, ils contribuent \u00e0 rendre la science plus&nbsp;<strong>accessible<\/strong>&nbsp;et&nbsp;<strong>compr\u00e9hensible<\/strong>&nbsp;\u00e0 travers des vid\u00e9os en&nbsp;<strong>motion design<\/strong>&nbsp;engageantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Trois Petits Points<\/strong>&nbsp;s&rsquo;engage \u00e0 fournir des outils innovants pour soutenir la&nbsp;<strong>communication scientifique<\/strong>. Avec cette application, elle renforce son r\u00f4le de&nbsp;<strong>leader<\/strong>&nbsp;dans la production de contenus audiovisuels.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Budget Estim\u00e9 ESTIMEZ LE BUDGET DE VOTRE PROJET DE MOTION DESIGN Cette application \u00e9value le co\u00fbt d&rsquo;une production de motion design chez TROIS PETITS POINTS. Un motion design est une&hellip; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1297","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages\/1297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/comments?post=1297"}],"version-history":[{"count":30,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages\/1297\/revisions"}],"predecessor-version":[{"id":1436,"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/pages\/1297\/revisions\/1436"}],"wp:attachment":[{"href":"https:\/\/valo.troispetitspoints.org\/en\/wp-json\/wp\/v2\/media?parent=1297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}