1<!DOCTYPE html><!-- Last Published: Fri May 15 2026 05:36:53 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="buena-onda-punch.webflow.io" data-wf-page="67e137359e065f9ff87791d0" data-wf-site="67cefdb63429fd75b8bf7b8f" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Blog â Insights & Inspiration</title><link rel="alternate" hrefLang="x-default" href="https://buena-onda-punch.webflow.io/story-scope"/><link rel="alternate" hrefLang="en" href="https://buena-onda-punch.webflow.io/story-scope"/><link rel="alternate" hrefLang="fr" href="https://buena-onda-punch.webflow.io/fr/story-scope"/><link rel="alternate" hrefLang="es" href="https://buena-onda-punch.webflow.io/es/story-scope"/><meta content="Stay up to date with the latest in storytelling, filmmaking, and impact-driven communication. Our blog explores the science behind effective narratives, case studies of organizations using storytelling for change, and expert insights on how to craft messages that truly resonate." name="description"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/css/buena-onda-punch.webflow.shared.88451a503.css" rel="stylesheet" type="text/css" integrity="sha384-iEUaUDoWl2v89fHUdPEcMwts2IpG6P7xibCDohqA4bcWkjfcuhMQlxsW+VrhIxB+" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/67d05127c109c8cd11718c70_32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/67d0512bb87d33c0acc93d5c_256.png" rel="apple-touch-icon"/>
vendor: 86 bytes, line 1
1<script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script>
1<!-- [Attributes by Finsweet] Social Share -->
2<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-socialshare@1/socialshare.js"></script>
2 3<style> 4.blog_content.w-dyn-items .collection_iteam.w-dyn-item:nth-child(even) .blog_bg { 5 background: #C1D5ED; 6} 7 a.link_recetn.w-inline-block.w--current .dot_recent_container .dot { 8 transform: none !important; 9} 10 a.button-line-fill.w-inline-block.w--current .button-line.smaller .button-line-absolute.smaller { 11 width: 100% !important; 12} 13</style>
14<script> 15(function() { 16 var savedLocale = localStorage.getItem("preferredLocale"); 17 18 // Si l'utilisateur a déjà fait un choix manuel, respecter ce choix 19 if (savedLocale) { 20 var currentPath = window.location.pathname; 21 var currentLang = currentPath.match(/^\/(fr|es)/) ? currentPath.match(/^\/(fr|es)/)[1] : "en"; 22 var savedLang = savedLocale === "/" ? "en" : savedLocale.replace("/", ""); 23 24 // Si on n'est pas sur la bonne langue, rediriger 25 if (currentLang !== savedLang) { 26 var pagePath = currentPath.replace(/^\/(fr|es)/, "") || "/"; 27 var newUrl = savedLocale === "/" ? pagePath : savedLocale + pagePath; 28 window.location.replace(newUrl); 29 } 30 return; // Ne pas faire de détection automatique 31 } 32 33 // PREMIÃRE VISITE UNIQUEMENT : Détection automatique de la langue du navigateur 34 // Seulement si on est sur la page d'accueil racine 35 if (window.location.pathname === "/" || window.location.pathname === "/index.html") { 36 var userLang = (navigator.language || navigator.userLanguage || "en").toLowerCase(); 37 var baseLang = userLang.split("-")[0]; // ex: "fr-FR" => "fr" 38 39 var localeMap = { 40 "fr": "/fr", 41 "es": "/es" 42 // EN reste sur / (pas de redirection) 43 }; 44 45 var targetLocale = localeMap[baseLang]; 46 47 if (targetLocale) { 48 // Sauvegarder le choix automatique 49 localStorage.setItem("preferredLocale", targetLocale); 50 window.location.replace(targetLocale); 51 } 52 } 53})(); 54</script>
54</head><body class="body"><div class="homepage"><div id="top" class="header_desktop"><div class="header_container"><a href="/" class="logo_container w-inline-block"><img src="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/67d054cdae016729038af335_Frame.svg" loading="lazy" alt="Buena Onda Stories Logo" class="logo_image"/></a><div class="nav_container-copy"><div class="nav_linked_container"><a href="/" class="button-line-fill w-inline-block"><div>Home</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="/the-science" class="button-line-fill w-inline-block"><div>The Science</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="/our-story" class="button-line-fill w-inline-block"><div>Our Story</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="/story-scope" aria-current="page" class="button-line-fill w-inline-block w--current"><div>StoryScope</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a></div><div class="nav_container-copy"><a href="#" data-w-id="b207f54e-0cb5-e491-54f0-749b826bad11" class="btn1 w-inline-block"><div class="secondary-btn-text1">Contact</div><div class="button-hover-circle1"></div></a><div class="code-embed-2 w-embed"><style> 55.language-selector { 56 position: relative; 57 display: inline-block; 58 font-family: Arial, sans-serif; 59 } 60 61 .language-trigger { 62 display: flex; 63 align-items: center; 64 justify-content: space-between; 65 cursor: pointer; 66 padding: 0.7rem; 67 background-color: white; 68 border-radius: 2rem; 69 border: 1px solid #e0e0e0; 70 min-width: 6rem; 71 transition: all 0.3s ease; 72 } 73 74 .language-trigger:hover { 75 background-color: #f5f5f5; 76 box-shadow: 0 4px 6px rgba(0,0,0,0.1); 77 } 78 79 .language-trigger-content { 80 display: flex; 81 align-items: center; 82 gap: 0.7rem; 83 } 84 85 .language-trigger img { 86 width: 1.5rem; 87 height: 1rem; 88 border-radius: 0.2rem; 89 object-fit: cover; 90 } 91 92 .language-trigger-caret { 93 margin-left: 0.7rem; 94 font-size: 0.7rem; 95 color: #666; 96 } 97 98 .language-dropdown { 99 display: none; 100 position: absolute; 101 top: 100%; 102 left: 0; 103 margin-top: 0.5rem; 104 background-color: white; 105 min-width: 10rem; 106 border-radius: 0.9rem; 107 box-shadow: 0 6px 12px rgba(0,0,0,0.15); 108 border: 1px solid #e0e0e0; 109 overflow: hidden; 110 z-index: 1000; 111 animation: fadeIn 0.2s ease; 112 } 113 114 .language-dropdown-item { 115 display: flex; 116 align-items: center; 117 gap: 0.7rem; 118 padding: 0.7rem; 119 cursor: pointer; 120 transition: background-color 0.2s; 121 text-decoration: none; 122 color: #333; 123 } 124 125 .language-dropdown-item:hover { 126 background-color: #f1f1f1; 127 } 128 129 .language-dropdown-item img { 130 width: 1.5rem; 131 height: 1rem; 132 border-radius: 0.2rem; 133 object-fit: cover; 134 } 135 136 /* Dropdown Toggle Logic */ 137 .language-selector:focus-within .language-dropdown, 138 .language-selector:hover .language-dropdown { 139 display: block; 140 } 141 142 /* Accessibility and Keyboard Navigation */ 143 .language-trigger { 144 outline: none; 145 } 146 147 .language-trigger:focus { 148 box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); 149 } 150 151 /* Animations */ 152 @keyframes fadeIn { 153 from { opacity: 0; transform: translateY(-10px); } 154 to { opacity: 1; transform: translateY(0); } 155 } 156 157 /* Mobile Responsive */ 158 @media (max-width: 768px) { 159 .language-trigger { 160 padding: 0.9rem; 161 font-size: 1rem; 162 } 163 164 .language-trigger img { 165 width: 2rem; 166 height: 1.3rem; 167 } 168 169 .language-dropdown { 170 min-width: 12rem; 171 } 172 173 .language-dropdown-item { 174 padding: 1rem; 175 font-size: 1rem; 176 } 177 178 .language-dropdown-item img { 179 width: 2rem; 180 height: 1.3rem; 181 } 182 } 183 </style> 184 <div class="language-selector" tabindex="0"> 185 <div class="language-trigger" role="button" aria-haspopup="listbox"> 186 <div class="language-trigger-content"> 187 <img src="https://flagcdn.com/w320/gb.png" alt="English Flag">
188 <span>EN</span> 189 </div> 190 <span class="language-trigger-caret" aria-hidden="true">â¼</span> 191 </div> 192 <div class="language-dropdown" role="listbox" aria-label="Language selection"> 193 <a href="https://www.buenaondastories.com/" class="language-dropdown-item" data-lang="en" role="option"> 194 <img src="https://flagcdn.com/w320/gb.png" alt="English Flag"> 195 <span>English</span> 196 </a> 197 <div class="language-dropdown-item" data-lang="es" role="option" tabindex="0"> 198 <img src="https://flagcdn.com/w320/es.png" alt="Spanish Flag"> 199 <span>Spanish</span> 200 </div> 201 <div class="language-dropdown-item" data-lang="fr" role="option" tabindex="0"> 202 <img src="https://flagcdn.com/w320/fr.png" alt="French Flag"> 203 <span>French</span> 204 </div> 205 </div> 206 </div></div></div></div></div></div><div class="header_mobile"><div class="header_sec"><a href="/" class="header_log w-inline-block"><img src="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/67dd63c8705c9de3e405b660_Frame.png" loading="lazy" alt="Buena Onda Stories Logo Black" class="logo_main"/></a><div class="div-block-8"><div class="code-embed-2 w-embed"><style> 207.language-selector { 208 position: relative; 209 display: inline-block; 210 font-family: Arial, sans-serif; 211 } 212 213 .language-trigger { 214 display: flex; 215 align-items: center; 216 justify-content: space-between; 217 cursor: pointer; 218 padding: 0.7rem; 219 background-color: white; 220 border-radius: 2rem; 221 border: 1px solid #e0e0e0; 222 min-width: 6rem; 223 transition: all 0.3s ease; 224 } 225 226 .language-trigger:hover { 227 background-color: #f5f5f5; 228 box-shadow: 0 4px 6px rgba(0,0,0,0.1); 229 } 230 231 .language-trigger-content { 232 display: flex; 233 align-items: center; 234 gap: 0.7rem; 235 } 236 237 .language-trigger img { 238 width: 1.5rem; 239 height: 1rem; 240 border-radius: 0.2rem; 241 object-fit: cover; 242 } 243 244 .language-trigger-caret { 245 margin-left: 0.7rem; 246 font-size: 0.7rem; 247 color: #666; 248 } 249 250 .language-dropdown { 251 display: none; 252 position: absolute; 253 top: 100%; 254 left: 0; 255 margin-top: 0.5rem; 256 background-color: white; 257 min-width: 10rem; 258 border-radius: 0.9rem; 259 box-shadow: 0 6px 12px rgba(0,0,0,0.15); 260 border: 1px solid #e0e0e0; 261 overflow: hidden; 262 z-index: 1000; 263 animation: fadeIn 0.2s ease; 264 } 265 266 .language-dropdown-item { 267 display: flex; 268 align-items: center; 269 gap: 0.7rem; 270 padding: 0.7rem; 271 cursor: pointer; 272 transition: background-color 0.2s; 273 text-decoration: none; 274 color: #333; 275 } 276 277 .language-dropdown-item:hover { 278 background-color: #f1f1f1; 279 } 280 281 .language-dropdown-item img { 282 width: 1.5rem; 283 height: 1rem; 284 border-radius: 0.2rem; 285 object-fit: cover; 286 } 287 288 /* Dropdown Toggle Logic */ 289 .language-selector:focus-within .language-dropdown, 290 .language-selector:hover .language-dropdown { 291 display: block; 292 } 293 294 /* Accessibility and Keyboard Navigation */ 295 .language-trigger { 296 outline: none; 297 } 298 299 .language-trigger:focus { 300 box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); 301 } 302 303 /* Animations */ 304 @keyframes fadeIn { 305 from { opacity: 0; transform: translateY(-10px); } 306 to { opacity: 1; transform: translateY(0); } 307 } 308 309 /* Mobile Responsive */ 310 @media (max-width: 768px) { 311 .language-trigger { 312 padding: 0.9rem; 313 font-size: 1rem; 314 } 315 316 .language-trigger img { 317 width: 2rem; 318 height: 1.3rem; 319 } 320 321 .language-dropdown { 322 min-width: 12rem; 323 } 324 325 .language-dropdown-item { 326 padding: 1rem; 327 font-size: 1rem; 328 } 329 330 .language-dropdown-item img { 331 width: 2rem; 332 height: 1.3rem; 333 } 334 } 335 </style> 336 <div class="language-selector" tabindex="0"> 337 <div class="language-trigger" role="button" aria-haspopup="listbox"> 338 <div class="language-trigger-content"> 339 <img src="https://flagcdn.com/w320/gb.png" alt="English Flag">
340 <span>EN</span> 341 </div> 342 <span class="language-trigger-caret" aria-hidden="true">â¼</span> 343 </div> 344 <div class="language-dropdown" role="listbox" aria-label="Language selection"> 345 <a href="https://buena-onda-punch.webflow.io/" class="language-dropdown-item" data-lang="en" role="option"> 346 <img src="https://flagcdn.com/w320/gb.png" alt="English Flag"> 347 <span>English</span> 348 </a> 349 <div class="language-dropdown-item" data-lang="es" role="option" tabindex="0"> 350 <img src="https://flagcdn.com/w320/es.png" alt="Spanish Flag"> 351 <span>Spanish</span> 352 </div> 353 <div class="language-dropdown-item" data-lang="fr" role="option" tabindex="0"> 354 <img src="https://flagcdn.com/w320/fr.png" alt="French Flag"> 355 <span>French</span> 356 </div> 357 </div> 358 </div></div><div data-w-id="3a462817-c38d-25f8-a5db-e2e577ce5b18" class="card"><div data-animation="default" data-collapse="all" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav_wrap w-nav"><div class="nav_button w-nav-button"><div class="hamburger_12_wrap"><div class="hamburger_12_line"></div><div class="hamburger_embed w-embed"><style> 359.hamburger_12_wrap { 360 --thickness: 0.2rem; 361 --gap: 0.8rem; 362 --rotate: 45; 363 --width: 100%; 364} 365.hamburger_12_wrap:hover .hamburger_12_line { 366 width: 65%; 367} 368.hamburger_12_wrap:hover .hamburger_12_line:first-child { 369 width: 85%; 370} 371.hamburger_12_wrap:hover .hamburger_12_line:last-child { 372 width: 100%; 373} 374.w--open .hamburger_12_line { 375 width: 100% !important; 376 transform: scaleX(0); 377} 378.w--open .hamburger_12_line:first-child { 379 transform: translateY(calc(var(--thickness) + var(--gap))) rotate(calc(var(--rotate) * 3 * 1deg)); 380} 381.w--open .hamburger_12_line:last-child { 382 transform: translateY(calc(var(--thickness) * -1 + var(--gap) * -1)) rotate(calc(var(--rotate) * 1deg)); 383} 384</style></div><div class="hamburger_12_line"></div><div class="hamburger_12_line"></div></div></div></div></div></div></div><div data-w-id="3a462817-c38d-25f8-a5db-e2e577ce5b20" class="nav_container"><div class="nav_linked_container_nv"><a href="/" class="button-line-fill w-inline-block"><div>Home</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="/the-science" class="button-line-fill w-inline-block"><div>The Science</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="/our-story" class="button-line-fill w-inline-block"><div>Our Story</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="/story-scope" aria-current="page" class="button-line-fill w-inline-block w--current"><div>StoryScope</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a></div><a href="#" data-w-id="3a462817-c38d-25f8-a5db-e2e577ce5b40" class="btn1 _2 w-inline-block"><div class="secondary-btn-text1 _2">Contact</div><div class="button-hover-circle1"></div></a></div></div><div class="hero_section"><div class="hero_containerblog"><div class="hero_background center"><div class="hero_content"><div class="hero_main"><div class="about_us_heading"><h1 class="h1_72"><span class="yellow_span">StoryScope</span>, Exploring <span class="yellow_span">Stories</span>, Frame by Frame</h1></div></div></div></div></div></div><div class="blog_conntent"><div class="about_block"><div class="sevices_head_about"><div class="about_process_discription"><p class="_32_paragraph">This is your portal into the world of <span class="bold">film </span>and <span class="bold">storytelling</span>. From deep dives into cinematic production to <span class="bold">behind-the-scenes</span> insights and script breakdowns, we explore the act of storytelling in all its forms.</p></div></div></div><div class="blog_content"><div class="w-dyn-list"><div role="list" class="blog_content w-dyn-items"><div data-w-id="b5d24439-2570-762e-767d-ddd9feb7bad9" role="listitem" class="collection_iteam w-dyn-item"><div class="blog_bg"></div><a href="/blog/marketing-green-tech-why-your-technical-excellence-is-your-worst-enemy" class="blog_sec w-inline-block"><div class="blog"><div id="w-node-_1708264f-ad36-a118-4ddc-b243f18bc28d-f87791d0" class="blog_content_head"><div class="heading_blog"><div class="_32_paragraph _24">Nobody falls in love with an EXCEL file (The Green Tech problem)</div><p class="_20_para _400">A strategic analysis for Green Tech and Deep Tech leaders: discover why the 'Techno-Push' approach fails to convince, and how to use narrative neuroscience to secure clients, talent, and investors.</p></div><div class="form_date_container"><div class="_24_paragraph">January 7, 2026</div></div></div><div class="blog_image_container"><img src="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/69837d00d8772dd0709ea367_FX6-Lab.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/69837d00d8772dd0709ea367_FX6-Lab-p-500.jpg 500w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/69837d00d8772dd0709ea367_FX6-Lab-p-800.jpg 800w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/69837d00d8772dd0709ea367_FX6-Lab-p-1080.jpg 1080w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/69837d00d8772dd0709ea367_FX6-Lab-p-1600.jpg 1600w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/69837d00d8772dd0709ea367_FX6-Lab.jpg 2752w" class="blog_image"/></div></div></a></div><div data-w-id="b5d24439-2570-762e-767d-ddd9feb7bad9" role="listitem" class="collection_iteam w-dyn-item"><div class="blog_bg"></div><a href="/blog/office-national-des-forets-meta-myco" class="blog_sec w-inline-block"><div class="blog"><div id="w-node-_1708264f-ad36-a118-4ddc-b243f18bc28d-f87791d0" class="blog_content_head"><div class="heading_blog"><div class="_32_paragraph _24">French National Forestry Office - Case Study</div><p class="_20_para _400">The National Forestry Office commissioned one technical film from us. We delivered two. And the one they didn't ask for changed how they view communication.</p></div><div class="form_date_container"><div class="_24_paragraph">December 12, 2025</div></div></div><div class="blog_image_container"><img src="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/693c475c48af174ad7438f8f_Carte.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/693c475c48af174ad7438f8f_Carte-p-500.jpg 500w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/693c475c48af174ad7438f8f_Carte-p-800.jpg 800w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/693c475c48af174ad7438f8f_Carte-p-1080.jpg 1080w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/693c475c48af174ad7438f8f_Carte-p-1600.jpg 1600w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/693c475c48af174ad7438f8f_Carte.jpg 2535w" class="blog_image"/></div></div></a></div><div data-w-id="b5d24439-2570-762e-767d-ddd9feb7bad9" role="listitem" class="collection_iteam w-dyn-item"><div class="blog_bg"></div><a href="/blog/3-psychological-principles-transform-corporate-storytelling" class="blog_sec w-inline-block"><div class="blog"><div id="w-node-_1708264f-ad36-a118-4ddc-b243f18bc28d-f87791d0" class="blog_content_head"><div class="heading_blog"><div class="_32_paragraph _24">How to Transform Your Corporate Communication into an Unforgettable Story: The 3 Psychological Principles of Storytelling</div><p class="_20_para _400">Discover the 3 psychological principles used by leading brands to create stories that convert without selling. Science-backed storytelling secrets revealed.</p></div><div class="form_date_container"><div class="_24_paragraph">June 26, 2025</div></div></div><div class="blog_image_container"><img src="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/685d21a8dbd92b526ff58136_3-principes-psychologiques-du-storytelling-scientifique.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/685d21a8dbd92b526ff58136_3-principes-psychologiques-du-storytelling-scientifique-p-500.jpg 500w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/685d21a8dbd92b526ff58136_3-principes-psychologiques-du-storytelling-scientifique-p-800.jpg 800w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/685d21a8dbd92b526ff58136_3-principes-psychologiques-du-storytelling-scientifique-p-1080.jpg 1080w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/685d21a8dbd92b526ff58136_3-principes-psychologiques-du-storytelling-scientifique.jpg 1650w" class="blog_image"/></div></div></a></div><div data-w-id="b5d24439-2570-762e-767d-ddd9feb7bad9" role="listitem" class="collection_iteam w-dyn-item"><div class="blog_bg"></div><a href="/blog/practical-storytelling-techniques32" class="blog_sec w-inline-block"><div class="blog"><div id="w-node-_1708264f-ad36-a118-4ddc-b243f18bc28d-f87791d0" class="blog_content_head"><div class="heading_blog"><div class="_32_paragraph _24">Practical Storytelling Techniques</div><p class="_20_para _400">In our previous post, we explored the science behind storytelling and how to craft your brand's narrative. Now, let's dive into practical techniques to enhance your storytelling, methods to measure its impact, and examine how successful brands have leveraged storytelling to create meaningful connections with their audiences. </p></div><div class="form_date_container"><div class="_24_paragraph">March 27, 2025</div></div></div><div class="blog_image_container"><img src="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567f81d916b9b0b2423fc_blog-image-2.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567f81d916b9b0b2423fc_blog-image-2-p-500.jpg 500w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567f81d916b9b0b2423fc_blog-image-2-p-800.jpg 800w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567f81d916b9b0b2423fc_blog-image-2-p-1080.jpg 1080w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567f81d916b9b0b2423fc_blog-image-2-p-1600.jpg 1600w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567f81d916b9b0b2423fc_blog-image-2-p-2000.jpg 2000w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567f81d916b9b0b2423fc_blog-image-2.jpg 2100w" class="blog_image"/></div></div></a></div><div data-w-id="b5d24439-2570-762e-767d-ddd9feb7bad9" role="listitem" class="collection_iteam w-dyn-item"><div class="blog_bg"></div><a href="/blog/the-science-and-strategy-behind-brand-storytelling32" class="blog_sec w-inline-block"><div class="blog"><div id="w-node-_1708264f-ad36-a118-4ddc-b243f18bc28d-f87791d0" class="blog_content_head"><div class="heading_blog"><div class="_32_paragraph _24">The Science and Strategy Behind Brand Storytelling</div><p class="_20_para _400">Did you know that organizations using storytelling in their marketing achieve 23% more sales than those that don't? In today'
384s digital landscape, capturing your audience's attention is more crucial than ever. Storytelling is not just a buzzword; it's a powerful mechanism that enables brands, NGOs, and businesses to convey their messages effectively. </p></div><div class="form_date_container"><div class="_24_paragraph">March 27, 2025</div></div></div><div class="blog_image_container"><img src="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567addae5230c0bd96b0a_Blog-Image-1.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567addae5230c0bd96b0a_Blog-Image-1-p-500.jpg 500w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567addae5230c0bd96b0a_Blog-Image-1-p-800.jpg 800w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567addae5230c0bd96b0a_Blog-Image-1-p-1080.jpg 1080w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567addae5230c0bd96b0a_Blog-Image-1-p-1600.jpg 1600w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567addae5230c0bd96b0a_Blog-Image-1-p-2000.jpg 2000w, https://cdn.prod.website-files.com/67e148305a4ccbccaa586ed9/67e567addae5230c0bd96b0a_Blog-Image-1.jpg 2100w" class="blog_image"/></div></div></a></div></div></div></div></div><div id="footer" class="footer_section"><div class="footer_container"><div class="footer_top"><div class="footer_logo"><img src="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/67d977b0685f161bb5a4fb16_Logo.svg" loading="lazy" alt="" class="logo_footer"/></div><div class="footer_content"><div class="footer_text_head"><div class="footer_heads"><div class="footer_head"><div class="footer_heading"><h2 class="h1_72">Your story deserves to be well told.</h2></div><div class="footer_discription"><p class="_32_paragraph">Because we know how <span class="bold">frustrating</span> it is to speak into the void! </p></div></div></div><div class="footer_description"><p class="_24_paragraph">But we truly believe <span class="bold">in the power of authentic storytelling</span>. Together, weâll create a film that<span class="bold"> engages and inspires,</span> helping you reach new heights and turn your message into a <span class="bold">positive impact.</span></p></div></div><div href="#" data-w-id="cdd83db0-fa81-84c3-2c1e-c9dfc1ce5868" class="btn1 _2"><div class="secondary-btn-text1 _2">Letâs Tell Your Unique Story</div><div class="button-hover-circle1 _2"></div></div></div></div><div class="footer_bottom"><div class="nav_linked_container-copy"><a href="https://www.facebook.com/buenaondafilms" target="_blank" class="button-line-fill black w-inline-block"><div>Facebook</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="https://www.instagram.com/buenaondafilms/" target="_blank" class="button-line-fill black w-inline-block"><div>Instagram</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="https://www.linkedin.com/company/buena-onda-films/" target="_blank" class="button-line-fill black w-inline-block"><div>LinkedIn</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="https://vimeo.com/buenaondafilms" target="_blank" class="button-line-fill black w-inline-block"><div>Vimeo</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a><a href="https://www.youtube.com/@buenaondastories" target="_blank" class="button-line-fill black w-inline-block"><div>YouTube</div><div class="button-line smaller"><div class="button-line-absolute smaller"></div></div></a></div><div class="copywrite_text"><div class="_14_para">Â©ï¸ All rights reserved by <span class="bold">Buena Onda Stories</span></div></div></div></div><div class="footer_form"><div class="footer_form_container"><div class="footer_form_top"><div class="footer_logo_form"><img src="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/67d977b0685f161bb5a4fb16_Logo.svg" loading="lazy" alt="" class="form_logo"/></div><div class="footer_content_form"><div class="footer_heading_form"><h2 class="h1_72">Contact Us</h2></div><div class="form_block w-form"><form id="wf-form-Contact-Form" name="wf-form-Contact-Form" data-name="Contact Form" method="get" data-wf-page-id="67e137359e065f9ff87791d0" data-wf-element-id="cdd83db0-fa81-84c3-2c1e-c9dfc1ce5891" data-turnstile-sitekey="0x4AAAAAAAQTptj2So4dx43e"><div class="form"><div class="form_block_container"><input class="form_input w-input" maxlength="256" name="name-2" data-name="Name 2" placeholder="Enter Your Name" type="text" id="name-2"/><input class="form_input w-input" maxlength="256" name="Email-2" data-name="Email 2" placeholder="Enter Your Email" type="email" id="Email-2" required=""/><textarea id="Message-2" name="Message-2" maxlength="5000" data-name="Message 2" placeholder="Enter Your Message...." class="form_inputs w-input"></textarea></div><div href="#" class="btn1 _2"><div class="secondary-btn-text1 _2 d">Submit</div>
384<div class="button-hover-circle1 _2"></div><input type="submit" data-wait="" class="_0 w-button" value=""/></div></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div><div data-w-id="cdd83db0-fa81-84c3-2c1e-c9dfc1ce58a2" class="icon_cross"><img src="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/67dd3f4c31f0c6ece343cee1_icon.svg" loading="lazy" alt="" class="iconsa"/></div></div></div></div></div><a href="#top" class="top w-inline-block"><div data-poster-url="https://cdn.prod.website-files.com/6722664604509a4a1390daa1%2F672388218c2ea69aaae4f855_up%20arrow-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/6722664604509a4a1390daa1%2F672388218c2ea69aaae4f855_up%20arrow-transcode.mp4,https://cdn.prod.website-files.com/6722664604509a4a1390daa1%2F672388218c2ea69aaae4f855_up%20arrow-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="background-video w-background-video w-background-video-atom"><video id="f20acce7-84fc-8257-a14a-ab6f3bd86c5d-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/6722664604509a4a1390daa1%2F672388218c2ea69aaae4f855_up%20arrow-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/6722664604509a4a1390daa1%2F672388218c2ea69aaae4f855_up%20arrow-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/6722664604509a4a1390daa1%2F672388218c2ea69aaae4f855_up%20arrow-transcode.webm" data-wf-ignore="true"/></video></div></a>
384<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=67cefdb63429fd75b8bf7b8f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
384<script src="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
384<script src="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/js/webflow.schunk.0a2b2a29cd613349.js" type="text/javascript" integrity="sha384-0aIXVtOWmx0XPbGS9fm6+uvVshDLkVPqn6qHQfLABqVL0jLi6OlkbrWAc6KjHrr4" crossorigin="anonymous"></script>
384<script src="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/js/webflow.schunk.9dfb96661114d3db.js" type="text/javascript" integrity="sha384-WomGmw6dEzLneGT/kPgtEBxcnZdNwGyYjo8D14umPoCXFAogmplTeXR1XciQq32y" crossorigin="anonymous"></script>
384<script src="https://cdn.prod.website-files.com/67cefdb63429fd75b8bf7b8f/js/webflow.7f5b44d8.f5ee5451407f7c27.js" type="text/javascript" integrity="sha384-7Va6qqV5rWVh7bNqzggAuouPySVk8PArCcU2M5Z7csBkn/Hp2K9J+weOKeawENdx" crossorigin="anonymous"></script>
384 385 386<!-- Flowbase Booster [Carousel Ticker] --> 387<!-- Please move this script to Custom Code settings when ready for production. -->
388<script src="https://cdn.jsdelivr.net/npm/@flowbase-co/boosters-carousel-ticker@1/dist/carousel-ticker.min.js" type="text/javascript"></script>
388 389 390<!-- Flowbase Booster [Custom Slider] -->
391<script src="https://cdn.jsdelivr.net/npm/@flowbase-co/[email protected]/dist/custom-slider.min.js" type="text/javascript"></script>
391 392
393<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.js"></script>
393 394
395<script> 396const lenis = new Lenis({ 397duration: 2, 398easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), // https://www.desmos.com/calculator/brs54l4xou 399direction: 'vertical', // vertical, horizontal 400gestureDirection: 'vertical', // vertical, horizontal, both 401smooth: true, 402mouseMultiplier: 1, 403smoothTouch: false, 404touchMultiplier: 2, 405infinite: false, 406}) 407 408//get scroll value 409lenis.on('scroll', ({ scroll, limit, velocity, direction, progress }) => { console.log({ scroll, limit, velocity, direction, progress }) 410}) 411 412function raf(time) { 413lenis.raf(time) 414requestAnimationFrame(raf) 415} 416 417requestAnimationFrame(raf) 418 419</script>
419 420 421 422<style> 423 .btn1 { 424 box-sizing: border-box; 425 position: relative; 426 display: inline-block; 427 overflow: hidden; 428 text-decoration: none; /* Remove underline */ 429 transition: color 0.1s ease-in-out, background-color 0.5s ease-in-out; 430 } 431 .btn1 .button-hover-circle1 { 432 position: absolute; 433 display: block; 434 width: 0; 435 height: 0; 436 border-radius: 50%; 437 transition: width 0.4s ease-in-out, height 0.4s ease-in-out; 438 transform: translate(-50%, -50%); 439 z-index: -1; 440 } 441 .btn1:hover { 442 color: #060802; /* Change text color to white on hover */ 443 } 444 .btn1:hover .button-hover-circle1 { 445 width: 250%; 446 height: 250%; 447 } 448 .btn1:active { 449 background-color: #F2C322; 450 } 451</style>
452<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 452
452
453<script> 454 $(function () { 455 $(".btn1") 456 .on("mouseenter", function (e) { 457 var parentOffset = $(this).offset(), 458 relX = e.pageX - parentOffset.left, 459 relY = e.pageY - parentOffset.top; 460 $(this).find(".button-hover-circle1").css({ top: relY, left: relX }); 461 }) 462 .on("mouseout", function (e) { 463 var parentOffset = $(this).offset(), 464 relX = e.pageX - parentOffset.left, 465 relY = e.pageY - parentOffset.top; 466 $(this).find(".button-hover-circle1").css({ top: relY, left: relX }); 467 }); 468 }); 469 // slider counter start 470</script>
470 471 472<!-- Copy Link In Blogs (noscript) -->
473<script> 474document.addEventListener("DOMContentLoaded", function() { 475 476 // Configuration des langues 477 // Note : "en" et "default" pointent tous deux vers la racine "/" 478 const languageData = { 479 "en": { 480 flag: "https://flagcdn.com/w320/gb.png", 481 text: "EN", 482 path: "/" 483 }, 484 "default": { 485 flag: "https://flagcdn.com/w320/gb.png", 486 text: "EN", 487 path: "/" 488 }, 489 "es": { 490 flag: "https://flagcdn.com/w320/es.png", 491 text: "ES", 492 path: "/es" 493 }, 494 "fr": { 495 flag: "https://flagcdn.com/w320/fr.png", 496 text: "FR", 497 path: "/fr" 498 } 499 }; 500 501 // Déterminer la langue actuelle à partir de l'URL 502 let pathSegments = window.location.pathname.split('/'); 503 let firstSegment = pathSegments[1]; 504 let currentLang = (firstSegment === "fr" || firstSegment === "es") ? firstSegment : "en"; 505 506 // Mettre à jour l'affichage du bouton trigger 507 let trigger = document.querySelector(".language-trigger"); 508 if (trigger) { 509 let triggerImg = trigger.querySelector("img"); 510 let triggerSpan = trigger.querySelector("span"); 511 if (triggerImg) triggerImg.src = languageData[currentLang].flag; 512 if (triggerSpan) triggerSpan.innerText = languageData[currentLang].text; 513 } 514 515 // Gestion du clic sur les items du dropdown 516 document.querySelectorAll(".language-dropdown-item").forEach(item => { 517 item.addEventListener("click", function(e) { 518 e.preventDefault(); 519 520 let selectedLang = this.getAttribute("data-lang"); 521 522 // IMPORTANT : Sauvegarder le choix de l'utilisateur dans localStorage 523 // "en" et "default" sont traités comme la version anglaise (racine) 524 let isEnglish = (selectedLang === "default" || selectedLang === "en"); 525 let targetPath = isEnglish ? "/" : "/" + selectedLang; 526 localStorage.setItem("preferredLocale", targetPath); 527 528 // Construire la nouvelle URL 529 // 1. Récupérer le chemin actuel sans le préfixe de langue 530 let currentPath = window.location.pathname.replace(/^\/(fr|es)/, ""); 531 if (currentPath === "") currentPath = "/"; 532 533 // 2. Construire la nouvelle URL 534 let newUrl; 535 if (isEnglish) { 536 // Version anglaise : pas de préfixe 537 newUrl = currentPath; 538 } else { 539 // Version FR ou ES : ajouter le préfixe 540 newUrl = "/" + selectedLang + (currentPath === "/" ? "" : currentPath); 541 } 542 543 // 3. Rediriger 544 window.location.href = window.location.origin + newUrl; 545 }); 546 }); 547 548 // Toggle du dropdown au clic sur le trigger 549 let dropdown = document.querySelector(".language-dropdown"); 550 if (trigger && dropdown) { 551 trigger.addEventListener("click", function(e) { 552 e.stopPropagation(); 553 dropdown.style.display = (dropdown.style.display === "block") ? "none" : "block"; 554 }); 555 556 // Fermer le dropdown si on clique ailleurs 557 document.addEventListener("click", function(e) { 558 if (!e.target.closest(".language-selector")) { 559 dropdown.style.display = "none"; 560 } 561 }); 562 } 563}); 564</script>
564 </body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.