<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bershka Archives - Niu</title>
	<atom:link href="https://www.weareniu.studio/client/bershka-es/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.weareniu.studio/client/bershka-es/</link>
	<description></description>
	<lastBuildDate>Fri, 17 Jul 2026 07:45:23 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://www.weareniu.studio/wp-content/uploads/2025/07/cropped-Vector-32x32.png</url>
	<title>Bershka Archives - Niu</title>
	<link>https://www.weareniu.studio/client/bershka-es/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Out of Core, a global launch concept</title>
		<link>https://www.weareniu.studio/project/out-of-core-a-global-launch-concept/</link>
		
		<dc:creator><![CDATA[laura]]></dc:creator>
		<pubDate>Fri, 17 Jul 2026 07:44:44 +0000</pubDate>
				<guid isPermaLink="false">https://www.weareniu.studio/?post_type=project&#038;p=1873</guid>

					<description><![CDATA[<p>The post <a href="https://www.weareniu.studio/project/out-of-core-a-global-launch-concept/">Out of Core, a global launch concept</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section class="align wp-block-project-resume is-position-top pt-10 lg:pt-24 pb-15 lg:pb-51">

  <div class="container mx-auto">
    <div class="grid grid-cols-12 gap-4">
      <div class="col-span-12 2xl:col-span-10 2xl:col-start-2">
        <div class="grid grid-cols-12 2xl:grid-cols-10 gap-4">
          <div class="col-span-12 lg:col-span-8 2xl:col-span-6">
                          <span class="text-black font-medium text-lg mb-5 lg:mb-4.5 block">Bershka</span>
                        <h1 class="text-4xl-mobile lg:text-4xl mb-10 text-black">Out of Core, a global launch concept</h1>
            <div class="text-lg-mobile lg:text-lg mb-8 text-black space-y-4"><p>Out of Core is Bershka’s footwear label, launched through a campaign that defined its visual identity from the start.</p>
<p>We designed the graphic concept for the launch —a bold, product-driven image first unveiled in store windows and later adapted to web and social media.</p>
<p>The campaign rolled out across more than 50 stores worldwide, setting the tone for the brand’s debut.</p>
<p class="wp-block-paragraph"><!-- notionvc: 2f40f770-3501-40fb-a1dd-a1a914ccc2b9 --></p>
</div>
          </div>
          <div class="col-span-12 lg:col-span-2 lg:col-start-11 2xl:col-start-9">
            <div class="flex flex-col gap-7">
                              <div class="text-black flex flex-col">
                  <span class="font-medium">Client</span>
                  Bershka
                </div>
                                            <div class="text-black flex flex-col">
                  <span class="font-medium">Year</span>
                  2025
                </div>
                                            <div class="text-black flex flex-col">
                  <span class="font-medium">Services</span>
                                      <div>Art Direction</div>
                                      <div>Campaigns</div>
                                      <div>Visual Merchandising</div>
                                      <div>Window Display</div>
                                  </div>
                                        </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class=" relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOC-Full-01-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-10 lg:col-start-2 flex justify-center" >
      <div class="w-full">
<section class="aligncenter wp-block-gallery has-text-align-center is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                                        <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <video 
                    autoplay 
                    playsinline 
                    loop 
                    muted 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                    <source src="https://www.weareniu.studio/wp-content/uploads/2026/07/Animacion-plano-compressed.mp4" type="video/mp4">
                    Il browser non supporta il tag video.
                  </video>
                </div>
                                    </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOC-Half-01-2.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                                                    <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <video 
                    autoplay 
                    playsinline 
                    loop 
                    muted 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                    <source src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOC_animacion_story_v2.mp4" type="video/mp4">
                    Il browser non supporta il tag video.
                  </video>
                </div>
                                    </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-10 lg:col-start-2 flex justify-center" >
      <div class="w-full">
<section class="aligncenter wp-block-gallery has-text-align-center is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOC-Full-web-2-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class=" relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOC-Full-02-1-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-image-showcase is-position-top pb-10 lg:pb-37.5" data-background="" style="">

<div class="container mx-auto lg:px-0 relative z-20">
 <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-8 lg:col-start-3">
      <div class="flex flex-col items-start justify-center gap-7.5">
                <div class="lg:text-3xl text-start">
                  </div>
      </div>
    </div>
    <div class="col-span-12 lg:col-span-8 lg:col-start-3 lg:px-26 rounded-[10px] -mx-4 lg:mx-0">
                      <div class="swiper rounded-[10px]"
          data-niu-component="slider" 
          data-slides-per-view="1.2" 
          data-space-between="16"
          data-slides-per-view-sm="1"
          data-space-between-sm="40"
          data-slides-per-view-md="1"
          data-space-between-md="40"
          data-slides-per-view-lg="1" 
          data-space-between-lg="40"
          data-slides-per-view-xl="1"
          data-autoplay="false"
          data-speed="400"
          data-space-between-xl="40"
          data-pagination="true"
          data-navigation="true"
          data-free-mode="false"
          data-slides-offset-before="16"
          data-slides-offset-after="16"
          data-cursor-color="#d6ff00"
          data-navigation-next=".niu-cursor-next"
          data-navigation-prev=".niu-cursor-prev"
        >
          <div class="swiper-wrapper">

                                          <div class="w-full h-full swiper-slide rounded-[10px] overflow-hidden">
                  <img decoding="async" src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOC-Carrusel-03-1.jpg" alt="" class="w-full h-full object-cover">
                </div>
                                                        <div class="w-full h-full swiper-slide rounded-[10px] overflow-hidden">
                  <img decoding="async" src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOC-Carrusel-02-1.jpg" alt="" class="w-full h-full object-cover">
                </div>
                                                        <div class="w-full h-full swiper-slide rounded-[10px] overflow-hidden">
                  <img decoding="async" src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOC-Carrusel-01-1.jpg" alt="" class="w-full h-full object-cover">
                </div>
                                                        <div class="w-full h-full swiper-slide rounded-[10px] overflow-hidden">
                  <img decoding="async" src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOC-Carrusel-05.jpg" alt="" class="w-full h-full object-cover">
                </div>
                                    </div>
          <div class="swiper-pagination dark !relative mt-8"></div>
            <div class="absolute hidden lg:grid inset-0 z-30 grid-cols-2 select-none" aria-hidden="true">
              <div class="niu-cursor-zone niu-cursor-prev"
                  data-niu-cursor
                  data-cursor-shape="circle"
                  data-cursor-size="96"
                  data-cursor-icon="true"
                  data-cursor-icon-type="arrow"
                  data-cursor-rotate="180"
                  data-cursor-hide-text="true"
                  data-cursor-color="#d6ff0080">
              </div>
              <div class="niu-cursor-zone niu-cursor-next"
                  data-niu-cursor
                  data-cursor-shape="circle"
                  data-cursor-size="96"
                  data-cursor-icon="true"
                  data-cursor-icon-type="arrow"
                  data-cursor-rotate="0"
                  data-cursor-hide-text="true"
                  data-cursor-color="#d6ff0080">
              </div>
            </div>
        </div>
          </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2026/07/OOCFull-02-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>
<p>The post <a href="https://www.weareniu.studio/project/out-of-core-a-global-launch-concept/">Out of Core, a global launch concept</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>A sculptural window design for Pepa Salazar’s collaboration</title>
		<link>https://www.weareniu.studio/project/a-sculptural-window-design-for-pepa-salazars-collaboration/</link>
		
		<dc:creator><![CDATA[laura]]></dc:creator>
		<pubDate>Thu, 27 Nov 2025 17:03:56 +0000</pubDate>
				<guid isPermaLink="false">https://niu.wplab.live/?post_type=project&#038;p=1414</guid>

					<description><![CDATA[<p>The post <a href="https://www.weareniu.studio/project/a-sculptural-window-design-for-pepa-salazars-collaboration/">A sculptural window design for Pepa Salazar’s collaboration</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section class="align wp-block-project-resume is-position-top pt-10 lg:pt-24 pb-15 lg:pb-51">

  <div class="container mx-auto">
    <div class="grid grid-cols-12 gap-4">
      <div class="col-span-12 2xl:col-span-10 2xl:col-start-2">
        <div class="grid grid-cols-12 2xl:grid-cols-10 gap-4">
          <div class="col-span-12 lg:col-span-8 2xl:col-span-6">
                          <span class="text-black font-medium text-lg mb-5 lg:mb-4.5 block">Bershka</span>
                        <h1 class="text-4xl-mobile lg:text-4xl mb-10 text-black">A sculptural window design for Pepa Salazar’s collaboration</h1>
            <div class="text-lg-mobile lg:text-lg mb-8 text-black space-y-4"><p>For the collaboration between Bershka and designer Pepa Salazar, we created a window display concept that captured the bold, sculptural energy of the collection. The goal was to design something striking and memorable, aligned with Pepa’s visual universe and the scale of the partnership.</p>
<p>The concept was built to adapt —deployed in 28 stores worldwide, each with different layouts and dimensions. In the most iconic windows, a giant heart sculpture, inspired by the shape of the bags in the collection and crafted by <em>artistas falleros</em>, became the focal point of the installation.</p>
</div>
          </div>
          <div class="col-span-12 lg:col-span-2 lg:col-start-11 2xl:col-start-9">
            <div class="flex flex-col gap-7">
                              <div class="text-black flex flex-col">
                  <span class="font-medium">Client</span>
                  Bershka
                </div>
                                            <div class="text-black flex flex-col">
                  <span class="font-medium">Year</span>
                  2023
                </div>
                                            <div class="text-black flex flex-col">
                  <span class="font-medium">Services</span>
                                      <div>Art Direction</div>
                                      <div>Window Display</div>
                                  </div>
                                            <div class="text-black flex flex-col">
                  <span class="font-medium">Contributors</span>
                  <p>Bershka&#8217;s Visual Merchandise Team</p>

                </div>
                          </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/BSK_Pepa-Salazar_Barcelona-Gracia_2-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-video-box is-position-top pb-10 lg:pb-37.5" data-background="">

<div class="container mx-auto lg:px-0 relative z-20"> 
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative z-10" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12 lg:col-span-8 lg:col-start-3">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <video
            autoplay
            playsinline
            loop
            muted="true"
            class="w-full lg:rounded-large object-cover rounded-2xl relative z-10 " 
            role="presentation"
            aria-hidden="true"
            id="video-block-video"
          >
            <source
              src="https://www.weareniu.studio/wp-content/uploads/2025/10/Project_gif_1056px.mp4"
              type="video/mp4"
            />
            Il browser non supporta il tag video.
          </video>
                      </div>
    </div>
  </div>
</div>


  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-8 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/BSK_Pepa-Salazar_Barcelona-Gracia_1-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                                      <div class="col-span-12 lg:col-span-4 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/Ilustraciones_Pepa_BCN_Paseo-de-gracia-scaled-e1761905681888.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/BSK_Pepa-Salazar_Madrid-Preciados_1-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-8 lg:col-start-3 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/BSK_Pepa-Salazar_Madrid-Preciados_2-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container is-position-top"  data-background="" style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="aligncenter wp-block-gallery has-text-align-center is-position-top !pb-10 lg:!pb-37.5"  style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/Project_784px_Pepa_02.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                                      <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/Project_784px_Pepa_01.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-image-showcase is-position-top pb-10 lg:pb-37.5" data-background="" style="">

<div class="container mx-auto lg:px-0 relative z-20">
 <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-8 lg:col-start-3">
      <div class="flex flex-col items-start justify-center gap-7.5">
                <div class="lg:text-3xl text-start">
                  </div>
      </div>
    </div>
    <div class="col-span-12 lg:col-span-8 lg:col-start-3 lg:px-26 rounded-[10px] -mx-4 lg:mx-0">
                      <div class="swiper rounded-[10px]"
          data-niu-component="slider" 
          data-slides-per-view="1.2" 
          data-space-between="16"
          data-slides-per-view-sm="1"
          data-space-between-sm="40"
          data-slides-per-view-md="1"
          data-space-between-md="40"
          data-slides-per-view-lg="1" 
          data-space-between-lg="40"
          data-slides-per-view-xl="1"
          data-autoplay="false"
          data-speed="400"
          data-space-between-xl="40"
          data-pagination="true"
          data-navigation="true"
          data-free-mode="false"
          data-slides-offset-before="16"
          data-slides-offset-after="16"
          data-cursor-color="#d6ff00"
          data-navigation-next=".niu-cursor-next"
          data-navigation-prev=".niu-cursor-prev"
        >
          <div class="swiper-wrapper">

                                          <div class="w-full h-full swiper-slide rounded-[10px] overflow-hidden">
                  <img decoding="async" src="https://www.weareniu.studio/wp-content/uploads/2025/10/Pepa_Slider-01-1.jpg" alt="" class="w-full h-full object-cover">
                </div>
                                                        <div class="w-full h-full swiper-slide rounded-[10px] overflow-hidden">
                  <img decoding="async" src="https://www.weareniu.studio/wp-content/uploads/2025/10/Pepa_Slider-02.jpg" alt="" class="w-full h-full object-cover">
                </div>
                                                        <div class="w-full h-full swiper-slide rounded-[10px] overflow-hidden">
                  <img decoding="async" src="https://www.weareniu.studio/wp-content/uploads/2025/10/Pepa_Slider-03.jpg" alt="" class="w-full h-full object-cover">
                </div>
                                    </div>
          <div class="swiper-pagination dark !relative mt-8"></div>
            <div class="absolute hidden lg:grid inset-0 z-30 grid-cols-2 select-none" aria-hidden="true">
              <div class="niu-cursor-zone niu-cursor-prev"
                  data-niu-cursor
                  data-cursor-shape="circle"
                  data-cursor-size="96"
                  data-cursor-icon="true"
                  data-cursor-icon-type="arrow"
                  data-cursor-rotate="180"
                  data-cursor-hide-text="true"
                  data-cursor-color="#d6ff0080">
              </div>
              <div class="niu-cursor-zone niu-cursor-next"
                  data-niu-cursor
                  data-cursor-shape="circle"
                  data-cursor-size="96"
                  data-cursor-icon="true"
                  data-cursor-icon-type="arrow"
                  data-cursor-rotate="0"
                  data-cursor-hide-text="true"
                  data-cursor-color="#d6ff0080">
              </div>
            </div>
        </div>
          </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-7 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/Ilustraciones_Pepa_Arese_Roma-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                                      <div class="col-span-12 lg:col-span-5 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/BSK_Pepa-Salazar_Rome.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/BSK_Pepa-Salazar_Madrid-GranVia_1-1-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-8 lg:col-start-3 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/BSK_Pepa-Salazar_Madrid-GranVia_2-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-5 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/BSK_Pepa-Salazar_London-Oxford-Circus.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                                      <div class="col-span-12 lg:col-span-7 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/Ilustraciones_Pepa_OxfordStreet_London-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>
<p>The post <a href="https://www.weareniu.studio/project/a-sculptural-window-design-for-pepa-salazars-collaboration/">A sculptural window design for Pepa Salazar’s collaboration</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>A visual universe for Instagram stories</title>
		<link>https://www.weareniu.studio/project/a-visual-universe-for-instagram-stories/</link>
		
		<dc:creator><![CDATA[juan]]></dc:creator>
		<pubDate>Thu, 27 Nov 2025 08:47:48 +0000</pubDate>
				<guid isPermaLink="false">https://niu.wplab.live/?post_type=project&#038;p=1393</guid>

					<description><![CDATA[<p>The post <a href="https://www.weareniu.studio/project/a-visual-universe-for-instagram-stories/">A visual universe for Instagram stories</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section class="align wp-block-project-resume is-position-top pt-10 lg:pt-24 pb-15 lg:pb-51">

  <div class="container mx-auto">
    <div class="grid grid-cols-12 gap-4">
      <div class="col-span-12 2xl:col-span-10 2xl:col-start-2">
        <div class="grid grid-cols-12 2xl:grid-cols-10 gap-4">
          <div class="col-span-12 lg:col-span-8 2xl:col-span-6">
                          <span class="text-black font-medium text-lg mb-5 lg:mb-4.5 block">Bershka</span>
                        <h1 class="text-4xl-mobile lg:text-4xl mb-10 text-black">Designing for the fast rhythm of social media stories</h1>
            <div class="text-lg-mobile lg:text-lg mb-8 text-black space-y-4"><p>We collaborated with Bershka for several years, designing and animating their weekly Instagram Stories. Each season brought new visual codes and motion dynamics that evolved with the brand’s digital language.</p>
<p>In this edition, we defined the art direction, designed the visual templates, and produced the animations for every content typology. The result was a modular and flexible system that kept Bershka’s content visually fresh, clean, and consistent across time.</p>
</div>
          </div>
          <div class="col-span-12 lg:col-span-2 lg:col-start-11 2xl:col-start-9">
            <div class="flex flex-col gap-7">
                              <div class="text-black flex flex-col">
                  <span class="font-medium">Client</span>
                  Bershka
                </div>
                                            <div class="text-black flex flex-col">
                  <span class="font-medium">Year</span>
                  2023
                </div>
                                            <div class="text-black flex flex-col">
                  <span class="font-medium">Services</span>
                                      <div>Social Media Content</div>
                                      <div>Art Direction</div>
                                      <div>Motion Graphics</div>
                                  </div>
                                        </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


<section class="align wp-block-video-box is-position-top pb-10 lg:pb-37.5" data-background="">

<div class="container mx-auto lg:px-0 relative z-20"> 
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative z-10" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12 lg:col-span-8 lg:col-start-3">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <video
            autoplay
            playsinline
            loop
            muted="true"
            class="w-full lg:rounded-large object-cover rounded-2xl relative z-10 " 
            role="presentation"
            aria-hidden="true"
            id="video-block-video"
          >
            <source
              src="https://www.weareniu.studio/wp-content/uploads/2025/10/TAPHOLD-1.mp4"
              type="video/mp4"
            />
            Il browser non supporta il tag video.
          </video>
                      </div>
    </div>
  </div>
</div>


  </section>


<section class="align wp-block-container is-position-top"  data-background="" style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="aligncenter wp-block-gallery has-text-align-center is-position-top !pb-10 lg:!pb-37.5"  style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                                        <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <video 
                    autoplay 
                    playsinline 
                    loop 
                    muted 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                    <source src="https://www.weareniu.studio/wp-content/uploads/2025/10/spoilyourself-2-1.mp4" type="video/mp4">
                    Il browser non supporta il tag video.
                  </video>
                </div>
                                                                      <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <video 
                    autoplay 
                    playsinline 
                    loop 
                    muted 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                    <source src="https://www.weareniu.studio/wp-content/uploads/2025/10/Look-inspo.mp4" type="video/mp4">
                    Il browser non supporta il tag video.
                  </video>
                </div>
                                    </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/GET-THE-LOOK-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-video-box is-position-top pb-10 lg:pb-37.5" data-background="">

<div class="container mx-auto lg:px-0 relative z-20"> 
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative z-10" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12 lg:col-span-8 lg:col-start-3">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <video
            autoplay
            playsinline
            loop
            muted="true"
            class="w-full lg:rounded-large object-cover rounded-2xl relative z-10 " 
            role="presentation"
            aria-hidden="true"
            id="video-block-video"
          >
            <source
              src="https://www.weareniu.studio/wp-content/uploads/2025/10/AESTHETICS-2.mp4"
              type="video/mp4"
            />
            Il browser non supporta il tag video.
          </video>
                      </div>
    </div>
  </div>
</div>


  </section>


<section class="align wp-block-container is-position-top"  data-background="" style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="aligncenter wp-block-gallery has-text-align-center is-position-top !pb-10 lg:!pb-37.5"  style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                                        <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <video 
                    autoplay 
                    playsinline 
                    loop 
                    muted 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                    <source src="https://www.weareniu.studio/wp-content/uploads/2025/10/TREND-ALERT.mp4" type="video/mp4">
                    Il browser non supporta il tag video.
                  </video>
                </div>
                                                                      <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <video 
                    autoplay 
                    playsinline 
                    loop 
                    muted 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                    <source src="https://www.weareniu.studio/wp-content/uploads/2025/10/TREND-ALERT-2-1.mp4" type="video/mp4">
                    Il browser non supporta il tag video.
                  </video>
                </div>
                                    </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-container has-text-align-center is-position-top"  data-background="rgb(109,109,109)" style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="align wp-block-gallery is-position-top !pb-10 lg:!pb-37.5"  style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                          <div class="col-span-12 lg:col-span-12 rounded-[10px] overflow-hidden">
                  <img decoding="async" 
                    src="https://www.weareniu.studio/wp-content/uploads/2025/10/HOROSCOPO-scaled.jpg" 
                    alt="" 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                </div>
                                                  </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>


<section class="align wp-block-video-box is-position-top pb-10 lg:pb-37.5" data-background="">

<div class="container mx-auto lg:px-0 relative z-20"> 
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative z-10" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12 lg:col-span-8 lg:col-start-3">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <video
            autoplay
            playsinline
            loop
            muted="true"
            class="w-full lg:rounded-large object-cover rounded-2xl relative z-10 " 
            role="presentation"
            aria-hidden="true"
            id="video-block-video"
          >
            <source
              src="https://www.weareniu.studio/wp-content/uploads/2025/10/Key-garment.mp4"
              type="video/mp4"
            />
            Il browser non supporta il tag video.
          </video>
                      </div>
    </div>
  </div>
</div>


  </section>


<section class="align wp-block-container is-position-top"  data-background="" style="">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto p-0 relative z-10">
  <div class="grid grid-cols-12 gap-4">
    <div class="col-span-12 lg:col-span-12 lg:col-start-1 flex justify-center" >
      <div class="w-full">
<section class="aligncenter wp-block-gallery has-text-align-center is-position-top !pb-10 lg:!pb-37.5"  style="padding-bottom:0px;">

<div class="container mx-auto lg:px-0 relative z-20">
  <div class=" "
    >
  </div>
</div>
<div class="container mx-auto relative" data-pin-section>
  <div class="grid grid-cols-12 gap-4">
        <div class="col-span-12">
      <div class="flex flex-col items-center justify-center gap-7.5">
                  <div class="grid grid-cols-12 gap-y-10 lg:gap-x-10 lg:gap-y-35 w-full">
                                                        <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <video 
                    autoplay 
                    playsinline 
                    loop 
                    muted 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                    <source src="https://www.weareniu.studio/wp-content/uploads/2025/10/FIND-THE-GARM-2.mp4" type="video/mp4">
                    Il browser non supporta il tag video.
                  </video>
                </div>
                                                                      <div class="col-span-12 lg:col-span-6 rounded-[10px] overflow-hidden">
                  <video 
                    autoplay 
                    playsinline 
                    loop 
                    muted 
                    class="w-full h-auto transition-transform duration-300 rounded-[10px]"
                                      >
                    <source src="https://www.weareniu.studio/wp-content/uploads/2025/10/Moodboard.mp4" type="video/mp4">
                    Il browser non supporta il tag video.
                  </video>
                </div>
                                    </div>
              </div>
  </div>
</div>


  </section>

</div>
    </div>
  </div>
</div>
        
  </section>
<p>The post <a href="https://www.weareniu.studio/project/a-visual-universe-for-instagram-stories/">A visual universe for Instagram stories</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Out of Core, a global launch concept</title>
		<link>https://www.weareniu.studio/niu/bershka-out-of-core-a-global-launch-concept/</link>
		
		<dc:creator><![CDATA[juan]]></dc:creator>
		<pubDate>Tue, 25 Mar 2025 15:18:00 +0000</pubDate>
				<category><![CDATA[Project]]></category>
		<guid isPermaLink="false">http://niu.wplab.live/?post_type=niu&#038;p=1230</guid>

					<description><![CDATA[<p>Out of Core is Bershka’s footwear label, launched through a campaign that defined its visual identity from the start. We designed the graphic concept for the launch —a bold, product-driven image first unveiled in store windows and later adapted to web and social media. The campaign rolled out across more than 50 stores worldwide, setting &#8230; <a href="https://www.weareniu.studio/niu/bershka-out-of-core-a-global-launch-concept/">Continued</a></p>
<p>The post <a href="https://www.weareniu.studio/niu/bershka-out-of-core-a-global-launch-concept/">Out of Core, a global launch concept</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Out of Core is Bershka’s footwear label, launched through a campaign that defined its visual identity from the start.</p>



<p class="wp-block-paragraph">We designed the graphic concept for the launch —a bold, product-driven image first unveiled in store windows and later adapted to web and social media.</p>



<p class="wp-block-paragraph">The campaign rolled out across more than 50 stores worldwide, setting the tone for the brand’s debut.</p>



<p class="wp-block-paragraph"></p>
<p>The post <a href="https://www.weareniu.studio/niu/bershka-out-of-core-a-global-launch-concept/">Out of Core, a global launch concept</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>IG Stories, inspired by Gen Z’s digital language</title>
		<link>https://www.weareniu.studio/niu/bershka-ig-stories-inspired-by-gen-zs-digital-language/</link>
		
		<dc:creator><![CDATA[juan]]></dc:creator>
		<pubDate>Fri, 25 Nov 2022 14:47:00 +0000</pubDate>
				<category><![CDATA[Project]]></category>
		<guid isPermaLink="false">http://niu.wplab.live/?post_type=niu&#038;p=1211</guid>

					<description><![CDATA[<p>Bershka is highly active on social media, with a constant flow of content and fast-paced storytelling. In 2022, we developed a dedicated visual direction for their IG Stories —a cohesive identity that strengthened the brand and unified the look of every piece. The concept drew from Gen Z’s everyday digital language: chats, feeds, and photo &#8230; <a href="https://www.weareniu.studio/niu/bershka-ig-stories-inspired-by-gen-zs-digital-language/">Continued</a></p>
<p>The post <a href="https://www.weareniu.studio/niu/bershka-ig-stories-inspired-by-gen-zs-digital-language/">IG Stories, inspired by Gen Z’s digital language</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Bershka is highly active on social media, with a constant flow of content and fast-paced storytelling. </p>



<p class="wp-block-paragraph">In 2022, we developed a dedicated visual direction for their IG Stories —a cohesive identity that strengthened the brand and unified the look of every piece. </p>



<p class="wp-block-paragraph">The concept drew from Gen Z’s everyday digital language: chats, feeds, and photo galleries transformed into dynamic compositions. A look and feel that is fast, playful, and always online.</p>



<p class="wp-block-paragraph"></p>
<p>The post <a href="https://www.weareniu.studio/niu/bershka-ig-stories-inspired-by-gen-zs-digital-language/">IG Stories, inspired by Gen Z’s digital language</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Motion design for employee engagement</title>
		<link>https://www.weareniu.studio/niu/bershka-motion-design-for-employee-engagement/</link>
		
		<dc:creator><![CDATA[juan]]></dc:creator>
		<pubDate>Fri, 25 Jun 2021 13:59:00 +0000</pubDate>
				<category><![CDATA[Project]]></category>
		<guid isPermaLink="false">http://niu.wplab.live/?post_type=niu&#038;p=1224</guid>

					<description><![CDATA[<p>We Are Now is an internal campaign created to spread Bershka’s brand values and culture among employees. We brought the message to life through design and animation —turning their script into a vibrant visual piece that reflects the brand’s energy, diversity, and collective voice.</p>
<p>The post <a href="https://www.weareniu.studio/niu/bershka-motion-design-for-employee-engagement/">Motion design for employee engagement</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">We Are Now is an internal campaign created to spread Bershka’s brand values and culture among employees.</p>



<p class="wp-block-paragraph">We brought the message to life through design and animation —turning their script into a vibrant visual piece that reflects the brand’s energy, diversity, and collective voice.</p>



<p class="wp-block-paragraph"></p>
<p>The post <a href="https://www.weareniu.studio/niu/bershka-motion-design-for-employee-engagement/">Motion design for employee engagement</a> appeared first on <a href="https://www.weareniu.studio">Niu</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
