Explose https://explose.com/en en Esch Capitale Culturelle https://explose.com/fr/projets/esch-capitale-culturelle <span>Esch Capitale Culturelle </span> <span><span lang="" about="/en/user/49" typeof="schema:Person" property="schema:name" datatype="">editor</span></span> <span>Wed, 03/05/2025 - 16:07</span> <div> <div>Image</div> <div> <img loading="lazy" src="/sites/default/files/upload/case/Group%207821_0.png" width="2170" height="1082" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div> <div>Subtitle</div> <div>Feel the pulse of culture</div> </div> <section class="paragraph paragraph-video text-center "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2025-03/ECC_say%20hello%20to.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">A Modular Branding Approach</h3> <p>The Explose agency has designed a visual identity for the initiative, built around a modular concept. At its core, the design embraces the pure contrast of black and white—symbolizing both timeless elegance and a modern institution. This refined foundation is enriched by a dynamic palette of playful shapes, reflecting the vibrancy and diversity of the cultural program. The two logos—Esch Capitale Culturelle and the Biennale—were conceived within a unified brand universe. A bold typographic symbol is encapsulated within a strong visual frame—a structured box system—allowing the identity to seamlessly adapt across various formats. This approach ensures a strong visual consistency while maintaining exceptional flexibility in its applications. The visual identity extends into the digital realm through motion and sound design. Custom animations and a bespoke sonic identity amplify the brand’s emotional resonance, creating a deeper connection with its audiences.</p> </div> </section> <section class="paragraph paragraph-video text-center "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2025-03/ECC_logo%20animation_0.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_falling%20shapes_0.webp?itok=20iVgElz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_falling%20shapes_0.webp?itok=20iVgElz 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_falling%20shapes_0.webp?itok=GAkwqtR6 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_falling%20shapes_0.webp?itok=20iVgElz 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_falling%20shapes_0.webp?itok=zXRUiGDT 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_falling%20shapes_0.webp?itok=GAkwqtR6 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_falling%20shapes_0.webp?itok=He48ibtE 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_falling%20shapes_0.webp?itok=zXRUiGDT 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_falling%20shapes_0.png?itok=20iVgElz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_falling%20shapes_0.png?itok=20iVgElz 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_falling%20shapes_0.png?itok=GAkwqtR6 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_falling%20shapes_0.png?itok=20iVgElz 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_falling%20shapes_0.png?itok=zXRUiGDT 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_falling%20shapes_0.png?itok=GAkwqtR6 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_falling%20shapes_0.png?itok=He48ibtE 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_falling%20shapes_0.png?itok=zXRUiGDT 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_falling%20shapes_0.png?itok=He48ibtE" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2025-03/ECC_fonts.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-video text-center "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2025-03/ECC_tags_0.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_shape%20big.webp?itok=vXPdXCr0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_shape%20big.webp?itok=vXPdXCr0 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_shape%20big.webp?itok=PKq0BiKd 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_shape%20big.webp?itok=vXPdXCr0 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_shape%20big.webp?itok=RMiSjqcM 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_shape%20big.webp?itok=PKq0BiKd 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_shape%20big.webp?itok=jEd2RHKn 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_shape%20big.webp?itok=RMiSjqcM 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_shape%20big.png?itok=vXPdXCr0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_shape%20big.png?itok=vXPdXCr0 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_shape%20big.png?itok=PKq0BiKd 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_shape%20big.png?itok=vXPdXCr0 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_shape%20big.png?itok=RMiSjqcM 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_shape%20big.png?itok=PKq0BiKd 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_shape%20big.png?itok=jEd2RHKn 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_shape%20big.png?itok=RMiSjqcM 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_shape%20big.png?itok=jEd2RHKn" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_shapes%20%2B%20colors.webp?itok=UIKyLQSe 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_shapes%20%2B%20colors.webp?itok=UIKyLQSe 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_shapes%20%2B%20colors.webp?itok=xe1e5f43 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_shapes%20%2B%20colors.webp?itok=UIKyLQSe 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_shapes%20%2B%20colors.webp?itok=c5d3AYG5 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_shapes%20%2B%20colors.webp?itok=xe1e5f43 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_shapes%20%2B%20colors.webp?itok=MtGd81og 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_shapes%20%2B%20colors.webp?itok=c5d3AYG5 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_shapes%20%2B%20colors.png?itok=UIKyLQSe 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_shapes%20%2B%20colors.png?itok=UIKyLQSe 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_shapes%20%2B%20colors.png?itok=xe1e5f43 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_shapes%20%2B%20colors.png?itok=UIKyLQSe 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_shapes%20%2B%20colors.png?itok=c5d3AYG5 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_shapes%20%2B%20colors.png?itok=xe1e5f43 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_shapes%20%2B%20colors.png?itok=MtGd81og 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_shapes%20%2B%20colors.png?itok=c5d3AYG5 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_shapes%20%2B%20colors.png?itok=MtGd81og" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">A Seamless and Functional Digital Ecosystem</h3> <p>Explose has developed an intuitive and user-friendly website featuring a comprehensive event calendar with advanced filtering options, allowing visitors to effortlessly navigate the richness of the program. To enhance digital communication, a series of social media templates were designed, offering both animated and static formats. These templates empower the client with complete autonomy in adapting and publishing content while ensuring visual consistency across all platforms. Additionally, Explose created bespoke animations and video assets, combining motion and sound design to provide Esch Capitale Culturelle’s team with a fully integrated suite of dynamic branding tools. This cohesive ecosystem guarantees a smooth, engaging, and visually unified communication strategy.</p> <p>&nbsp;</p> </div> </section> <section class="paragraph paragraph-video text-center "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2025-03/ECC_website%20screencast.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mobile.webp?itok=HjGFSsp3 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mobile.webp?itok=HjGFSsp3 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mobile.webp?itok=6vcCPTBZ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mobile.webp?itok=HjGFSsp3 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mobile.webp?itok=KZ1CqBQW 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mobile.webp?itok=6vcCPTBZ 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_website%20mobile.webp?itok=BMzRjWEJ 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mobile.webp?itok=KZ1CqBQW 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mobile.png?itok=HjGFSsp3 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mobile.png?itok=HjGFSsp3 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mobile.png?itok=6vcCPTBZ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mobile.png?itok=HjGFSsp3 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mobile.png?itok=KZ1CqBQW 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mobile.png?itok=6vcCPTBZ 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_website%20mobile.png?itok=BMzRjWEJ 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mobile.png?itok=KZ1CqBQW 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_website%20mobile.png?itok=BMzRjWEJ" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.webp?itok=z_UN-GiC 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.webp?itok=z_UN-GiC 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.webp?itok=z8jutPwz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.webp?itok=z_UN-GiC 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.webp?itok=Pe3NR8pj 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.webp?itok=z8jutPwz 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.webp?itok=iHkgtHq7 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.webp?itok=Pe3NR8pj 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.png?itok=z_UN-GiC 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.png?itok=z_UN-GiC 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.png?itok=z8jutPwz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.png?itok=z_UN-GiC 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.png?itok=Pe3NR8pj 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.png?itok=z8jutPwz 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.png?itok=iHkgtHq7 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.png?itok=Pe3NR8pj 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_website%20mockup%20desktop_1.png?itok=iHkgtHq7" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.webp?itok=gl0cdzg9 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.webp?itok=gl0cdzg9 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.webp?itok=khROFjjE 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.webp?itok=gl0cdzg9 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.webp?itok=zcs3qjkc 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.webp?itok=khROFjjE 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.webp?itok=WAcgfFZD 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.webp?itok=zcs3qjkc 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.png?itok=gl0cdzg9 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.png?itok=gl0cdzg9 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.png?itok=khROFjjE 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.png?itok=gl0cdzg9 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.png?itok=zcs3qjkc 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.png?itok=khROFjjE 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.png?itok=WAcgfFZD 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.png?itok=zcs3qjkc 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_website%20mockup%20mobile_0.png?itok=WAcgfFZD" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </section> <section class="paragraph paragraph-video text-center "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2025-03/ECC_may%2017th.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-video text-center "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2025-03/ECC_reel%20social%20media%20V2.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-video text-center "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2025-03/ECC_social%202.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_social%20posts.webp?itok=tBEJuALb 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_social%20posts.webp?itok=tBEJuALb 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_social%20posts.webp?itok=_XuYOMKM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_social%20posts.webp?itok=tBEJuALb 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_social%20posts.webp?itok=4vOkwWVo 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_social%20posts.webp?itok=_XuYOMKM 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_social%20posts.webp?itok=WztHoB9Y 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_social%20posts.webp?itok=4vOkwWVo 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_social%20posts.png?itok=tBEJuALb 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_social%20posts.png?itok=tBEJuALb 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_social%20posts.png?itok=_XuYOMKM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_social%20posts.png?itok=tBEJuALb 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_social%20posts.png?itok=4vOkwWVo 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_social%20posts.png?itok=_XuYOMKM 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_social%20posts.png?itok=WztHoB9Y 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_social%20posts.png?itok=4vOkwWVo 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_social%20posts.png?itok=WztHoB9Y" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">Physical design</h3> <p>To enhance the visibility of the initiative and its related events, Explose designed easily adaptable and reusable print templates for various stakeholders. These materials enable effective communication around the different projects and events, while staying true to the visual identity of the Esch Capitale Culturelle label. These print assets radiate throughout the urban landscape, ensuring graphic coherence between digital and physical channels. This consistency amplifies the brand’s impact and strengthens audience engagement.</p> <p>&nbsp;</p> </div> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_tote%20bag.webp?itok=MR5XeviD 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_tote%20bag.webp?itok=MR5XeviD 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_tote%20bag.webp?itok=YMj9VcQf 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_tote%20bag.webp?itok=MR5XeviD 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_tote%20bag.webp?itok=IrDOM1l5 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_tote%20bag.webp?itok=YMj9VcQf 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_tote%20bag.webp?itok=adH6Q42I 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_tote%20bag.webp?itok=IrDOM1l5 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_tote%20bag.png?itok=MR5XeviD 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_tote%20bag.png?itok=MR5XeviD 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_tote%20bag.png?itok=YMj9VcQf 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_tote%20bag.png?itok=MR5XeviD 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_tote%20bag.png?itok=IrDOM1l5 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_tote%20bag.png?itok=YMj9VcQf 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_tote%20bag.png?itok=adH6Q42I 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_tote%20bag.png?itok=IrDOM1l5 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_tote%20bag.png?itok=adH6Q42I" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_poster%20%2B%20bike.webp?itok=4XYhnAky 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_poster%20%2B%20bike.webp?itok=4XYhnAky 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_poster%20%2B%20bike.webp?itok=BcE1G1au 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_poster%20%2B%20bike.webp?itok=4XYhnAky 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_poster%20%2B%20bike.webp?itok=HE00lkgL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_poster%20%2B%20bike.webp?itok=BcE1G1au 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_poster%20%2B%20bike.webp?itok=du3NrSbV 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_poster%20%2B%20bike.webp?itok=HE00lkgL 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_poster%20%2B%20bike.png?itok=4XYhnAky 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_poster%20%2B%20bike.png?itok=4XYhnAky 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_poster%20%2B%20bike.png?itok=BcE1G1au 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_poster%20%2B%20bike.png?itok=4XYhnAky 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_poster%20%2B%20bike.png?itok=HE00lkgL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_poster%20%2B%20bike.png?itok=BcE1G1au 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_poster%20%2B%20bike.png?itok=du3NrSbV 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_poster%20%2B%20bike.png?itok=HE00lkgL 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_poster%20%2B%20bike.png?itok=du3NrSbV" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_affiche.webp?itok=EPB8K5kl 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_affiche.webp?itok=EPB8K5kl 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_affiche.webp?itok=Pyg5qYTR 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_affiche.webp?itok=EPB8K5kl 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_affiche.webp?itok=q4MRlcVw 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_affiche.webp?itok=Pyg5qYTR 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_affiche.webp?itok=YKb6UDem 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_affiche.webp?itok=q4MRlcVw 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/ECC_affiche.png?itok=EPB8K5kl 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_affiche.png?itok=EPB8K5kl 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/ECC_affiche.png?itok=Pyg5qYTR 1x, /sites/default/files/styles/2000/public/upload/paragraphs/ECC_affiche.png?itok=EPB8K5kl 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/ECC_affiche.png?itok=q4MRlcVw 1x, /sites/default/files/styles/1600/public/upload/paragraphs/ECC_affiche.png?itok=Pyg5qYTR 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/ECC_affiche.png?itok=YKb6UDem 1x, /sites/default/files/styles/1280/public/upload/paragraphs/ECC_affiche.png?itok=q4MRlcVw 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/ECC_affiche.png?itok=YKb6UDem" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <div> <div>Teaser Text</div> <div><p>Esch Capitale Culturelle is an initiative that brings together all the creative energies of the city of Esch-sur-Alzette around large-scale cultural projects. Awarded the title in 2022, Esch Capitale Culturelle organizes its Art and Culture Biennale every two years, an internationally renowned cultural event that brings the city to life. The initiative needed a visual identity that matched its creative ambitions.</p> </div> </div> <div> <div>Skills</div> <div><p>Branding<br /> Brand identity<br /> Motion design<br /> Sound identity<br /> Digital experience<br /> UX/UI Design<br /> Design system<br /> Website coding<br /> Creative coding<br /> Print design<br /> Social media templating</p> <p> </p> </div> </div> Wed, 05 Mar 2025 15:07:17 +0000 editor 55 at https://explose.com Oeuvre Nationale https://explose.com/en/works/oeuvre-nationale <span>Oeuvre Nationale</span> <span><span lang="" about="/en/user/49" typeof="schema:Person" property="schema:name" datatype="">editor</span></span> <span>Thu, 11/13/2025 - 16:14</span> <div> <div>Subtitle</div> <div>accompagner, relier, transformer</div> </div> <section class="paragraph paragraph-interfaces lg:w-3/4 mx-auto"> <div class="px-16 lg:px-0 " > <div class="lg:px-96 mx-auto"> <div class="flex justify-center -mx-5 lg:-mx-16 appear-block"> <div class="px-5 lg:px-16 w-full appear-block-child "> <div> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/001.webp?itok=OHaqf0wR 1x, /sites/default/files/styles/2000/public/upload/paragraphs/001.webp?itok=OHaqf0wR 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/001.webp?itok=Ki1-2zr3 1x, /sites/default/files/styles/2000/public/upload/paragraphs/001.webp?itok=OHaqf0wR 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/001.webp?itok=h55zhRMo 1x, /sites/default/files/styles/1600/public/upload/paragraphs/001.webp?itok=Ki1-2zr3 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/001.webp?itok=DvyfWNdF 1x, /sites/default/files/styles/1280/public/upload/paragraphs/001.webp?itok=h55zhRMo 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/001.png?itok=OHaqf0wR 1x, /sites/default/files/styles/2000/public/upload/paragraphs/001.png?itok=OHaqf0wR 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/001.png?itok=Ki1-2zr3 1x, /sites/default/files/styles/2000/public/upload/paragraphs/001.png?itok=OHaqf0wR 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/001.png?itok=h55zhRMo 1x, /sites/default/files/styles/1600/public/upload/paragraphs/001.png?itok=Ki1-2zr3 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/001.png?itok=DvyfWNdF 1x, /sites/default/files/styles/1280/public/upload/paragraphs/001.png?itok=h55zhRMo 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/001.png?itok=DvyfWNdF" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </div> </div> </section> <div> <div>Teaser Text</div> <div><p>Depuis 80 ans, l’Œuvre Nationale tisse des liens, soutient des projets et façonne un Luxembourg plus solidaire. Aujourd’hui, elle se réinvente, portée par une identité visuelle repensée, un souffle nouveau qui reflète son engagement immuable.</p> </div> </div> <div> <div>Skills</div> <div><p>Pour marquer ses 80 ans d’engagement au service de la société luxembourgeoise, l’Œuvre Nationale a souhaité moderniser son identité visuelle et son écosystème digital. L’objectif : faire évoluer son image tout en restant fidèle à ses valeurs fondamentales.</p> <p>Explose a eu l’honneur d’accompagner cette transformation, en repensant l’ensemble du branding pour traduire avec force et clarté le rôle, l’impact et la mission de l’Œuvre.</p> </div> </div> Thu, 13 Nov 2025 15:14:17 +0000 editor 56 at https://explose.com Aalt Stadhaus https://explose.com/fr/projets/aalt-stadhaus <span>Aalt Stadhaus</span> <span><span lang="" about="/en/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span>Tue, 01/23/2024 - 18:04</span> <div> <div>Image</div> <div> <img loading="lazy" src="/sites/default/files/upload/case/Cover_1.jpg" width="2000" height="1121" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div> <div>Subtitle</div> <div>Cultural Center</div> </div> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.webp?itok=vWXIt2_I 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.webp?itok=vWXIt2_I 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.webp?itok=HbF5fzUF 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.webp?itok=vWXIt2_I 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.webp?itok=Ft4hdYEA 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.webp?itok=HbF5fzUF 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.webp?itok=d8jqGBQY 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.webp?itok=Ft4hdYEA 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.png?itok=vWXIt2_I 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.png?itok=vWXIt2_I 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.png?itok=HbF5fzUF 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.png?itok=vWXIt2_I 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.png?itok=Ft4hdYEA 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.png?itok=HbF5fzUF 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.png?itok=d8jqGBQY 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.png?itok=Ft4hdYEA 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg2.png?itok=d8jqGBQY" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">New brand identity</h3> <p>Designed by Explose, the new visual identity of Aalt Stadhaus conveys the dynamic atmosphere of the cultural center and its programming based on humor and entertainment. The graphic universe designed for Aalt Stadhaus is distinctly human-centered. The identity exudes playfulness, inviting everyone to join in and enjoy the vibrant cultural offerings.</p> </div> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.webp?itok=tPA7l8JZ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.webp?itok=tPA7l8JZ 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.webp?itok=6XWk_fnW 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.webp?itok=tPA7l8JZ 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.webp?itok=uUScdTD_ 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.webp?itok=6XWk_fnW 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.webp?itok=U8XT5K9Q 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.webp?itok=uUScdTD_ 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.png?itok=tPA7l8JZ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.png?itok=tPA7l8JZ 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.png?itok=6XWk_fnW 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.png?itok=tPA7l8JZ 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.png?itok=uUScdTD_ 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.png?itok=6XWk_fnW 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.png?itok=U8XT5K9Q 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.png?itok=uUScdTD_ 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg9.png?itok=U8XT5K9Q" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">Logotype</h3> <p>The Aalt Stadhaus logotype reflects the unique shape of the building, specifically highlighting its staircase. The inclusion of the stairs in the logo not only shows the building’s special characteristics but also creates a visually striking symbol that easily connects with Aalt Stadhaus’ identity.</p> </div> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.webp?itok=EyPxndCX 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.webp?itok=EyPxndCX 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.webp?itok=ZxQOTBmM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.webp?itok=EyPxndCX 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.webp?itok=MZcTEiVm 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.webp?itok=ZxQOTBmM 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.webp?itok=KFKuLsQG 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.webp?itok=MZcTEiVm 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.png?itok=EyPxndCX 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.png?itok=EyPxndCX 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.png?itok=ZxQOTBmM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.png?itok=EyPxndCX 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.png?itok=MZcTEiVm 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.png?itok=ZxQOTBmM 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.png?itok=KFKuLsQG 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.png?itok=MZcTEiVm 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg3_1.png?itok=KFKuLsQG" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">Printed design</h3> <p>Printing design plays an important role in communicating the identity of the cultural center, ensuring effective communication with its audience. We handled a wide range of printed materials, such as posters, brochures, flyers, and invitations. The goal was to give substance to the branding while creating templates that could be reused and adapted daily by the communication team of the center.</p> </div> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-full "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.webp?itok=4Z0kY6hT 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.webp?itok=4Z0kY6hT 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.webp?itok=6oxL-EdF 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.webp?itok=4Z0kY6hT 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.webp?itok=SMxHYY7q 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.webp?itok=6oxL-EdF 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.webp?itok=nIZNySSo 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.webp?itok=SMxHYY7q 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.png?itok=4Z0kY6hT 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.png?itok=4Z0kY6hT 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.png?itok=6oxL-EdF 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.png?itok=4Z0kY6hT 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.png?itok=SMxHYY7q 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.png?itok=6oxL-EdF 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.png?itok=nIZNySSo 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.png?itok=SMxHYY7q 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg4.png?itok=nIZNySSo" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.webp?itok=4BB7XPSC 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.webp?itok=4BB7XPSC 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.webp?itok=YeY_IyhA 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.webp?itok=4BB7XPSC 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.webp?itok=nlN8yl_4 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.webp?itok=YeY_IyhA 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.webp?itok=146IzsTY 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.webp?itok=nlN8yl_4 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.jpg?itok=4BB7XPSC 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.jpg?itok=4BB7XPSC 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.jpg?itok=YeY_IyhA 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.jpg?itok=4BB7XPSC 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.jpg?itok=nlN8yl_4 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.jpg?itok=YeY_IyhA 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.jpg?itok=146IzsTY 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.jpg?itok=nlN8yl_4 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%205_0.jpg?itok=146IzsTY" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.webp?itok=e_weD0el 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.webp?itok=e_weD0el 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.webp?itok=bdMBbVtq 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.webp?itok=e_weD0el 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.webp?itok=_RTho8Q0 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.webp?itok=bdMBbVtq 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.webp?itok=X5-U_bAO 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.webp?itok=_RTho8Q0 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.jpg?itok=e_weD0el 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.jpg?itok=e_weD0el 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.jpg?itok=bdMBbVtq 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.jpg?itok=e_weD0el 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.jpg?itok=_RTho8Q0 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.jpg?itok=bdMBbVtq 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.jpg?itok=X5-U_bAO 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.jpg?itok=_RTho8Q0 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%206_0.jpg?itok=X5-U_bAO" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-full "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.webp?itok=Ar3UHXsQ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.webp?itok=Ar3UHXsQ 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.webp?itok=3mf9ZKGR 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.webp?itok=Ar3UHXsQ 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.webp?itok=hTWDqL4L 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.webp?itok=3mf9ZKGR 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.webp?itok=fEDUo_fb 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.webp?itok=hTWDqL4L 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.png?itok=Ar3UHXsQ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.png?itok=Ar3UHXsQ 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.png?itok=3mf9ZKGR 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.png?itok=Ar3UHXsQ 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.png?itok=hTWDqL4L 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.png?itok=3mf9ZKGR 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.png?itok=fEDUo_fb 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.png?itok=hTWDqL4L 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg5.png?itok=fEDUo_fb" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">Digital design</h3> <p>The visual identity of Aalt Stadhaus has also been adapted for the digital realm. Social media and the website maintain consistent engagement with the audience, and the branding needed to be recognizable and consistent across all platforms.</p> </div> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.webp?itok=cKvPIp5h 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.webp?itok=cKvPIp5h 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.webp?itok=umfSnt5j 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.webp?itok=cKvPIp5h 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.webp?itok=IPbBjpmI 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.webp?itok=umfSnt5j 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.webp?itok=Cx-X1dLa 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.webp?itok=IPbBjpmI 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.png?itok=cKvPIp5h 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.png?itok=cKvPIp5h 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.png?itok=umfSnt5j 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.png?itok=cKvPIp5h 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.png?itok=IPbBjpmI 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.png?itok=umfSnt5j 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.png?itok=Cx-X1dLa 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.png?itok=IPbBjpmI 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg8.png?itok=Cx-X1dLa" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-gallery"> <div class="pt-16 pb-10 lg:pt-96 lg:pb-32" style="background-color: "> <div class="swiper-container cursor-grab"> <div class="swiper-wrapper"> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%209.jpg?itok=xnB0E0kx" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%2010.jpg?itok=0cnpeAuY" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/Plan%20de%20travail%20%E2%80%93%2011.jpg?itok=C3ydApAO" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div class="swiper-pagination relative mt-16 lg:mt-32"></div> </div> </div> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.webp?itok=G2L675VY 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.webp?itok=G2L675VY 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.webp?itok=ff5c66JM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.webp?itok=G2L675VY 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.webp?itok=AIKxMWQF 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.webp?itok=ff5c66JM 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.webp?itok=kKipRwe3 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.webp?itok=AIKxMWQF 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.png?itok=G2L675VY 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.png?itok=G2L675VY 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.png?itok=ff5c66JM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.png?itok=G2L675VY 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.png?itok=AIKxMWQF 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.png?itok=ff5c66JM 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.png?itok=kKipRwe3 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.png?itok=AIKxMWQF 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg13.png?itok=kKipRwe3" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.webp?itok=sD_dediw 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.webp?itok=sD_dediw 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.webp?itok=UdI6ibCJ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.webp?itok=sD_dediw 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.webp?itok=Kqlynb-N 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.webp?itok=UdI6ibCJ 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.webp?itok=wtlpRgBW 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.webp?itok=Kqlynb-N 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.png?itok=sD_dediw 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.png?itok=sD_dediw 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.png?itok=UdI6ibCJ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.png?itok=sD_dediw 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.png?itok=Kqlynb-N 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.png?itok=UdI6ibCJ 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.png?itok=wtlpRgBW 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.png?itok=Kqlynb-N 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Aalt%20Stadhaus%20%E2%80%94%20Explose%20-%20Branding%20digital%20Luxembourg14.png?itok=wtlpRgBW" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <div> <div>Teaser Text</div> <div><p>Aalt Stadhaus is a cultural center located in the heart of Differdange, Luxembourg. Offering a variety of events, it serves as a place for cultural life within the community. From different performances to art exhibitions and engaging workshops, the Aalt Stadhaus is dedicated to providing a great cultural experience for both residents and visitors. </p> </div> </div> <div> <div>Skills</div> <div><p>Identité visuelle</p> <p>Design visuel</p> <p>Design d'interaction</p> <p>UX/UI design</p> <p>Développement front-end</p> </div> </div> Tue, 23 Jan 2024 17:04:05 +0000 admin 54 at https://explose.com Cour grand-ducale https://explose.com/en/works/cour-grand-ducale <span>Cour grand-ducale</span> <span><span lang="" about="/en/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span>Wed, 09/27/2023 - 09:28</span> <div> <div>Image</div> <div> <img loading="lazy" src="/sites/default/files/upload/case/case-monarchie-kids-cover.jpg" width="3840" height="2160" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div> <div>Subtitle</div> <div>The Monarchy Explained to Kids</div> </div> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2023-09/monarchie_kids_reveal%20%281080p%29.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-ui.webp?itok=7ueYmb7e 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-ui.webp?itok=7ueYmb7e 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-ui.webp?itok=v_OnuoMP 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-ui.webp?itok=7ueYmb7e 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-ui.webp?itok=3MqOlRqh 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-ui.webp?itok=v_OnuoMP 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-ui.webp?itok=aIYW7H8D 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-ui.webp?itok=3MqOlRqh 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-ui.jpg?itok=7ueYmb7e 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-ui.jpg?itok=7ueYmb7e 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-ui.jpg?itok=v_OnuoMP 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-ui.jpg?itok=7ueYmb7e 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-ui.jpg?itok=3MqOlRqh 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-ui.jpg?itok=v_OnuoMP 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-ui.jpg?itok=aIYW7H8D 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-ui.jpg?itok=3MqOlRqh 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-ui.jpg?itok=aIYW7H8D" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-interfaces lg:w-3/4 mx-auto"> <div class="px-16 lg:px-0 py-16 lg:py-96" style="background-color: #F8E8D5"> <div class="lg:px-96 mx-auto"> <div class="flex justify-center -mx-5 lg:-mx-16 appear-block"> <div class="px-5 lg:px-16 w-full appear-block-child "> <div> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-01.webp?itok=BSWM9JIk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-01.webp?itok=BSWM9JIk 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-01.webp?itok=i0C-SnJF 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-01.webp?itok=BSWM9JIk 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-01.webp?itok=wT1JQBng 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-01.webp?itok=i0C-SnJF 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-01.webp?itok=k4NlU14G 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-01.webp?itok=wT1JQBng 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-01.jpg?itok=BSWM9JIk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-01.jpg?itok=BSWM9JIk 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-01.jpg?itok=i0C-SnJF 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-01.jpg?itok=BSWM9JIk 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-01.jpg?itok=wT1JQBng 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-01.jpg?itok=i0C-SnJF 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-01.jpg?itok=k4NlU14G 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-01.jpg?itok=wT1JQBng 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-01.jpg?itok=k4NlU14G" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">An immersive experience</h3> <p>We create a magical realm that sparks the curiosity of young visitors while offering a simple and intuitive navigation. This would not have been possible without the magnificent illustration work of <a href="https://www.fourseasonsfox.com/" target="_blank">Sandra Martins</a>, which we were able to animate and enhance with soundscapes to make it all the more immersive.</p> </div> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-01.webp?itok=PslBoPVs 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-01.webp?itok=PslBoPVs 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-illu-01.webp?itok=0gVhGLV5 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-01.webp?itok=PslBoPVs 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-illu-01.webp?itok=2tBCZonP 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-illu-01.webp?itok=0gVhGLV5 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-illu-01.webp?itok=T_Av09Cz 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-illu-01.webp?itok=2tBCZonP 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-01.jpg?itok=PslBoPVs 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-01.jpg?itok=PslBoPVs 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-illu-01.jpg?itok=0gVhGLV5 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-01.jpg?itok=PslBoPVs 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-illu-01.jpg?itok=2tBCZonP 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-illu-01.jpg?itok=0gVhGLV5 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-illu-01.jpg?itok=T_Av09Cz 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-illu-01.jpg?itok=2tBCZonP 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-illu-01.jpg?itok=T_Av09Cz" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-01.webp?itok=IFoTfz8N 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-01.webp?itok=IFoTfz8N 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-01.webp?itok=V_XnHfZU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-01.webp?itok=IFoTfz8N 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-01.webp?itok=CXAmibfp 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-01.webp?itok=V_XnHfZU 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-01.webp?itok=CxzIgyQh 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-01.webp?itok=CXAmibfp 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-01.jpg?itok=IFoTfz8N 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-01.jpg?itok=IFoTfz8N 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-01.jpg?itok=V_XnHfZU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-01.jpg?itok=IFoTfz8N 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-01.jpg?itok=CXAmibfp 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-01.jpg?itok=V_XnHfZU 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-01.jpg?itok=CxzIgyQh 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-01.jpg?itok=CXAmibfp 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-01.jpg?itok=CxzIgyQh" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-02.webp?itok=9U3_P9vP 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-02.webp?itok=9U3_P9vP 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-02.webp?itok=xFTneITk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-02.webp?itok=9U3_P9vP 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-02.webp?itok=KDb17m9x 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-02.webp?itok=xFTneITk 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-02.webp?itok=EbnsQ1Lb 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-02.webp?itok=KDb17m9x 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-02.jpg?itok=9U3_P9vP 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-02.jpg?itok=9U3_P9vP 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-02.jpg?itok=xFTneITk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-02.jpg?itok=9U3_P9vP 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-02.jpg?itok=KDb17m9x 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-02.jpg?itok=xFTneITk 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-02.jpg?itok=EbnsQ1Lb 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-02.jpg?itok=KDb17m9x 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-02.jpg?itok=EbnsQ1Lb" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-04.webp?itok=9HqSjzA- 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-04.webp?itok=9HqSjzA- 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-04.webp?itok=IAE-i2Rv 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-04.webp?itok=9HqSjzA- 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-04.webp?itok=-p_P8oEo 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-04.webp?itok=IAE-i2Rv 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-04.webp?itok=VZbnvgis 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-04.webp?itok=-p_P8oEo 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-04.jpg?itok=9HqSjzA- 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-04.jpg?itok=9HqSjzA- 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-04.jpg?itok=IAE-i2Rv 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-04.jpg?itok=9HqSjzA- 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-04.jpg?itok=-p_P8oEo 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-04.jpg?itok=IAE-i2Rv 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-04.jpg?itok=VZbnvgis 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-04.jpg?itok=-p_P8oEo 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-04.jpg?itok=VZbnvgis" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-03.webp?itok=qDJl3LTV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-03.webp?itok=qDJl3LTV 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-03.webp?itok=DBjhJsr4 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-03.webp?itok=qDJl3LTV 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-03.webp?itok=-IvrQyaX 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-03.webp?itok=DBjhJsr4 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-03.webp?itok=towMYkX- 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-03.webp?itok=-IvrQyaX 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-03.jpg?itok=qDJl3LTV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-03.jpg?itok=qDJl3LTV 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-03.jpg?itok=DBjhJsr4 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-avatar-03.jpg?itok=qDJl3LTV 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-03.jpg?itok=-IvrQyaX 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-avatar-03.jpg?itok=DBjhJsr4 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-03.jpg?itok=towMYkX- 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-avatar-03.jpg?itok=-IvrQyaX 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-avatar-03.jpg?itok=towMYkX-" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </section> <section class="paragraph paragraph-interfaces lg:w-3/4 mx-auto"> <div class="px-16 lg:px-0 py-16 lg:py-96" style="background-color: #F8E8D5"> <div class="lg:px-96 mx-auto"> <div class="flex justify-center -mx-5 lg:-mx-16 appear-block"> <div class="px-5 lg:px-16 w-full appear-block-child "> <div> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-02.webp?itok=vmsal0pM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-02.webp?itok=vmsal0pM 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-02.webp?itok=NGSvVDQn 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-02.webp?itok=vmsal0pM 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-02.webp?itok=-Dg5cJ1H 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-02.webp?itok=NGSvVDQn 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-02.webp?itok=j0LFD2vh 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-02.webp?itok=-Dg5cJ1H 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-02.jpg?itok=vmsal0pM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-02.jpg?itok=vmsal0pM 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-02.jpg?itok=NGSvVDQn 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-02.jpg?itok=vmsal0pM 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-02.jpg?itok=-Dg5cJ1H 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-02.jpg?itok=NGSvVDQn 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-02.jpg?itok=j0LFD2vh 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-02.jpg?itok=-Dg5cJ1H 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-02.jpg?itok=j0LFD2vh" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph-interfaces lg:w-3/4 mx-auto"> <div class="px-16 lg:px-0 py-16 lg:py-96" style="background-color: #F8E8D5"> <div class="lg:px-96 mx-auto"> <div class="flex justify-center -mx-5 lg:-mx-16 appear-block"> <div class="px-5 lg:px-16 w-full appear-block-child "> <div> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-03.webp?itok=bFuDnps0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-03.webp?itok=bFuDnps0 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-03.webp?itok=tu5e2aVm 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-03.webp?itok=bFuDnps0 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-03.webp?itok=-7XvyTRk 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-03.webp?itok=tu5e2aVm 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-03.webp?itok=XxvlicDO 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-03.webp?itok=-7XvyTRk 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-03.jpg?itok=bFuDnps0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-03.jpg?itok=bFuDnps0 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-03.jpg?itok=tu5e2aVm 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-03.jpg?itok=bFuDnps0 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-03.jpg?itok=-7XvyTRk 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-03.jpg?itok=tu5e2aVm 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-03.jpg?itok=XxvlicDO 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-03.jpg?itok=-7XvyTRk 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-03.jpg?itok=XxvlicDO" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph-interfaces lg:w-3/4 mx-auto"> <div class="px-16 lg:px-0 py-16 lg:py-96" style="background-color: #F8E8D5"> <div class="lg:px-96 mx-auto"> <div class="flex justify-center -mx-5 lg:-mx-16 appear-block"> <div class="px-5 lg:px-16 w-full appear-block-child "> <div> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-04.webp?itok=yCKWOZXp 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-04.webp?itok=yCKWOZXp 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-04.webp?itok=UXIFP6fW 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-04.webp?itok=yCKWOZXp 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-04.webp?itok=vN2W56vL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-04.webp?itok=UXIFP6fW 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-04.webp?itok=ZCI4yqdy 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-04.webp?itok=vN2W56vL 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-04.jpg?itok=yCKWOZXp 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-04.jpg?itok=yCKWOZXp 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-04.jpg?itok=UXIFP6fW 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-04.jpg?itok=yCKWOZXp 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-04.jpg?itok=vN2W56vL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-04.jpg?itok=UXIFP6fW 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-04.jpg?itok=ZCI4yqdy 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-04.jpg?itok=vN2W56vL 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-04.jpg?itok=ZCI4yqdy" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-02.webp?itok=V9NI8qM6 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-02.webp?itok=V9NI8qM6 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-illu-02.webp?itok=5fJSQJCa 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-02.webp?itok=V9NI8qM6 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-illu-02.webp?itok=xEp95mCi 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-illu-02.webp?itok=5fJSQJCa 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-illu-02.webp?itok=6uuKwUOZ 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-illu-02.webp?itok=xEp95mCi 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-02.jpg?itok=V9NI8qM6 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-02.jpg?itok=V9NI8qM6 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-illu-02.jpg?itok=5fJSQJCa 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-illu-02.jpg?itok=V9NI8qM6 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-illu-02.jpg?itok=xEp95mCi 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-illu-02.jpg?itok=5fJSQJCa 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-illu-02.jpg?itok=6uuKwUOZ 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-illu-02.jpg?itok=xEp95mCi 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-illu-02.jpg?itok=6uuKwUOZ" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-interfaces lg:w-3/4 mx-auto"> <div class="px-16 lg:px-0 py-16 lg:py-96" style="background-color: #F8E8D5"> <div class="lg:px-96 mx-auto"> <div class="flex justify-center -mx-5 lg:-mx-16 appear-block"> <div class="px-5 lg:px-16 w-full appear-block-child "> <div> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-05.webp?itok=Jq9fMR0E 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-05.webp?itok=Jq9fMR0E 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-05.webp?itok=QazwMvOE 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-05.webp?itok=Jq9fMR0E 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-05.webp?itok=fb68FSnl 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-05.webp?itok=QazwMvOE 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-05.webp?itok=hWP55i7G 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-05.webp?itok=fb68FSnl 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-05.jpg?itok=Jq9fMR0E 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-05.jpg?itok=Jq9fMR0E 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-05.jpg?itok=QazwMvOE 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-05.jpg?itok=Jq9fMR0E 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-05.jpg?itok=fb68FSnl 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-05.jpg?itok=QazwMvOE 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-05.jpg?itok=hWP55i7G 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-05.jpg?itok=fb68FSnl 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-05.jpg?itok=hWP55i7G" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph-interfaces lg:w-3/4 mx-auto"> <div class="px-16 lg:px-0 py-16 lg:py-96" style="background-color: #F8E8D5"> <div class="lg:px-96 mx-auto"> <div class="flex justify-center -mx-5 lg:-mx-16 appear-block"> <div class="px-5 lg:px-16 w-full appear-block-child "> <div> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-06_0.webp?itok=XVhu-fB2 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-06_0.webp?itok=XVhu-fB2 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-06_0.webp?itok=ejFhaLxg 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-06_0.webp?itok=XVhu-fB2 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-06_0.webp?itok=Ej6YY-WD 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-06_0.webp?itok=ejFhaLxg 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-06_0.webp?itok=BJeu-35T 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-06_0.webp?itok=Ej6YY-WD 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-06_0.jpg?itok=XVhu-fB2 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-06_0.jpg?itok=XVhu-fB2 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-06_0.jpg?itok=ejFhaLxg 1x, /sites/default/files/styles/2000/public/upload/paragraphs/case-monarchie-kids-screen-06_0.jpg?itok=XVhu-fB2 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-06_0.jpg?itok=Ej6YY-WD 1x, /sites/default/files/styles/1600/public/upload/paragraphs/case-monarchie-kids-screen-06_0.jpg?itok=ejFhaLxg 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-06_0.jpg?itok=BJeu-35T 1x, /sites/default/files/styles/1280/public/upload/paragraphs/case-monarchie-kids-screen-06_0.jpg?itok=Ej6YY-WD 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/case-monarchie-kids-screen-06_0.jpg?itok=BJeu-35T" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <p>We provided the overall artistic direction to ensure that the intentions and messages of the Maison du Grand-Duc were accurately conveyed in all illustrations, animations and soundscapes, resulting in a highly cohesive whole. Technically, the challenges were significant, as the Maison du Grand-Duc aimed for a highly appealing and visually engaging website while also ensuring inclusivity and accessibility for individuals with specific needs, and it needed to be entirely manageable by their in-house team.</p> </div> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2023-09/2.2%20Grand-Duc%20Henri%20V1.mp4" type="video/mp4"> </video> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2023-09/2.3%20Grand-Duchesse%20Maria%20Teresa%20-%20V3.mp4" type="video/mp4"> </video> </div> </div> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/DSC_3429-Enhanced-NR.webp?itok=QPYJynXl 1x, /sites/default/files/styles/2000/public/upload/paragraphs/DSC_3429-Enhanced-NR.webp?itok=QPYJynXl 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/DSC_3429-Enhanced-NR.webp?itok=89nZmbO0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/DSC_3429-Enhanced-NR.webp?itok=QPYJynXl 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/DSC_3429-Enhanced-NR.webp?itok=sOgXewGX 1x, /sites/default/files/styles/1600/public/upload/paragraphs/DSC_3429-Enhanced-NR.webp?itok=89nZmbO0 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/DSC_3429-Enhanced-NR.webp?itok=zr8SgHIy 1x, /sites/default/files/styles/1280/public/upload/paragraphs/DSC_3429-Enhanced-NR.webp?itok=sOgXewGX 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/DSC_3429-Enhanced-NR.JPG?itok=QPYJynXl 1x, /sites/default/files/styles/2000/public/upload/paragraphs/DSC_3429-Enhanced-NR.JPG?itok=QPYJynXl 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/DSC_3429-Enhanced-NR.JPG?itok=89nZmbO0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/DSC_3429-Enhanced-NR.JPG?itok=QPYJynXl 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/DSC_3429-Enhanced-NR.JPG?itok=sOgXewGX 1x, /sites/default/files/styles/1600/public/upload/paragraphs/DSC_3429-Enhanced-NR.JPG?itok=89nZmbO0 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/DSC_3429-Enhanced-NR.JPG?itok=zr8SgHIy 1x, /sites/default/files/styles/1280/public/upload/paragraphs/DSC_3429-Enhanced-NR.JPG?itok=sOgXewGX 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/DSC_3429-Enhanced-NR.JPG?itok=zr8SgHIy" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <div> <div>Teaser Text</div> <div><p>The Explose agency supported the Maison du Grand-Duc in creating a website dedicated to children. The challenge was to create a personalized experience that immerses kids in the world of the Monarchy while providing educative content. The website aims to be very playful and interactive.</p> </div> </div> <div> <div>Skills</div> <div><p>Visual Design<br /> Interaction Design<br /> Experience Design<br /> Sound Design<br /> Motion Design<br /> Creative development</p> </div> </div> <div> <div>Links</div> <div> <div><a href="https://kids.monarchie.lu">kids.monarchie.lu</a></div> </div> </div> <div> <div>Background color</div> <div>#F8E8D5</div> </div> Wed, 27 Sep 2023 07:28:07 +0000 admin 53 at https://explose.com Craft_3.0 https://explose.com/en/works/craft30 <span>Craft_3.0</span> <span><span lang="" about="/en/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span>Fri, 04/14/2023 - 13:49</span> <div> <div>Image</div> <div> <img loading="lazy" src="/sites/default/files/upload/case/Craft-cover.jpg" width="4008" height="2255" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div> <div>Subtitle</div> <div>Immersive art &amp; craft exhibition</div> </div> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-06_0.webp?itok=6Ybbr2a- 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-06_0.webp?itok=6Ybbr2a- 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-06_0.webp?itok=1Tj54DyK 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-06_0.webp?itok=6Ybbr2a- 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-06_0.webp?itok=ZsFH_cFg 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-06_0.webp?itok=1Tj54DyK 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-06_0.webp?itok=jAyh-Hjw 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-06_0.webp?itok=ZsFH_cFg 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-06_0.png?itok=6Ybbr2a- 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-06_0.png?itok=6Ybbr2a- 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-06_0.png?itok=1Tj54DyK 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-06_0.png?itok=6Ybbr2a- 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-06_0.png?itok=ZsFH_cFg 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-06_0.png?itok=1Tj54DyK 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-06_0.png?itok=jAyh-Hjw 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-06_0.png?itok=ZsFH_cFg 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-06_0.png?itok=jAyh-Hjw" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2023-04/Craft-video.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-02_0.webp?itok=4cSY7ecL 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-02_0.webp?itok=4cSY7ecL 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-02_0.webp?itok=6ej1N7VE 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-02_0.webp?itok=4cSY7ecL 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-02_0.webp?itok=-6ljq7pL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-02_0.webp?itok=6ej1N7VE 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-02_0.webp?itok=VmatesEq 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-02_0.webp?itok=-6ljq7pL 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-02_0.png?itok=4cSY7ecL 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-02_0.png?itok=4cSY7ecL 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-02_0.png?itok=6ej1N7VE 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-02_0.png?itok=4cSY7ecL 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-02_0.png?itok=-6ljq7pL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-02_0.png?itok=6ej1N7VE 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-02_0.png?itok=VmatesEq 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-02_0.png?itok=-6ljq7pL 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-02_0.png?itok=VmatesEq" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-02.webp?itok=5WchxWVg 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-02.webp?itok=5WchxWVg 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-02.webp?itok=WLien798 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-02.webp?itok=5WchxWVg 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-02.webp?itok=RitbiIiV 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-02.webp?itok=WLien798 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-02.webp?itok=48EgevcE 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-02.webp?itok=RitbiIiV 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-02.jpeg?itok=5WchxWVg 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-02.jpeg?itok=5WchxWVg 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-02.jpeg?itok=WLien798 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-02.jpeg?itok=5WchxWVg 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-02.jpeg?itok=RitbiIiV 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-02.jpeg?itok=WLien798 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-02.jpeg?itok=48EgevcE 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-02.jpeg?itok=RitbiIiV 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-02.jpeg?itok=48EgevcE" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-03.webp?itok=8Lr3hjDj 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-03.webp?itok=8Lr3hjDj 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-03.webp?itok=b3auV9gU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-03.webp?itok=8Lr3hjDj 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-03.webp?itok=72-63uYe 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-03.webp?itok=b3auV9gU 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-03.webp?itok=JkeiNwqb 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-03.webp?itok=72-63uYe 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-03.jpeg?itok=8Lr3hjDj 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-03.jpeg?itok=8Lr3hjDj 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-03.jpeg?itok=b3auV9gU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-03.jpeg?itok=8Lr3hjDj 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-03.jpeg?itok=72-63uYe 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-03.jpeg?itok=b3auV9gU 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-03.jpeg?itok=JkeiNwqb 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-03.jpeg?itok=72-63uYe 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-03.jpeg?itok=JkeiNwqb" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-03_0.webp?itok=03b2CGk0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-03_0.webp?itok=03b2CGk0 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-03_0.webp?itok=vyORQKbg 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-03_0.webp?itok=03b2CGk0 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-03_0.webp?itok=-XywXftL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-03_0.webp?itok=vyORQKbg 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-03_0.webp?itok=BQWAJNnS 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-03_0.webp?itok=-XywXftL 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-03_0.png?itok=03b2CGk0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-03_0.png?itok=03b2CGk0 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-03_0.png?itok=vyORQKbg 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-03_0.png?itok=03b2CGk0 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-03_0.png?itok=-XywXftL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-03_0.png?itok=vyORQKbg 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-03_0.png?itok=BQWAJNnS 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-03_0.png?itok=-XywXftL 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-03_0.png?itok=BQWAJNnS" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-04_0.webp?itok=ZpPrZMhY 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-04_0.webp?itok=ZpPrZMhY 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-04_0.webp?itok=ATNxEEhT 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-04_0.webp?itok=ZpPrZMhY 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-04_0.webp?itok=2X-U-coe 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-04_0.webp?itok=ATNxEEhT 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-04_0.webp?itok=0cW_8usk 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-04_0.webp?itok=2X-U-coe 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-04_0.png?itok=ZpPrZMhY 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-04_0.png?itok=ZpPrZMhY 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-04_0.png?itok=ATNxEEhT 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-04_0.png?itok=ZpPrZMhY 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-04_0.png?itok=2X-U-coe 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-04_0.png?itok=ATNxEEhT 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-04_0.png?itok=0cW_8usk 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-04_0.png?itok=2X-U-coe 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-04_0.png?itok=0cW_8usk" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-01.webp?itok=V9atJKRG 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-01.webp?itok=V9atJKRG 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-01.webp?itok=wThBu9Zw 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-01.webp?itok=V9atJKRG 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-01.webp?itok=hoAtyLWH 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-01.webp?itok=wThBu9Zw 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-01.webp?itok=t95Rnyu- 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-01.webp?itok=hoAtyLWH 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-01.jpeg?itok=V9atJKRG 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-01.jpeg?itok=V9atJKRG 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-01.jpeg?itok=wThBu9Zw 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-01.jpeg?itok=V9atJKRG 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-01.jpeg?itok=hoAtyLWH 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-01.jpeg?itok=wThBu9Zw 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-01.jpeg?itok=t95Rnyu- 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-01.jpeg?itok=hoAtyLWH 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-01.jpeg?itok=t95Rnyu-" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-05_0.webp?itok=xqjiFG3R 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-05_0.webp?itok=xqjiFG3R 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-05_0.webp?itok=_JKtYdrN 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-05_0.webp?itok=xqjiFG3R 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-05_0.webp?itok=G7HZw5JI 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-05_0.webp?itok=_JKtYdrN 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-05_0.webp?itok=rA1uV0W4 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-05_0.webp?itok=G7HZw5JI 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-05_0.png?itok=xqjiFG3R 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-05_0.png?itok=xqjiFG3R 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-05_0.png?itok=_JKtYdrN 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-branding-05_0.png?itok=xqjiFG3R 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-05_0.png?itok=G7HZw5JI 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-branding-05_0.png?itok=_JKtYdrN 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-05_0.png?itok=rA1uV0W4 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-branding-05_0.png?itok=G7HZw5JI 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Craft-branding-05_0.png?itok=rA1uV0W4" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-04.webp?itok=wZ9MRBiA 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-04.webp?itok=wZ9MRBiA 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-04.webp?itok=NXhl8uAf 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-04.webp?itok=wZ9MRBiA 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-04.webp?itok=GMAtWFsI 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-04.webp?itok=NXhl8uAf 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-04.webp?itok=4fVcR7hh 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-04.webp?itok=GMAtWFsI 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-04.jpeg?itok=wZ9MRBiA 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-04.jpeg?itok=wZ9MRBiA 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-04.jpeg?itok=NXhl8uAf 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Craft-photo-04.jpeg?itok=wZ9MRBiA 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-04.jpeg?itok=GMAtWFsI 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Craft-photo-04.jpeg?itok=NXhl8uAf 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-04.jpeg?itok=4fVcR7hh 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Craft-photo-04.jpeg?itok=GMAtWFsI 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Craft-photo-04.jpeg?itok=4fVcR7hh" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <div> <div>Teaser Text</div> <div><p>In the context of Esch2022, European Capital of Culture, the association 'De Mains de Maîtres' created the exhibition entitled 'Craft 3.0' which aims to highlight the art of craftsmanship combining traditional know-how and new technologies. The association called on Explose to develop the entire branding of the event, from the visual identity to the physical design of the exhibition, including the website and communication.</p> </div> </div> <div> <div>Skills</div> <div><p>Visual identity<br /> Website</p> </div> </div> <div> <div>Links</div> <div> <div><a href="https://craft.demainsdemaitres.lu/">craft.demainsdemaitres.lu</a></div> </div> </div> Fri, 14 Apr 2023 11:49:21 +0000 admin 52 at https://explose.com Fräiraim Festival https://explose.com/en/works/frairaim-festival <span>Fräiraim Festival</span> <span><span lang="" about="/en/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span>Fri, 04/14/2023 - 11:33</span> <div> <div>Image</div> <div> <img loading="lazy" src="/sites/default/files/upload/case/felicia-varzari-5B0qmh4Hw88-unsplash.jpg" width="2369" height="1803" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div> <div>Subtitle</div> <div>The music scene of the Greater Region</div> </div> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2023-04/Logo%20Frairaim.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-04.webp?itok=_d6-bnct 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-04.webp?itok=_d6-bnct 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-04.webp?itok=GsAFw8A8 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-04.webp?itok=_d6-bnct 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-04.webp?itok=SyoPepli 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-04.webp?itok=GsAFw8A8 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-04.webp?itok=S02I5WJa 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-04.webp?itok=SyoPepli 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-04.png?itok=_d6-bnct 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-04.png?itok=_d6-bnct 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-04.png?itok=GsAFw8A8 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-04.png?itok=_d6-bnct 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-04.png?itok=SyoPepli 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-04.png?itok=GsAFw8A8 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-04.png?itok=S02I5WJa 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-04.png?itok=SyoPepli 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-04.png?itok=S02I5WJa" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-02.webp?itok=nLQo7VoU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-02.webp?itok=nLQo7VoU 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-02.webp?itok=zaRWVT1m 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-02.webp?itok=nLQo7VoU 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-02.webp?itok=4SlIwo3I 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-02.webp?itok=zaRWVT1m 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-02.webp?itok=g-3z0goM 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-02.webp?itok=4SlIwo3I 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-02.png?itok=nLQo7VoU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-02.png?itok=nLQo7VoU 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-02.png?itok=zaRWVT1m 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-02.png?itok=nLQo7VoU 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-02.png?itok=4SlIwo3I 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-02.png?itok=zaRWVT1m 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-02.png?itok=g-3z0goM 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-02.png?itok=4SlIwo3I 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-02.png?itok=g-3z0goM" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-06_0.webp?itok=KCeKsjlq 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-06_0.webp?itok=KCeKsjlq 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-06_0.webp?itok=uPsz5psp 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-06_0.webp?itok=KCeKsjlq 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-06_0.webp?itok=G-DPLP3j 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-06_0.webp?itok=uPsz5psp 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-06_0.webp?itok=eQJq08oT 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-06_0.webp?itok=G-DPLP3j 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-06_0.png?itok=KCeKsjlq 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-06_0.png?itok=KCeKsjlq 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-06_0.png?itok=uPsz5psp 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-06_0.png?itok=KCeKsjlq 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-06_0.png?itok=G-DPLP3j 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-06_0.png?itok=uPsz5psp 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-06_0.png?itok=eQJq08oT 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-06_0.png?itok=G-DPLP3j 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-06_0.png?itok=eQJq08oT" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-05.webp?itok=vbMAhCj8 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-05.webp?itok=vbMAhCj8 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-05.webp?itok=1R0xc2mr 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-05.webp?itok=vbMAhCj8 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-05.webp?itok=eEUcia04 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-05.webp?itok=1R0xc2mr 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-05.webp?itok=2Ij0wEIa 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-05.webp?itok=eEUcia04 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-05.png?itok=vbMAhCj8 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-05.png?itok=vbMAhCj8 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-05.png?itok=1R0xc2mr 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-05.png?itok=vbMAhCj8 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-05.png?itok=eEUcia04 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-05.png?itok=1R0xc2mr 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-05.png?itok=2Ij0wEIa 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-05.png?itok=eEUcia04 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-05.png?itok=2Ij0wEIa" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2023-04/frairaim-hover-effect-v2.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-11.webp?itok=lSrELZDd 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-11.webp?itok=lSrELZDd 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-11.webp?itok=Qpwcn9qG 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-11.webp?itok=lSrELZDd 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-11.webp?itok=EAm7Q1Yz 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-11.webp?itok=Qpwcn9qG 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-11.webp?itok=Kx33zr2n 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-11.webp?itok=EAm7Q1Yz 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-11.png?itok=lSrELZDd 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-11.png?itok=lSrELZDd 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-11.png?itok=Qpwcn9qG 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-11.png?itok=lSrELZDd 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-11.png?itok=EAm7Q1Yz 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-11.png?itok=Qpwcn9qG 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-11.png?itok=Kx33zr2n 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-11.png?itok=EAm7Q1Yz 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-11.png?itok=Kx33zr2n" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-01.webp?itok=zM8AZEr9 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-01.webp?itok=zM8AZEr9 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-01.webp?itok=1oQiJt9v 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-01.webp?itok=zM8AZEr9 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-01.webp?itok=nK_dbwkB 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-01.webp?itok=1oQiJt9v 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-01.webp?itok=mPsYMhPz 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-01.webp?itok=nK_dbwkB 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-01.png?itok=zM8AZEr9 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-01.png?itok=zM8AZEr9 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-01.png?itok=1oQiJt9v 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-01.png?itok=zM8AZEr9 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-01.png?itok=nK_dbwkB 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-01.png?itok=1oQiJt9v 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-01.png?itok=mPsYMhPz 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-01.png?itok=nK_dbwkB 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-01.png?itok=mPsYMhPz" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-03.webp?itok=vAbtapM0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-03.webp?itok=vAbtapM0 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-03.webp?itok=2GGhgYR4 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-03.webp?itok=vAbtapM0 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-03.webp?itok=JMZESEim 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-03.webp?itok=2GGhgYR4 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-03.webp?itok=6XA6OMYH 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-03.webp?itok=JMZESEim 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-03.png?itok=vAbtapM0 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-03.png?itok=vAbtapM0 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-03.png?itok=2GGhgYR4 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-03.png?itok=vAbtapM0 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-03.png?itok=JMZESEim 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-03.png?itok=2GGhgYR4 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-03.png?itok=6XA6OMYH 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-03.png?itok=JMZESEim 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-03.png?itok=6XA6OMYH" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-08.webp?itok=zvrCkARC 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-08.webp?itok=zvrCkARC 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-08.webp?itok=LKu3f_DW 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-08.webp?itok=zvrCkARC 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-08.webp?itok=S-UAOv3b 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-08.webp?itok=LKu3f_DW 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-08.webp?itok=ZLue88qg 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-08.webp?itok=S-UAOv3b 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-08.png?itok=zvrCkARC 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-08.png?itok=zvrCkARC 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-08.png?itok=LKu3f_DW 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-id-08.png?itok=zvrCkARC 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-08.png?itok=S-UAOv3b 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-id-08.png?itok=LKu3f_DW 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-08.png?itok=ZLue88qg 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-id-08.png?itok=S-UAOv3b 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-id-08.png?itok=ZLue88qg" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-04.webp?itok=V_-5zmN8 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-04.webp?itok=V_-5zmN8 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-04.webp?itok=wQ0o6hYQ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-04.webp?itok=V_-5zmN8 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-04.webp?itok=HxnF7gm2 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-04.webp?itok=wQ0o6hYQ 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-04.webp?itok=Du5T_oyv 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-04.webp?itok=HxnF7gm2 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/frairaim-04.png?itok=V_-5zmN8 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-04.png?itok=V_-5zmN8 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/frairaim-04.png?itok=wQ0o6hYQ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/frairaim-04.png?itok=V_-5zmN8 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/frairaim-04.png?itok=HxnF7gm2 1x, /sites/default/files/styles/1600/public/upload/paragraphs/frairaim-04.png?itok=wQ0o6hYQ 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-04.png?itok=Du5T_oyv 1x, /sites/default/files/styles/1280/public/upload/paragraphs/frairaim-04.png?itok=HxnF7gm2 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/frairaim-04.png?itok=Du5T_oyv" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <div> <div>Teaser Text</div> <div><p>The Fräiraim Festival is a free music festival organized by the Philharmonie. It showcases the diverse local music scene of Luxembourg and the Greater Region, featuring a variety of musical styles and both amateur and professional artists. The festival's audience is equally eclectic as its selection, welcoming people of all ages and backgrounds. The festival was launched in 2022, the challenge was to create its new visual identity and website.</p> </div> </div> <div> <div>Skills</div> <div><p>Visual identity<br /> Website<br /> Motion design</p> </div> </div> <div> <div>Links</div> <div> <div><a href="https://frairaimfestival.lu/">frairaimfestival.lu</a></div> </div> </div> <div> <div>Background color</div> <div>#FFDAD6</div> </div> Fri, 14 Apr 2023 09:33:48 +0000 admin 51 at https://explose.com GovTech Lab https://explose.com/en/works/govtech-lab <span>GovTech Lab</span> <span><span lang="" about="/en/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span>Wed, 09/21/2022 - 11:31</span> <div> <div>Image</div> <div> <img loading="lazy" src="/sites/default/files/upload/case/govtechlab-cover_0.jpg" width="3940" height="2216" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div> <div>Subtitle</div> <div>Accelerating innovation in public services</div> </div> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2022-09/logo-boocle_1.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">Embodying the brand</h3> <p>GovTech Lab's new visual identity must embody the Government's vision: prioritising the enhancement in quality of services offered to citizens and businesses through digital technology. The graphic universe seeks to move away from the standard graphic codes of "tech" imagery, often too fixated on a tool/machine/system vision, to propose a much more "human-centered" identity.<br /> &nbsp;</p> </div> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/branding.webp?itok=LCV-KN2R 1x, /sites/default/files/styles/2000/public/upload/paragraphs/branding.webp?itok=LCV-KN2R 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/branding.webp?itok=MJTePbNN 1x, /sites/default/files/styles/2000/public/upload/paragraphs/branding.webp?itok=LCV-KN2R 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/branding.webp?itok=4EyN9i8o 1x, /sites/default/files/styles/1600/public/upload/paragraphs/branding.webp?itok=MJTePbNN 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/branding.webp?itok=pbneSU_q 1x, /sites/default/files/styles/1280/public/upload/paragraphs/branding.webp?itok=4EyN9i8o 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/branding.png?itok=LCV-KN2R 1x, /sites/default/files/styles/2000/public/upload/paragraphs/branding.png?itok=LCV-KN2R 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/branding.png?itok=MJTePbNN 1x, /sites/default/files/styles/2000/public/upload/paragraphs/branding.png?itok=LCV-KN2R 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/branding.png?itok=4EyN9i8o 1x, /sites/default/files/styles/1600/public/upload/paragraphs/branding.png?itok=MJTePbNN 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/branding.png?itok=pbneSU_q 1x, /sites/default/files/styles/1280/public/upload/paragraphs/branding.png?itok=4EyN9i8o 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/branding.png?itok=pbneSU_q" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">Setting the tone</h3> <p>The GovTech Lab brand messaging gives the initiative meaning and impact. With the support of the <em>Brightgeist Brand Stories</em> agency, taglines and catchphrases were created to give the brand tone, voice and personality.</p> </div> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/tone.webp?itok=PlBIgYvZ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/tone.webp?itok=PlBIgYvZ 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/tone.webp?itok=BUYz0DkU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/tone.webp?itok=PlBIgYvZ 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/tone.webp?itok=xeDbAtYe 1x, /sites/default/files/styles/1600/public/upload/paragraphs/tone.webp?itok=BUYz0DkU 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/tone.webp?itok=2Z2AvarJ 1x, /sites/default/files/styles/1280/public/upload/paragraphs/tone.webp?itok=xeDbAtYe 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/tone.png?itok=PlBIgYvZ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/tone.png?itok=PlBIgYvZ 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/tone.png?itok=BUYz0DkU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/tone.png?itok=PlBIgYvZ 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/tone.png?itok=xeDbAtYe 1x, /sites/default/files/styles/1600/public/upload/paragraphs/tone.png?itok=BUYz0DkU 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/tone.png?itok=2Z2AvarJ 1x, /sites/default/files/styles/1280/public/upload/paragraphs/tone.png?itok=xeDbAtYe 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tone.png?itok=2Z2AvarJ" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">Reveal the graphic universe</h3> <p>The aim was to create a strong and modern logo in line with the brand's values. GovTech Lab is first and foremost a movement, an acceleration, a synergy. By using linear patterns, we developed a whole graphic system that comes to life with motion design and symbolises the synergies and the overlap between innovation, ideas and solutions.</p> </div> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-01.webp?itok=Zas7eX_H 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-01.webp?itok=Zas7eX_H 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-01.webp?itok=gXZU94DN 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-01.webp?itok=Zas7eX_H 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-01.webp?itok=QNjz6qY1 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-01.webp?itok=gXZU94DN 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-01.webp?itok=1nIHJ7rW 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-01.webp?itok=QNjz6qY1 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-01.png?itok=Zas7eX_H 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-01.png?itok=Zas7eX_H 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-01.png?itok=gXZU94DN 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-01.png?itok=Zas7eX_H 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-01.png?itok=QNjz6qY1 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-01.png?itok=gXZU94DN 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-01.png?itok=1nIHJ7rW 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-01.png?itok=QNjz6qY1 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/design-01.png?itok=1nIHJ7rW" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-02.webp?itok=naonA774 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-02.webp?itok=naonA774 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-02.webp?itok=AtVpdU20 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-02.webp?itok=naonA774 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-02.webp?itok=E8y38wRm 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-02.webp?itok=AtVpdU20 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-02.webp?itok=xS3kqHvy 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-02.webp?itok=E8y38wRm 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-02.png?itok=naonA774 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-02.png?itok=naonA774 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-02.png?itok=AtVpdU20 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-02.png?itok=naonA774 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-02.png?itok=E8y38wRm 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-02.png?itok=AtVpdU20 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-02.png?itok=xS3kqHvy 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-02.png?itok=E8y38wRm 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/design-02.png?itok=xS3kqHvy" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-03.webp?itok=psiMla4l 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-03.webp?itok=psiMla4l 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-03.webp?itok=QNuzuRNP 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-03.webp?itok=psiMla4l 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-03.webp?itok=a3lEdTtf 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-03.webp?itok=QNuzuRNP 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-03.webp?itok=52DrR2vH 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-03.webp?itok=a3lEdTtf 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-03.png?itok=psiMla4l 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-03.png?itok=psiMla4l 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-03.png?itok=QNuzuRNP 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-03.png?itok=psiMla4l 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-03.png?itok=a3lEdTtf 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-03.png?itok=QNuzuRNP 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-03.png?itok=52DrR2vH 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-03.png?itok=a3lEdTtf 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/design-03.png?itok=52DrR2vH" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-04.webp?itok=PbkbSiG- 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-04.webp?itok=PbkbSiG- 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-04.webp?itok=EhWxF5oM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-04.webp?itok=PbkbSiG- 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-04.webp?itok=5cBwszH3 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-04.webp?itok=EhWxF5oM 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-04.webp?itok=_2vRigUx 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-04.webp?itok=5cBwszH3 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-04.png?itok=PbkbSiG- 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-04.png?itok=PbkbSiG- 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-04.png?itok=EhWxF5oM 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-04.png?itok=PbkbSiG- 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-04.png?itok=5cBwszH3 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-04.png?itok=EhWxF5oM 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-04.png?itok=_2vRigUx 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-04.png?itok=5cBwszH3 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/design-04.png?itok=_2vRigUx" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/govtechlab-univers-02.webp?itok=ZeprYQud 1x, /sites/default/files/styles/2000/public/upload/paragraphs/govtechlab-univers-02.webp?itok=ZeprYQud 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/govtechlab-univers-02.webp?itok=EMkZt1el 1x, /sites/default/files/styles/2000/public/upload/paragraphs/govtechlab-univers-02.webp?itok=ZeprYQud 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/govtechlab-univers-02.webp?itok=KYeovRtL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/govtechlab-univers-02.webp?itok=EMkZt1el 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/govtechlab-univers-02.webp?itok=jC4bgD5D 1x, /sites/default/files/styles/1280/public/upload/paragraphs/govtechlab-univers-02.webp?itok=KYeovRtL 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/govtechlab-univers-02.png?itok=ZeprYQud 1x, /sites/default/files/styles/2000/public/upload/paragraphs/govtechlab-univers-02.png?itok=ZeprYQud 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/govtechlab-univers-02.png?itok=EMkZt1el 1x, /sites/default/files/styles/2000/public/upload/paragraphs/govtechlab-univers-02.png?itok=ZeprYQud 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/govtechlab-univers-02.png?itok=KYeovRtL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/govtechlab-univers-02.png?itok=EMkZt1el 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/govtechlab-univers-02.png?itok=jC4bgD5D 1x, /sites/default/files/styles/1280/public/upload/paragraphs/govtechlab-univers-02.png?itok=KYeovRtL 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/govtechlab-univers-02.png?itok=jC4bgD5D" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-05.webp?itok=C3Y7zEpB 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-05.webp?itok=C3Y7zEpB 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-05.webp?itok=k2G_T3Pk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-05.webp?itok=C3Y7zEpB 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-05.webp?itok=PvAlhtW1 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-05.webp?itok=k2G_T3Pk 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-05.webp?itok=MbgDxQq7 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-05.webp?itok=PvAlhtW1 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/design-05.png?itok=C3Y7zEpB 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-05.png?itok=C3Y7zEpB 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/design-05.png?itok=k2G_T3Pk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/design-05.png?itok=C3Y7zEpB 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/design-05.png?itok=PvAlhtW1 1x, /sites/default/files/styles/1600/public/upload/paragraphs/design-05.png?itok=k2G_T3Pk 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/design-05.png?itok=MbgDxQq7 1x, /sites/default/files/styles/1280/public/upload/paragraphs/design-05.png?itok=PvAlhtW1 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/design-05.png?itok=MbgDxQq7" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">Brand messaging</h3> <p>A brand movie was made to capture the essence of GovTech Lab's message, vision and mission. GovTech Lab’s main tool to accelerate the technological transformation of the State is its “Calls for solutions”. The lab launches challenges on given themes and calls for the participation of external players to take them on with innovative solutions. This film tells the story of a close-knit team of digital experts who joins forces to submit their project on time to GovTech Lab. The aim was to offer authentic content, highlighting the human element and its emotions.</p> </div> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.webp?itok=WqPVSLHC 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.webp?itok=WqPVSLHC 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.webp?itok=S0AEB9Qk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.webp?itok=WqPVSLHC 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.webp?itok=GA4kVZlS 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.webp?itok=S0AEB9Qk 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.webp?itok=9Ej0MQl3 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.webp?itok=GA4kVZlS 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.jpg?itok=WqPVSLHC 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.jpg?itok=WqPVSLHC 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.jpg?itok=S0AEB9Qk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.jpg?itok=WqPVSLHC 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.jpg?itok=GA4kVZlS 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.jpg?itok=S0AEB9Qk 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.jpg?itok=9Ej0MQl3 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.jpg?itok=GA4kVZlS 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m55s213.jpg?itok=9Ej0MQl3" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.webp?itok=9D42YUa4 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.webp?itok=9D42YUa4 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.webp?itok=qvplYIKV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.webp?itok=9D42YUa4 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.webp?itok=3Jt5K1lN 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.webp?itok=qvplYIKV 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.webp?itok=k2FrVApv 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.webp?itok=3Jt5K1lN 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.jpg?itok=9D42YUa4 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.jpg?itok=9D42YUa4 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.jpg?itok=qvplYIKV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.jpg?itok=9D42YUa4 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.jpg?itok=3Jt5K1lN 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.jpg?itok=qvplYIKV 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.jpg?itok=k2FrVApv 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.jpg?itok=3Jt5K1lN 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-11h00m01s892.jpg?itok=k2FrVApv" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.webp?itok=xsAXH8da 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.webp?itok=xsAXH8da 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.webp?itok=VLGlxdRQ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.webp?itok=xsAXH8da 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.webp?itok=HouphOYS 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.webp?itok=VLGlxdRQ 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.webp?itok=B7Rx5qCb 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.webp?itok=HouphOYS 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.jpg?itok=xsAXH8da 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.jpg?itok=xsAXH8da 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.jpg?itok=VLGlxdRQ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.jpg?itok=xsAXH8da 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.jpg?itok=HouphOYS 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.jpg?itok=VLGlxdRQ 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.jpg?itok=B7Rx5qCb 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.jpg?itok=HouphOYS 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m06s168.jpg?itok=B7Rx5qCb" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.webp?itok=kKVl3kWb 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.webp?itok=kKVl3kWb 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.webp?itok=DtrJyOHD 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.webp?itok=kKVl3kWb 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.webp?itok=F7bevQyB 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.webp?itok=DtrJyOHD 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.webp?itok=x73pUFRA 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.webp?itok=F7bevQyB 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.jpg?itok=kKVl3kWb 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.jpg?itok=kKVl3kWb 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.jpg?itok=DtrJyOHD 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.jpg?itok=kKVl3kWb 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.jpg?itok=F7bevQyB 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.jpg?itok=DtrJyOHD 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.jpg?itok=x73pUFRA 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.jpg?itok=F7bevQyB 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h59m19s732.jpg?itok=x73pUFRA" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.webp?itok=P0gINppE 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.webp?itok=P0gINppE 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.webp?itok=FkL0SwJS 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.webp?itok=P0gINppE 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.webp?itok=FBxQC5cv 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.webp?itok=FkL0SwJS 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.webp?itok=ARbvXKqW 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.webp?itok=FBxQC5cv 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.jpg?itok=P0gINppE 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.jpg?itok=P0gINppE 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.jpg?itok=FkL0SwJS 1x, /sites/default/files/styles/2000/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.jpg?itok=P0gINppE 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.jpg?itok=FBxQC5cv 1x, /sites/default/files/styles/1600/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.jpg?itok=FkL0SwJS 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.jpg?itok=ARbvXKqW 1x, /sites/default/files/styles/1280/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.jpg?itok=FBxQC5cv 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/vlcsnap-2023-03-15-10h58m38s328.jpg?itok=ARbvXKqW" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <div class="video-wrapper"> <div data-controls="false" data-cinema="true" data-video="https://vimeo.com/753605742/ea50aef666" class="relative z-20"></div> <div class="video-mask bg-black fixed inset-0 z-10 opacity-0 pointer-events-none"></div> </div> </section> <div> <div>Teaser Text</div> <div><p><span><span><span><span><span><span>GovTech Lab is a joint initiative of the Ministry of Digitalisation and the Government IT Centre (CTIE) which responds to the Government's drive to enhance the quality of public services to citizens and businesses through digital transformation. </span></span></span></span></span></span><span><span><span><span><span><span>The Government has entrusted Explose with the creation of the Luxembourg GovTech Lab brand and visual identity.</span></span></span></span></span></span></p> </div> </div> <div> <div>Skills</div> <div><p>Visual identity<br /> Digital strategy<br /> Digital content: filmmaking</p> </div> </div> Wed, 21 Sep 2022 09:31:25 +0000 admin 50 at https://explose.com 1535° Creative Hub - Open doors 2019 https://explose.com/en/works/1535-creative-hub-open-doors-2019 <span>1535° Creative Hub - Open doors 2019</span> <span><span lang="" about="/en/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span>Tue, 09/20/2022 - 09:25</span> <div> <div>Image</div> <div> <img loading="lazy" src="/sites/default/files/upload/case/kumiyo_0.jpg" width="3050" height="1703" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div> <div>Subtitle</div> <div>Creative Day</div> </div> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>An event to promote creativity</h3> <p>Three years later, we were privileged to be able to propose a new concept and identity for the Hub's annual open doors. The idea was to bring modernity and innovation while keeping the essence of this day: making the creative professions known to the general public. This was the start of the “Creative Day” event.</p> </div> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativeday-02_1.webp?itok=3BPQ4ubn 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-02_1.webp?itok=3BPQ4ubn 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativeday-02_1.webp?itok=n2sbmWGN 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-02_1.webp?itok=3BPQ4ubn 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativeday-02_1.webp?itok=z9SSm0_h 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativeday-02_1.webp?itok=n2sbmWGN 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativeday-02_1.webp?itok=qdtQBZF6 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativeday-02_1.webp?itok=z9SSm0_h 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativeday-02_1.png?itok=3BPQ4ubn 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-02_1.png?itok=3BPQ4ubn 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativeday-02_1.png?itok=n2sbmWGN 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-02_1.png?itok=3BPQ4ubn 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativeday-02_1.png?itok=z9SSm0_h 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativeday-02_1.png?itok=n2sbmWGN 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativeday-02_1.png?itok=qdtQBZF6 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativeday-02_1.png?itok=z9SSm0_h 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativeday-02_1.png?itok=qdtQBZF6" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativeday-01_0.webp?itok=u1aw8IiD 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-01_0.webp?itok=u1aw8IiD 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativeday-01_0.webp?itok=PwOJXt7M 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-01_0.webp?itok=u1aw8IiD 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativeday-01_0.webp?itok=GPcihO8R 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativeday-01_0.webp?itok=PwOJXt7M 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativeday-01_0.webp?itok=a1mvk1SL 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativeday-01_0.webp?itok=GPcihO8R 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativeday-01_0.jpeg?itok=u1aw8IiD 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-01_0.jpeg?itok=u1aw8IiD 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativeday-01_0.jpeg?itok=PwOJXt7M 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-01_0.jpeg?itok=u1aw8IiD 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativeday-01_0.jpeg?itok=GPcihO8R 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativeday-01_0.jpeg?itok=PwOJXt7M 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativeday-01_0.jpeg?itok=a1mvk1SL 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativeday-01_0.jpeg?itok=GPcihO8R 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativeday-01_0.jpeg?itok=a1mvk1SL" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>Event&nbsp;communication</h3> <p>We set up the entire <strong>communication strategy</strong> around the <strong>Creative Day event</strong>, which took a more digital turn. Previously, we designed the entire teasing phase for deployment on social networks. On launch day, the signage, programme and plans helped visitors to find their way around and enjoy the activities.</p> </div> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativeday-instagram-grid_0.webp?itok=zyTK0FpA 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-instagram-grid_0.webp?itok=zyTK0FpA 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativeday-instagram-grid_0.webp?itok=z6AFsxc3 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-instagram-grid_0.webp?itok=zyTK0FpA 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativeday-instagram-grid_0.webp?itok=DYRosupi 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativeday-instagram-grid_0.webp?itok=z6AFsxc3 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativeday-instagram-grid_0.webp?itok=nFwKU-gM 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativeday-instagram-grid_0.webp?itok=DYRosupi 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativeday-instagram-grid_0.jpeg?itok=zyTK0FpA 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-instagram-grid_0.jpeg?itok=zyTK0FpA 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativeday-instagram-grid_0.jpeg?itok=z6AFsxc3 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativeday-instagram-grid_0.jpeg?itok=zyTK0FpA 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativeday-instagram-grid_0.jpeg?itok=DYRosupi 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativeday-instagram-grid_0.jpeg?itok=z6AFsxc3 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativeday-instagram-grid_0.jpeg?itok=nFwKU-gM 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativeday-instagram-grid_0.jpeg?itok=DYRosupi 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativeday-instagram-grid_0.jpeg?itok=nFwKU-gM" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>Film making</h3> <p>To boost the teasing phase related to the event, we developed a series <strong>video content </strong>for the Creative Day: 4 interviews, 1 TV spot, and different short videos specifically <strong>developed for social networks</strong>.</p> </div> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div data-controls="false" data-video="https://vimeo.com/368517689/6c3f8005f4" class="relative w-full block lg:hidden"></div> <div data-video-modal-id="video-https--vimeocom-368517689-6c3f8005f4" class="relative hidden lg:block"> <picture> <source srcset="/sites/default/files/styles/640/public/upload/media/1535-thumb-01.webp?itok=fayGs65Z 1x, /sites/default/files/styles/1280/public/upload/media/1535-thumb-01.webp?itok=39DXih0m 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/media/1535-thumb-01.jpg?itok=fayGs65Z 1x, /sites/default/files/styles/1280/public/upload/media/1535-thumb-01.jpg?itok=39DXih0m 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/media/1535-thumb-01.jpg?itok=fayGs65Z" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> <h4 class="mt-10 mb-10 sm:mb-20 font-serif text-gray-300">Interview de Unison Studios</h4> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div data-controls="false" data-video="https://player.vimeo.com/video/368517765" class="relative w-full block lg:hidden"></div> <div data-video-modal-id="video-https--playervimeocom-video-368517765" class="relative hidden lg:block"> <picture> <source srcset="/sites/default/files/styles/640/public/upload/media/1535-thumb-02.webp?itok=r9FDGmQE 1x, /sites/default/files/styles/1280/public/upload/media/1535-thumb-02.webp?itok=hjV439tz 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/media/1535-thumb-02.jpg?itok=r9FDGmQE 1x, /sites/default/files/styles/1280/public/upload/media/1535-thumb-02.jpg?itok=hjV439tz 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/media/1535-thumb-02.jpg?itok=r9FDGmQE" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> <h4 class="mt-10 mb-10 sm:mb-20 font-serif text-gray-300">Interview de Sophie Garlinskas</h4> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div data-controls="false" data-video="https://player.vimeo.com/video/368517842" class="relative w-full block lg:hidden"></div> <div data-video-modal-id="video-https--playervimeocom-video-368517842" class="relative hidden lg:block"> <picture> <source srcset="/sites/default/files/styles/640/public/upload/media/1535-thumb-03.webp?itok=lGJaJdBJ 1x, /sites/default/files/styles/1280/public/upload/media/1535-thumb-03.webp?itok=3oZb_6e2 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/media/1535-thumb-03.jpg?itok=lGJaJdBJ 1x, /sites/default/files/styles/1280/public/upload/media/1535-thumb-03.jpg?itok=3oZb_6e2 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/media/1535-thumb-03.jpg?itok=lGJaJdBJ" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> <h4 class="mt-10 mb-10 sm:mb-20 font-serif text-gray-300">Interview de Lisa Junius</h4> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div data-controls="false" data-video="https://player.vimeo.com/video/368517934" class="relative w-full block lg:hidden"></div> <div data-video-modal-id="video-https--playervimeocom-video-368517934" class="relative hidden lg:block"> <picture> <source srcset="/sites/default/files/styles/640/public/upload/media/1535-thumb-04.webp?itok=VSszE9ri 1x, /sites/default/files/styles/1280/public/upload/media/1535-thumb-04.webp?itok=eHuFiG2b 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/media/1535-thumb-04.jpg?itok=VSszE9ri 1x, /sites/default/files/styles/1280/public/upload/media/1535-thumb-04.jpg?itok=eHuFiG2b 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/media/1535-thumb-04.jpg?itok=VSszE9ri" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> <h4 class="mt-10 mb-10 sm:mb-20 font-serif text-gray-300">Interview de Kumiyonoe</h4> </div> </div> </section> <div class="opacity-0 pointer-events-none fixed z-10 inset-0 hidden lg:block" data-modal-wrapper id="video-https--vimeocom-368517689-6c3f8005f4"> <div class="absolute inset-0"> <div class="flex h-full block items-center justify-center lg:w-3/4 mx-auto px-16"> <div class="bg-black absolute inset-0"></div> <div data-controls="false" data-cinema="true" data-modal="true" data-video="https://vimeo.com/368517689/6c3f8005f4" class="relative w-full"></div> </div> </div> </div> <div class="opacity-0 pointer-events-none fixed z-10 inset-0 hidden lg:block" data-modal-wrapper id="video-https--playervimeocom-video-368517765"> <div class="absolute inset-0"> <div class="flex h-full block items-center justify-center lg:w-3/4 mx-auto px-16"> <div class="bg-black absolute inset-0"></div> <div data-controls="false" data-cinema="true" data-modal="true" data-video="https://player.vimeo.com/video/368517765" class="relative w-full"></div> </div> </div> </div> <div class="opacity-0 pointer-events-none fixed z-10 inset-0 hidden lg:block" data-modal-wrapper id="video-https--playervimeocom-video-368517842"> <div class="absolute inset-0"> <div class="flex h-full block items-center justify-center lg:w-3/4 mx-auto px-16"> <div class="bg-black absolute inset-0"></div> <div data-controls="false" data-cinema="true" data-modal="true" data-video="https://player.vimeo.com/video/368517842" class="relative w-full"></div> </div> </div> </div> <div class="opacity-0 pointer-events-none fixed z-10 inset-0 hidden lg:block" data-modal-wrapper id="video-https--playervimeocom-video-368517934"> <div class="absolute inset-0"> <div class="flex h-full block items-center justify-center lg:w-3/4 mx-auto px-16"> <div class="bg-black absolute inset-0"></div> <div data-controls="false" data-cinema="true" data-modal="true" data-video="https://player.vimeo.com/video/368517934" class="relative w-full"></div> </div> </div> </div> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>Installations &amp; videomapping</h3> <p>For that special day, we prepared a series of <strong>installations</strong>, <strong>video mappings</strong>, <strong>digital signages</strong>, and other <strong>interactive experiences</strong>.</p> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <div class="video-wrapper"> <div data-controls="false" data-cinema="true" data-video="https://player.vimeo.com/video/368518445" class="relative z-20"></div> <div class="video-mask bg-black fixed inset-0 z-10 opacity-0 pointer-events-none"></div> </div> </section> <div> <div>Skills</div> <div><p>Event website<br /> Digital content: filmmaking<br /> Installations &amp; videomapping<br /> Signage</p> </div> </div> <div> <div>Links</div> <div> <div><a href="https://creativeday.1535.lu">creativeday.1535.lu</a></div> </div> </div> <div> <div>Background color</div> <div>#F4F4F4</div> </div> Tue, 20 Sep 2022 07:25:46 +0000 admin 49 at https://explose.com A Colônia Luxemburguesa https://explose.com/en/works/colonia-luxemburguesa <span>A Colônia Luxemburguesa</span> <span><span lang="" about="/en/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span>Mon, 07/11/2022 - 10:29</span> <div> <div>Image</div> <div> <img loading="lazy" src="/sites/default/files/upload/case/colonia-hero.jpg" width="3840" height="2160" alt="" title="Factory" typeof="foaf:Image" class="w-full" /> </div> </div> <div> <div>Subtitle</div> <div>A transmedia project</div> </div> <section class="paragraph paragraph-interfaces lg:w-3/4 mx-auto"> <div class="px-16 lg:px-0 py-16 lg:py-96" style="background-color: #10281D"> <div class="lg:px-96 mx-auto"> <div class="flex justify-center -mx-5 lg:-mx-16 appear-block"> <div class="px-5 lg:px-16 w-full appear-block-child "> <video class="max-w-full mx-auto max-w-xl" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2022-07/final_1.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-01_0.webp?itok=n43cgVUX 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-01_0.webp?itok=n43cgVUX 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-01_0.webp?itok=z2paH8SV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-01_0.webp?itok=n43cgVUX 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-01_0.webp?itok=tdcRCjzv 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-01_0.webp?itok=z2paH8SV 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-01_0.webp?itok=foCbfQrP 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-01_0.webp?itok=tdcRCjzv 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-01_0.png?itok=n43cgVUX 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-01_0.png?itok=n43cgVUX 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-01_0.png?itok=z2paH8SV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-01_0.png?itok=n43cgVUX 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-01_0.png?itok=tdcRCjzv 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-01_0.png?itok=z2paH8SV 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-01_0.png?itok=foCbfQrP 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-01_0.png?itok=tdcRCjzv 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-01_0.png?itok=foCbfQrP" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-02_0.webp?itok=9ers0Zqq 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-02_0.webp?itok=9ers0Zqq 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-02_0.webp?itok=mzEHZeRU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-02_0.webp?itok=9ers0Zqq 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-02_0.webp?itok=GlkQpYCZ 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-02_0.webp?itok=mzEHZeRU 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-02_0.webp?itok=il71_ZFK 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-02_0.webp?itok=GlkQpYCZ 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-02_0.png?itok=9ers0Zqq 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-02_0.png?itok=9ers0Zqq 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-02_0.png?itok=mzEHZeRU 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-02_0.png?itok=9ers0Zqq 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-02_0.png?itok=GlkQpYCZ 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-02_0.png?itok=mzEHZeRU 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-02_0.png?itok=il71_ZFK 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-02_0.png?itok=GlkQpYCZ 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-02_0.png?itok=il71_ZFK" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-07.webp?itok=PXKV_58T 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-07.webp?itok=PXKV_58T 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-07.webp?itok=jcVig6YO 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-07.webp?itok=PXKV_58T 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-07.webp?itok=tF1_C5MO 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-07.webp?itok=jcVig6YO 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-07.webp?itok=3-u6vORA 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-07.webp?itok=tF1_C5MO 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-07.png?itok=PXKV_58T 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-07.png?itok=PXKV_58T 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-07.png?itok=jcVig6YO 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-07.png?itok=PXKV_58T 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-07.png?itok=tF1_C5MO 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-07.png?itok=jcVig6YO 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-07.png?itok=3-u6vORA 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-07.png?itok=tF1_C5MO 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-07.png?itok=3-u6vORA" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-03_0.webp?itok=kgI4b-D1 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-03_0.webp?itok=kgI4b-D1 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-03_0.webp?itok=6358jf_T 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-03_0.webp?itok=kgI4b-D1 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-03_0.webp?itok=RPEbYVkt 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-03_0.webp?itok=6358jf_T 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-03_0.webp?itok=VVTvoykY 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-03_0.webp?itok=RPEbYVkt 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-03_0.png?itok=kgI4b-D1 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-03_0.png?itok=kgI4b-D1 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-03_0.png?itok=6358jf_T 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-03_0.png?itok=kgI4b-D1 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-03_0.png?itok=RPEbYVkt 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-03_0.png?itok=6358jf_T 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-03_0.png?itok=VVTvoykY 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-03_0.png?itok=RPEbYVkt 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-03_0.png?itok=VVTvoykY" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-05.webp?itok=KaNnfZEk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-05.webp?itok=KaNnfZEk 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-05.webp?itok=Uiz7mRce 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-05.webp?itok=KaNnfZEk 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-05.webp?itok=BnKBB3wp 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-05.webp?itok=Uiz7mRce 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-05.webp?itok=77C-kqoy 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-05.webp?itok=BnKBB3wp 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-05.png?itok=KaNnfZEk 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-05.png?itok=KaNnfZEk 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-05.png?itok=Uiz7mRce 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-05.png?itok=KaNnfZEk 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-05.png?itok=BnKBB3wp 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-05.png?itok=Uiz7mRce 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-05.png?itok=77C-kqoy 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-05.png?itok=BnKBB3wp 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-05.png?itok=77C-kqoy" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-06.webp?itok=ZzxCauPV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-06.webp?itok=ZzxCauPV 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-06.webp?itok=XtlmzlVz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-06.webp?itok=ZzxCauPV 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-06.webp?itok=Zjw7MKcI 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-06.webp?itok=XtlmzlVz 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-06.webp?itok=aV4kfGf2 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-06.webp?itok=Zjw7MKcI 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-06.png?itok=ZzxCauPV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-06.png?itok=ZzxCauPV 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-06.png?itok=XtlmzlVz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-06.png?itok=ZzxCauPV 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-06.png?itok=Zjw7MKcI 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-06.png?itok=XtlmzlVz 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-06.png?itok=aV4kfGf2 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-06.png?itok=Zjw7MKcI 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-06.png?itok=aV4kfGf2" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-08.webp?itok=7qhDOmJ7 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-08.webp?itok=7qhDOmJ7 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-08.webp?itok=IPM2okNp 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-08.webp?itok=7qhDOmJ7 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-08.webp?itok=DCGDAlrO 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-08.webp?itok=IPM2okNp 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-08.webp?itok=FNMpBWgU 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-08.webp?itok=DCGDAlrO 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-08.png?itok=7qhDOmJ7 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-08.png?itok=7qhDOmJ7 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-08.png?itok=IPM2okNp 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-08.png?itok=7qhDOmJ7 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-08.png?itok=DCGDAlrO 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-08.png?itok=IPM2okNp 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-08.png?itok=FNMpBWgU 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-08.png?itok=DCGDAlrO 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-08.png?itok=FNMpBWgU" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-10.webp?itok=5i-0kPa2 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-10.webp?itok=5i-0kPa2 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-10.webp?itok=oR8A4N5E 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-10.webp?itok=5i-0kPa2 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-10.webp?itok=TX7gjdwM 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-10.webp?itok=oR8A4N5E 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-10.webp?itok=qMly6I5d 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-10.webp?itok=TX7gjdwM 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-10.png?itok=5i-0kPa2 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-10.png?itok=5i-0kPa2 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-10.png?itok=oR8A4N5E 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-10.png?itok=5i-0kPa2 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-10.png?itok=TX7gjdwM 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-10.png?itok=oR8A4N5E 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-10.png?itok=qMly6I5d 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-10.png?itok=TX7gjdwM 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-10.png?itok=qMly6I5d" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-image px-16 lg:w-3/4 mx-auto"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-09.webp?itok=gC15kN9U 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-09.webp?itok=gC15kN9U 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-09.webp?itok=e0vRveYz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-09.webp?itok=gC15kN9U 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-09.webp?itok=dXDYIGSx 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-09.webp?itok=e0vRveYz 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-09.webp?itok=gmo7uY56 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-09.webp?itok=dXDYIGSx 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/Colonia-09.png?itok=gC15kN9U 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-09.png?itok=gC15kN9U 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/Colonia-09.png?itok=e0vRveYz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/Colonia-09.png?itok=gC15kN9U 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/Colonia-09.png?itok=dXDYIGSx 1x, /sites/default/files/styles/1600/public/upload/paragraphs/Colonia-09.png?itok=e0vRveYz 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-09.png?itok=gmo7uY56 1x, /sites/default/files/styles/1280/public/upload/paragraphs/Colonia-09.png?itok=dXDYIGSx 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/Colonia-09.png?itok=gmo7uY56" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <div> <div>Teaser Text</div> <div><p>Colônia Luxemburguesa is an interactive documentary directed by the filmmaker and historian Dominique Santana and produced by Samsa Film. One hundred years ago, the Luxembourg-based steel giant Arbed inaugurated its Brazilian subsidiary in Brazil. The lack of qualified workforce provoked a massive movement of hundreds of Luxembourgish migrants to Brazil in order to erect a colossal steel factory. A Colônia Luxemburguesa is a fascinating investigation, an interactive experience and a journey of discovery. Explose agency is proud to have created the visual identity and the interactive platform of this transmedia project.</p> </div> </div> <div> <div>Skills</div> <div><p>Visual Identity<br /> Visual Design<br /> Interaction Design<br /> Experience Design</p> </div> </div> <div> <div>Links</div> <div> <div><a href="https://colonia.lu">colonia.lu</a></div> </div> </div> <div> <div>Background color</div> <div>#10281D</div> </div> Mon, 11 Jul 2022 08:29:48 +0000 admin 48 at https://explose.com 1535° Creative Hub - Portes ouvertes 2021 https://explose.com/fr/projets/1535-creative-hub-portes-ouvertes-2021 <span>1535° Creative Hub - Open doors 2021</span> <span><span lang="" about="/en/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span>Mon, 12/20/2021 - 15:41</span> <div> <div>Image</div> <div> <img loading="lazy" src="/sites/default/files/upload/case/creativedays_24.jpg" width="7023" height="4684" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div> <div>Subtitle</div> <div>Creative Days</div> </div> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2021-12/4-after-movie-cut_1_1.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>New edition, new theme</h3> <p>While the event aims at promoting the creative arts industry and in particular the members of the 1535° Creative Hub, it is also an opportunity to enhance the image of the premises.&nbsp;<br /> Based on the existing identity, we developed a whole graphic universe around the themes of interactivity, connectivity and gameplay, which are also reflected by the installations designed for the event. The visual identity of the event makes a nod to the letters of buildings A, B and C at the Hub. This edition marked the inauguration of the newly renovated building B, which will house new members.</p> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2021-12/1535creativedays_motion_id_explose.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>Communications strategy</h3> <p>A major communications campaign was rolled out to promote the event, following a sustained calendar of activity in the three months leading up to the event. From the Save the Date and official invitations, to posters, newsletters and social media campaigns, a wide range of media was used to give the event the visibility it deserved.</p> </div> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/poster_creativedays_street.webp?itok=HYI7EHs9 1x, /sites/default/files/styles/2000/public/upload/paragraphs/poster_creativedays_street.webp?itok=HYI7EHs9 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/poster_creativedays_street.webp?itok=_amx4_F8 1x, /sites/default/files/styles/2000/public/upload/paragraphs/poster_creativedays_street.webp?itok=HYI7EHs9 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/poster_creativedays_street.webp?itok=z7hsVEJT 1x, /sites/default/files/styles/1600/public/upload/paragraphs/poster_creativedays_street.webp?itok=_amx4_F8 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/poster_creativedays_street.webp?itok=uTO1toMO 1x, /sites/default/files/styles/1280/public/upload/paragraphs/poster_creativedays_street.webp?itok=z7hsVEJT 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/poster_creativedays_street.png?itok=HYI7EHs9 1x, /sites/default/files/styles/2000/public/upload/paragraphs/poster_creativedays_street.png?itok=HYI7EHs9 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/poster_creativedays_street.png?itok=_amx4_F8 1x, /sites/default/files/styles/2000/public/upload/paragraphs/poster_creativedays_street.png?itok=HYI7EHs9 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/poster_creativedays_street.png?itok=z7hsVEJT 1x, /sites/default/files/styles/1600/public/upload/paragraphs/poster_creativedays_street.png?itok=_amx4_F8 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/poster_creativedays_street.png?itok=uTO1toMO 1x, /sites/default/files/styles/1280/public/upload/paragraphs/poster_creativedays_street.png?itok=z7hsVEJT 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/poster_creativedays_street.png?itok=uTO1toMO" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3 class="mb-10">Using video to go viral</h3> <p>The communications campaign was largely supported by video content. A video trailer immersed viewers in the atmosphere of the Hub. Video clips introducing the Hub’s members were posted on social media in the run-up to the event to actively invite people to participate.</p> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <div class="video-wrapper"> <div data-controls="false" data-cinema="true" data-video="https://vimeo.com/658884288/485bb66c96" class="relative z-20"></div> <div class="video-mask bg-black fixed inset-0 z-10 opacity-0 pointer-events-none"></div> </div> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div data-controls="false" data-video="https://vimeo.com/658884686/b808e31802" class="relative w-full block lg:hidden"></div> <div data-video-modal-id="video-https--vimeocom-658884686-b808e31802" class="relative hidden lg:block"> <picture> <source srcset="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_sonotron.webp?itok=q67cPbtD 1x, /sites/default/files/styles/1280/public/upload/media/explose_1535creativedays_capsule_sonotron.webp?itok=kESdyNJP 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_sonotron.png?itok=q67cPbtD 1x, /sites/default/files/styles/1280/public/upload/media/explose_1535creativedays_capsule_sonotron.png?itok=kESdyNJP 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_sonotron.png?itok=q67cPbtD" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div data-controls="false" data-video="https://vimeo.com/658884658/9b215b1d2a" class="relative w-full block lg:hidden"></div> <div data-video-modal-id="video-https--vimeocom-658884658-9b215b1d2a" class="relative hidden lg:block"> <picture> <source srcset="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_ericchenal.webp?itok=xZ94hLof 1x, /sites/default/files/styles/1280/public/upload/media/explose_1535creativedays_capsule_ericchenal.webp?itok=MEis-T4x 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_ericchenal.png?itok=xZ94hLof 1x, /sites/default/files/styles/1280/public/upload/media/explose_1535creativedays_capsule_ericchenal.png?itok=MEis-T4x 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_ericchenal.png?itok=xZ94hLof" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div data-controls="false" data-video="https://vimeo.com/658884600/8f41b88bc3" class="relative w-full block lg:hidden"></div> <div data-video-modal-id="video-https--vimeocom-658884600-8f41b88bc3" class="relative hidden lg:block"> <picture> <source srcset="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_annemelan.webp?itok=TRvJ0z2G 1x, /sites/default/files/styles/1280/public/upload/media/explose_1535creativedays_capsule_annemelan.webp?itok=q27lUXpF 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_annemelan.png?itok=TRvJ0z2G 1x, /sites/default/files/styles/1280/public/upload/media/explose_1535creativedays_capsule_annemelan.png?itok=q27lUXpF 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_annemelan.png?itok=TRvJ0z2G" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div data-controls="false" data-video="https://vimeo.com/manage/videos/658884532/bea80add5a" class="relative w-full block lg:hidden"></div> <div data-video-modal-id="video-https--vimeocom-manage-videos-658884532-bea80add5a" class="relative hidden lg:block"> <picture> <source srcset="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_lisajunius.webp?itok=pOEWjj5c 1x, /sites/default/files/styles/1280/public/upload/media/explose_1535creativedays_capsule_lisajunius.webp?itok=y9xAVTKM 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_lisajunius.png?itok=pOEWjj5c 1x, /sites/default/files/styles/1280/public/upload/media/explose_1535creativedays_capsule_lisajunius.png?itok=y9xAVTKM 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/media/explose_1535creativedays_capsule_lisajunius.png?itok=pOEWjj5c" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </section> <div class="opacity-0 pointer-events-none fixed z-10 inset-0 hidden lg:block" data-modal-wrapper id="video-https--vimeocom-658884686-b808e31802"> <div class="absolute inset-0"> <div class="flex h-full block items-center justify-center lg:w-3/4 mx-auto px-16"> <div class="bg-black absolute inset-0"></div> <div data-controls="false" data-cinema="true" data-modal="true" data-video="https://vimeo.com/658884686/b808e31802" class="relative w-full"></div> </div> </div> </div> <div class="opacity-0 pointer-events-none fixed z-10 inset-0 hidden lg:block" data-modal-wrapper id="video-https--vimeocom-658884658-9b215b1d2a"> <div class="absolute inset-0"> <div class="flex h-full block items-center justify-center lg:w-3/4 mx-auto px-16"> <div class="bg-black absolute inset-0"></div> <div data-controls="false" data-cinema="true" data-modal="true" data-video="https://vimeo.com/658884658/9b215b1d2a" class="relative w-full"></div> </div> </div> </div> <div class="opacity-0 pointer-events-none fixed z-10 inset-0 hidden lg:block" data-modal-wrapper id="video-https--vimeocom-658884600-8f41b88bc3"> <div class="absolute inset-0"> <div class="flex h-full block items-center justify-center lg:w-3/4 mx-auto px-16"> <div class="bg-black absolute inset-0"></div> <div data-controls="false" data-cinema="true" data-modal="true" data-video="https://vimeo.com/658884600/8f41b88bc3" class="relative w-full"></div> </div> </div> </div> <div class="opacity-0 pointer-events-none fixed z-10 inset-0 hidden lg:block" data-modal-wrapper id="video-https--vimeocom-manage-videos-658884532-bea80add5a"> <div class="absolute inset-0"> <div class="flex h-full block items-center justify-center lg:w-3/4 mx-auto px-16"> <div class="bg-black absolute inset-0"></div> <div data-controls="false" data-cinema="true" data-modal="true" data-video="https://vimeo.com/manage/videos/658884532/bea80add5a" class="relative w-full"></div> </div> </div> </div> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>Dedicated website</h3> <p>The creativedays.lu website was the main source of all event-related information: programme, list of members, concert lineup, opening ceremony, map of the venue, practical information... The aesthetics of the site were enhanced by the use of motion design and video.</p> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2021-12/creativedays_explose_website_screencast.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-gallery"> <div class="pt-16 pb-10 lg:pt-96 lg:pb-32" style="background-color: "> <div class="swiper-container cursor-grab"> <div class="swiper-wrapper"> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/4"> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tablette_capture_1.png?itok=-Kc2STQR" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/4"> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tablette_capture_2.png?itok=DOwniQUF" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/4"> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tablette_capture_3.png?itok=1Oa3l-zL" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/4"> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tablette_capture_4.png?itok=F5rFwSnS" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/4"> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tablette_capture_5.png?itok=D8Y3lrX0" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/4"> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tablette_capture_6_0.png?itok=l4WaoTei" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/4"> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tablette_capture_7.png?itok=Tqn4h_Rf" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/4"> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tablette_capture_8.png?itok=5aySNxVY" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/4"> <img src="/sites/default/files/styles/640/public/upload/paragraphs/tablette_capture_9.png?itok=Xr8Y7T4x" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div class="swiper-pagination relative mt-16 lg:mt-32"></div> </div> </div> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>Interactive and immersive experiences</h3> <p>Interactive and immersive installations were specially designed for the occasion. For an impactful opening to newly renovated building B, visitors were treated to a stunning and unforgettable experience.&nbsp;</p> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2021-12/1-instal-immersive_1.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>From ore to creative arts: the timeline</h3> <p>Visitors enter building B through a long corridor, a functional passageway. Explose decided to make the most of the walls of this corridor with a multimedia timeline, immersing visitors in the experience from their very first steps.<br /> By recounting the history of the site, this timeline unravels the evolution of the iron and steel industry's heritage up to its conversion into a hub dedicated to creative arts.<br /> Explose was responsible for the overall design of the project: conception and design, static and animated illustrations (in collaboration with Mariam Tagadirt), drafting of the explanatory texts and mapping. We would like to thank artists Lisa Junius, David Soner, Gianmarco Liacy and Dubl Design Studio for their support with the implementation of this timeline.</p> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2021-12/2-instal-histo_1.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-image paragraph-image-fullscreen"> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/1535-creative-days-installation-historique-explose.webp?itok=67Qk311B 1x, /sites/default/files/styles/2000/public/upload/paragraphs/1535-creative-days-installation-historique-explose.webp?itok=67Qk311B 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/1535-creative-days-installation-historique-explose.webp?itok=vaSKgFtV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/1535-creative-days-installation-historique-explose.webp?itok=67Qk311B 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/1535-creative-days-installation-historique-explose.webp?itok=msnFzPKh 1x, /sites/default/files/styles/1600/public/upload/paragraphs/1535-creative-days-installation-historique-explose.webp?itok=vaSKgFtV 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/1535-creative-days-installation-historique-explose.webp?itok=8-_koZ3I 1x, /sites/default/files/styles/1280/public/upload/paragraphs/1535-creative-days-installation-historique-explose.webp?itok=msnFzPKh 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/1535-creative-days-installation-historique-explose.png?itok=67Qk311B 1x, /sites/default/files/styles/2000/public/upload/paragraphs/1535-creative-days-installation-historique-explose.png?itok=67Qk311B 2x" media="(min-width: 1600px)" type="image/png"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/1535-creative-days-installation-historique-explose.png?itok=vaSKgFtV 1x, /sites/default/files/styles/2000/public/upload/paragraphs/1535-creative-days-installation-historique-explose.png?itok=67Qk311B 2x" media="(min-width: 1280px)" type="image/png"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/1535-creative-days-installation-historique-explose.png?itok=msnFzPKh 1x, /sites/default/files/styles/1600/public/upload/paragraphs/1535-creative-days-installation-historique-explose.png?itok=vaSKgFtV 2x" media="(min-width: 640px)" type="image/png"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/1535-creative-days-installation-historique-explose.png?itok=8-_koZ3I 1x, /sites/default/files/styles/1280/public/upload/paragraphs/1535-creative-days-installation-historique-explose.png?itok=msnFzPKh 2x" media="(min-width: 0px)" type="image/png"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/1535-creative-days-installation-historique-explose.png?itok=8-_koZ3I" alt="" typeof="foaf:Image" class="w-full" /> </picture> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>Ode to the members of 1535°: the interactive terminals &amp; the info point</h3> <p>Visitors could continue their journey into building B and enter a space totally immersed in darkness, with two installations inspired by the retro gaming world. The first installation, composed of interactive terminals, allowed passers-by to interact with the terminals and find out more about the members of the Creative Hub. The second one, simulating LED screens through a mapping installation, gave key information about the 1535° Creative Hub and its members as well as the Sonotron (the space dedicated to sound and music at 1535°).&nbsp;<br /> From the conception of the 3D simulations to the implementation of the entire installation, Explose applied all its expertise: content strategy, filmmaking, motion design, UI design, development, mapping... not to mention our hidden talents in electronics and woodworking !</p> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <video class="max-w-full mx-auto" loop autoplay="autoplay" muted="muted" playsinline="" preload="metadata" poster=""> <source src="/sites/default/files/2021-12/3-info-point_1.mp4" type="video/mp4"> </video> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3><em>Creative mining</em>: the immersive installation</h3> <p>The stroll through building B ended with a final installation offering an immersive experience entitled <em>Creative Mining</em>; a creative interpretation of the history of the site and its evolution: from the country's glorious industrial past shaped by miners and workers, to the vibrant and lively creative hub filled with the energy of the hundred or so creative minds working there today. Thus, this work presented two abstract audiovisual ambiences that progressively followed one another: from the raw and mechanical world of the factory to the modern, technological and inspiring universe of the creative hub. <em>Creative Mining</em> is four minutes of an emotionally-charged sensory experience, entirely conceived and produced by us (concept, 3D simulations, lighting design, sound design, musical composition, motion design, technical programming, etc.).</p> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <div class="video-wrapper"> <div data-controls="false" data-cinema="true" data-video="https://vimeo.com/659929946/631a8d1887" class="relative z-20"></div> <div class="video-mask bg-black fixed inset-0 z-10 opacity-0 pointer-events-none"></div> </div> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>Live show time!</h3> <p>The structure of the immersive installation also served as a stage for live shows: concerts and dance performances.&nbsp;<br /> Explose took care of the scenography, artistic direction, lighting and sound of these shows in collaboration with the artists.</p> <h3>Filmmaking &amp; photography</h3> <p>Explose was also responsible for the filming and photographic coverage of the event in order to capture Creative Days and feed post-event communications.&nbsp;</p> </div> </section> <section class="paragraph paragraph-video text-center lg:w-3/4 mx-auto px-16 "> <div class="video-wrapper"> <div data-controls="false" data-cinema="true" data-video="https://vimeo.com/657931169" class="relative z-20"></div> <div class="video-mask bg-black fixed inset-0 z-10 opacity-0 pointer-events-none"></div> </div> </section> <section class="paragraph paragraph-grid lg:w-3/4 mx-auto px-16"> <div class="sm:flex sm:flex-wrap sm:-mx-5 lg:-mx-10 appear-block"> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_31.webp?itok=YuAxFJ79 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_31.webp?itok=YuAxFJ79 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_31.webp?itok=pMk8LVNX 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_31.webp?itok=YuAxFJ79 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_31.webp?itok=i-5BYJqg 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_31.webp?itok=pMk8LVNX 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_31.webp?itok=RxpoIT0W 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_31.webp?itok=i-5BYJqg 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_31.jpg?itok=YuAxFJ79 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_31.jpg?itok=YuAxFJ79 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_31.jpg?itok=pMk8LVNX 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_31.jpg?itok=YuAxFJ79 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_31.jpg?itok=i-5BYJqg 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_31.jpg?itok=pMk8LVNX 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_31.jpg?itok=RxpoIT0W 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_31.jpg?itok=i-5BYJqg 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_31.jpg?itok=RxpoIT0W" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_27.webp?itok=oAVfBMPz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_27.webp?itok=oAVfBMPz 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_27.webp?itok=n87DPcQc 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_27.webp?itok=oAVfBMPz 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_27.webp?itok=xItbQeVs 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_27.webp?itok=n87DPcQc 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_27.webp?itok=laRVWOfc 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_27.webp?itok=xItbQeVs 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_27.jpg?itok=oAVfBMPz 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_27.jpg?itok=oAVfBMPz 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_27.jpg?itok=n87DPcQc 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_27.jpg?itok=oAVfBMPz 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_27.jpg?itok=xItbQeVs 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_27.jpg?itok=n87DPcQc 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_27.jpg?itok=laRVWOfc 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_27.jpg?itok=xItbQeVs 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_27.jpg?itok=laRVWOfc" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_93_0.webp?itok=Gwrexvle 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_93_0.webp?itok=Gwrexvle 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_93_0.webp?itok=bcQnkEDB 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_93_0.webp?itok=Gwrexvle 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_93_0.webp?itok=gXXcPQFw 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_93_0.webp?itok=bcQnkEDB 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_93_0.webp?itok=xAcF_eMw 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_93_0.webp?itok=gXXcPQFw 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_93_0.jpg?itok=Gwrexvle 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_93_0.jpg?itok=Gwrexvle 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_93_0.jpg?itok=bcQnkEDB 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_93_0.jpg?itok=Gwrexvle 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_93_0.jpg?itok=gXXcPQFw 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_93_0.jpg?itok=bcQnkEDB 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_93_0.jpg?itok=xAcF_eMw 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_93_0.jpg?itok=gXXcPQFw 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_93_0.jpg?itok=xAcF_eMw" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_26.webp?itok=_-CXAXP2 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_26.webp?itok=_-CXAXP2 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_26.webp?itok=iNA9nUT4 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_26.webp?itok=_-CXAXP2 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_26.webp?itok=ubyTd6vu 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_26.webp?itok=iNA9nUT4 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_26.webp?itok=K44MfC25 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_26.webp?itok=ubyTd6vu 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_26.jpg?itok=_-CXAXP2 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_26.jpg?itok=_-CXAXP2 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_26.jpg?itok=iNA9nUT4 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_26.jpg?itok=_-CXAXP2 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_26.jpg?itok=ubyTd6vu 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_26.jpg?itok=iNA9nUT4 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_26.jpg?itok=K44MfC25 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_26.jpg?itok=ubyTd6vu 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_26.jpg?itok=K44MfC25" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-full "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_54.webp?itok=5wBKXGD6 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_54.webp?itok=5wBKXGD6 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_54.webp?itok=gfsgfsQG 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_54.webp?itok=5wBKXGD6 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_54.webp?itok=pMN1b4OL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_54.webp?itok=gfsgfsQG 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_54.webp?itok=UIUVxyku 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_54.webp?itok=pMN1b4OL 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_54.jpg?itok=5wBKXGD6 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_54.jpg?itok=5wBKXGD6 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_54.jpg?itok=gfsgfsQG 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_54.jpg?itok=5wBKXGD6 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_54.jpg?itok=pMN1b4OL 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_54.jpg?itok=gfsgfsQG 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_54.jpg?itok=UIUVxyku 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_54.jpg?itok=pMN1b4OL 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_54.jpg?itok=UIUVxyku" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_119.webp?itok=yvwQTwkd 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_119.webp?itok=yvwQTwkd 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_119.webp?itok=zpTGLixZ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_119.webp?itok=yvwQTwkd 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_119.webp?itok=dxB9Zatd 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_119.webp?itok=zpTGLixZ 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_119.webp?itok=taA70-CO 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_119.webp?itok=dxB9Zatd 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_119.jpg?itok=yvwQTwkd 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_119.jpg?itok=yvwQTwkd 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_119.jpg?itok=zpTGLixZ 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_119.jpg?itok=yvwQTwkd 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_119.jpg?itok=dxB9Zatd 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_119.jpg?itok=zpTGLixZ 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_119.jpg?itok=taA70-CO 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_119.jpg?itok=dxB9Zatd 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_119.jpg?itok=taA70-CO" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_40_0.webp?itok=TvHXgiIn 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_40_0.webp?itok=TvHXgiIn 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_40_0.webp?itok=pt_y7QZm 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_40_0.webp?itok=TvHXgiIn 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_40_0.webp?itok=FAe0XXZT 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_40_0.webp?itok=pt_y7QZm 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_40_0.webp?itok=nK8hTSDi 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_40_0.webp?itok=FAe0XXZT 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_40_0.jpg?itok=TvHXgiIn 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_40_0.jpg?itok=TvHXgiIn 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_40_0.jpg?itok=pt_y7QZm 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_40_0.jpg?itok=TvHXgiIn 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_40_0.jpg?itok=FAe0XXZT 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_40_0.jpg?itok=pt_y7QZm 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_40_0.jpg?itok=nK8hTSDi 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_40_0.jpg?itok=FAe0XXZT 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_40_0.jpg?itok=nK8hTSDi" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_88.webp?itok=h2la9g9D 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_88.webp?itok=h2la9g9D 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_88.webp?itok=dInqVqEX 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_88.webp?itok=h2la9g9D 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_88.webp?itok=4gx313ew 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_88.webp?itok=dInqVqEX 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_88.webp?itok=G15BlHNC 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_88.webp?itok=4gx313ew 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_88.jpg?itok=h2la9g9D 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_88.jpg?itok=h2la9g9D 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_88.jpg?itok=dInqVqEX 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_88.jpg?itok=h2la9g9D 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_88.jpg?itok=4gx313ew 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_88.jpg?itok=dInqVqEX 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_88.jpg?itok=G15BlHNC 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_88.jpg?itok=4gx313ew 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_88.jpg?itok=G15BlHNC" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> <div class="p-5 lg:p-10 appear-block-child text-center sm:w-1/2 "> <div class="relative"> <picture> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_94_0.webp?itok=c8tqYqMY 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_94_0.webp?itok=c8tqYqMY 2x" media="(min-width: 1600px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_94_0.webp?itok=hr7AXJRm 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_94_0.webp?itok=c8tqYqMY 2x" media="(min-width: 1280px)" type="image/webp"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_94_0.webp?itok=-KgDiwQ5 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_94_0.webp?itok=hr7AXJRm 2x" media="(min-width: 640px)" type="image/webp"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_94_0.webp?itok=INq38rBH 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_94_0.webp?itok=-KgDiwQ5 2x" media="(min-width: 0px)" type="image/webp"/> <source srcset="/sites/default/files/styles/2000/public/upload/paragraphs/creativedays_94_0.jpg?itok=c8tqYqMY 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_94_0.jpg?itok=c8tqYqMY 2x" media="(min-width: 1600px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_94_0.jpg?itok=hr7AXJRm 1x, /sites/default/files/styles/2000/public/upload/paragraphs/creativedays_94_0.jpg?itok=c8tqYqMY 2x" media="(min-width: 1280px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/1280/public/upload/paragraphs/creativedays_94_0.jpg?itok=-KgDiwQ5 1x, /sites/default/files/styles/1600/public/upload/paragraphs/creativedays_94_0.jpg?itok=hr7AXJRm 2x" media="(min-width: 640px)" type="image/jpeg"/> <source srcset="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_94_0.jpg?itok=INq38rBH 1x, /sites/default/files/styles/1280/public/upload/paragraphs/creativedays_94_0.jpg?itok=-KgDiwQ5 2x" media="(min-width: 0px)" type="image/jpeg"/> <img src="/sites/default/files/styles/640/public/upload/paragraphs/creativedays_94_0.jpg?itok=INq38rBH" alt="" typeof="foaf:Image" class="w-full" /> </picture> </div> </div> </div> </section> <section class="paragraph paragraph-text lg:text-lg xl:w-1/2 lg:w-3/4 mx-auto px-16 appear-block"> <div class="form-editor"> <h3>A great success</h3> <p>The 2021 edition of the 1535° Creative Hub's Open Doors was a great success, gathering thousands of visitors willing to meet the members and experience the Hub’s vibes. The event was actively promoted and shared on social media. The positive energy that members and visitors conveyed throughout the event was an incredible and unique source of positivity.&nbsp;<br /> We warmly thank the administration of the 1535° Creative Hub and the City of Differdange for their trust and for allowing us to undertake the organisation of such a special event.</p> </div> </section> <section class="paragraph paragraph-gallery"> <div class="pt-16 pb-10 lg:pt-96 lg:pb-32" style="background-color: "> <div class="swiper-container cursor-grab"> <div class="swiper-wrapper"> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_127.jpg?itok=mtpfp7L0" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_96.jpg?itok=Kp1U05ai" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_24.jpg?itok=vGh8JfpP" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_57.jpg?itok=jo4X0veO" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_89.jpg?itok=hUjNDe0b" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_111.jpg?itok=8J55OwjY" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_62.jpg?itok=KCO6jGC0" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_19.jpg?itok=PctjTyOa" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_33.jpg?itok=to6X9auD" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_122.jpg?itok=2_YvV5d7" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_76.jpg?itok=W1LY7nA3" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_9.jpg?itok=UMliUD22" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_123.jpg?itok=RwG2WoM3" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_140.jpg?itok=BnmwVvCh" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_138.jpg?itok=ZxSt2vY_" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_135.jpg?itok=f78D4eDa" alt="" typeof="foaf:Image" class="w-full" /> </div> <div class="swiper-slide pointer-events-none w-3/4 lg:w-1/2"> <img src="/sites/default/files/styles/1600/public/upload/paragraphs/creativedays_50.jpg?itok=ZUbEzj4m" alt="" typeof="foaf:Image" class="w-full" /> </div> </div> <div class="swiper-pagination relative mt-16 lg:mt-32"></div> </div> </div> </section> <div> <div>Teaser Text</div> <div><p>The 1535° Creative Hub’s Open Doors held in Differdange has become a key annual event for the promotion of the creative arts industry. Every year, it brings together thousands of people seeking creative inspiration. For this latest edition, Explose had the pleasure of implementing a comprehensive event campaign.</p> </div> </div> <div> <div>Skills</div> <div><p>Content strategy<br /> Artistic direction<br /> Visual identity<br /> Filmmaking<br /> Lighting design<br /> Sound design<br /> Motion design<br /> UX/UI design<br /> Development<br /> Mapping<br /> Photography</p> </div> </div> <div> <div>Links</div> <div> <div><a href="https://creativedays.lu/">creativedays.lu</a></div> </div> </div> Mon, 20 Dec 2021 14:41:45 +0000 admin 43 at https://explose.com