PageSourceSearch

https://buena-onda-punch.webflow.io/story-scope

html buena-onda-punch.webflow.io collected 2026-10-03 12:52:21 UTC 39,490 bytes, 564 lines download raw bytes

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 &amp; 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 &#x27;Techno-Push&#x27; 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&#x27;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&#x27;s narrative. Now, let&#x27;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&#x27;t? In today&#x27;
384s digital landscape, capturing your audience&#x27;s attention is more crucial than ever. Storytelling is not just a buzzword; it&#x27;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(&quot;https://cdn.prod.website-files.com/6722664604509a4a1390daa1%2F672388218c2ea69aaae4f855_up%20arrow-poster-00001.jpg&quot;)" 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.