United States

&nbsp;
<style id="custom-style">
.hero {
  background-image: none !important;
}

.hero .event-info-container {
  padding-top: 32px;
}

.hero-frame {
  --color-one: #b627a1;
  --color-two: #28bbbb;
  --height: 500px;
  --size: calc(var(--height));
  --delay: .5s;
  --duration: 1s;
  --stagger: .1s;
  width: 100%;
  height: var(--height);
  position: relative;
  transition: 0.3s height ease;
}
.hero-frame .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.hero-frame .logo img {
  width: calc(var(--size) / 2);
  transition: 0.3s width ease;
  -webkit-animation: 1.6s up-in ease var(--delay) both;
          animation: 1.6s up-in ease var(--delay) both;
}
.hero-frame .tiles {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero-frame .tiles .tile {
  --radius: 15%;
  width: var(--size);
  height: var(--size);
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  border-radius: var(--radius);
  transform: translate(-50%, -50%) rotate(45deg);
  transition: 0.3s background ease, 0.3s width ease, 0.3s height ease, 0.3s border-radius ease;
  -webkit-animation: 0.6s tile-in ease 0s both;
          animation: 0.6s tile-in ease 0s both;
  -webkit-animation-duration: var(--duration);
          animation-duration: var(--duration);
}
.hero-frame .tiles .tile:nth-of-type(1) {
  left: 50%;
  top: 50%;
  background: var(--color-one);
  opacity: 0.5;
  z-index: 10;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.hero-frame .tiles .tile:nth-of-type(2) {
  left: calc(50% - max(250px, 25%));
  top: 75%;
  background: rgba(0, 0, 0, 0.05);
  border-left: 2px solid;
  -o-border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.5), transparent 90%) 1;
     border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.5), transparent 90%) 1;
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 1);
          animation-delay: calc(var(--stagger) * 1);
}
.hero-frame .tiles .tile:nth-of-type(3) {
  left: calc(50% - max(550px, 55%));
  top: 40%;
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 2);
          animation-delay: calc(var(--stagger) * 2);
}
.hero-frame .tiles .tile:nth-of-type(4) {
  left: calc(50% - max(350px, 35%));
  top: 125%;
  background: rgba(255, 255, 255, 0.05);
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 3);
          animation-delay: calc(var(--stagger) * 3);
}
.hero-frame .tiles .tile:nth-of-type(5) {
  left: calc(50% - max(100px, 10%));
  top: -25%;
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, transparent 10%, rgba(255, 255, 255, 0.15), transparent 90%) 1;
     border-image: linear-gradient(to right, transparent 10%, rgba(255, 255, 255, 0.15), transparent 90%) 1;
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 4);
          animation-delay: calc(var(--stagger) * 4);
}
.hero-frame .tiles .tile:nth-of-type(6) {
  left: calc(50% + max(250px, 25%));
  top: 75%;
  background: rgba(255, 255, 255, 0.05);
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 5);
          animation-delay: calc(var(--stagger) * 5);
}
.hero-frame .tiles .tile:nth-of-type(7) {
  left: calc(50% + max(550px, 55%));
  top: 75%;
  background: rgba(255, 255, 255, 0.05);
  border-left: 2px solid;
  -o-border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.5), transparent 90%) 1;
     border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.5), transparent 90%) 1;
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 6);
          animation-delay: calc(var(--stagger) * 6);
}
.hero-frame .tiles .tile:nth-of-type(8) {
  left: calc(50% + max(400px, 40%));
  top: 125%;
  background: var(--color-one);
  opacity: 0.15;
  z-index: 10;
  -webkit-animation-delay: calc(var(--stagger) * 7);
          animation-delay: calc(var(--stagger) * 7);
}
.hero-frame .tiles .tile:nth-of-type(9) {
  left: calc(50% + max(100px, 10%));
  top: -25%;
  background: rgba(255, 255, 255, 0.05);
  border-right: 2px solid;
  -o-border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.15), transparent 90%) 1;
     border-image: linear-gradient(to bottom, transparent 10%, rgba(255, 255, 255, 0.15), transparent 90%) 1;
  opacity: 1;
  z-index: 8;
  -webkit-animation-delay: calc(var(--stagger) * 8);
          animation-delay: calc(var(--stagger) * 8);
}
.hero-frame .tiles .tile:nth-of-type(10) {
  left: calc(50% + max(350px, 35%));
  top: 75%;
  background: rgba(0, 0, 0, 0.05);
  opacity: 1;
  z-index: 7;
  -webkit-animation-delay: calc(var(--stagger) * 9);
          animation-delay: calc(var(--stagger) * 9);
}
.hero-frame .background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(90deg, var(--color-one), var(--color-two));
  transition: 0.3s background ease;
}
.hero-frame .waves {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.hero-frame .waves .wave {
  background: url("https://meltwater-site.cdn.prismic.io/meltwater-site/0128f720-3224-4e86-a227-d6bbfa8685fc_white-bottom-wave-cover.svg");
  background-size: 100%;
  background-position: 25% bottom;
  background-repeat: repeat-x;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: 25s wave-1 infinite linear;
          animation: 25s wave-1 infinite linear;
}
.hero-frame .waves .wave:nth-of-type(2) {
  opacity: 0.5;
  -webkit-animation: 10s wave-2 infinite linear;
          animation: 10s wave-2 infinite linear;
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}

@media (max-width: 1024px) {
  .hero-frame {
    --height: 400px;
  }
  .hero-frame .waves .wave {
    background-position: 25% calc(100% + 1px);
  }
}
@media (max-width: 768px) {
  .hero-frame {
    --height: 300px;
  }
}
@-webkit-keyframes wave-1 {
  0% {
    background-position-x: 0vw;
  }
  100% {
    background-position-x: 100vw;
  }
}
@keyframes wave-1 {
  0% {
    background-position-x: 0vw;
  }
  100% {
    background-position-x: 100vw;
  }
}
@-webkit-keyframes wave-2 {
  0% {
    background-position-x: 100vw;
  }
  100% {
    background-position-x: 0vw;
  }
}
@keyframes wave-2 {
  0% {
    background-position-x: 100vw;
  }
  100% {
    background-position-x: 0vw;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
}
@-webkit-keyframes tile-in {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 30px)) rotate(45deg);
  }
}
@keyframes tile-in {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 30px)) rotate(45deg);
  }
}
@-webkit-keyframes up-in {
  0% {
    opacity: 0;
    transform: translate(0, 30px);
  }
}
@keyframes up-in {
  0% {
    opacity: 0;
    transform: translate(0, 30px);
  }
}
</style>
<div class="hero-frame">
  <div class="logo"><img src="https://meltwater-site.cdn.prismic.io/meltwater-site/b2ff450e-2bd5-4d51-b310-0fdb1a0ff122_Summit+Logo.svg"/></div>
  <div class="tiles">
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
    <div class="tile"></div>
  </div>
  <div class="background"></div>
  <div class="waves">
    <div class="wave"></div>
    <div class="wave"></div>
  </div>
</div>

document.querySelector('.hero').prepend(document.querySelector('.hero-frame'));

Forte de son expérience internationale à New-York, Valencia et Paris, Mandy Landauer se distingue par sa double expertise internationale en sales et marketing. À l’œuvre depuis plus de cinq ans chez Meltwater, Mandy Landauer est spécialisée dans l'identification d’informations stratégiques sur le web et les médias sociaux afin de permettre aux marques de dynamiser leur croissance et de se développer en comprenant mieux leurs clients, marchés et communautés.

Directrice Inbound et Marketing chez Meltwater

Mandy Landauer

Diplômé de Sciences Po Paris, Jérémie Amram occupe le poste de Creative Strategist au sein du Creative Lab chez TikTok depuis plus d'un an. Jérémie a opéré pendant plusieurs années au sein des plus grandes agences françaises (BETC, WeAreSocial) mais également chez l'annonceur dans le secteur du luxe et des recontres.

Creative Strategist - Creative Lab chez TikTok

Jérémie Amram

Speakers

14h-14h30 : Mandy Landauer, Directrice Inbound et Marketing chez Meltwater
Vous avez pour objectif d'augmenter vos ventes ou d'attirer plus de prospects pour votre marque grâce aux réseaux sociaux ? Première question à vous poser : sur quels indicateurs de performance dois-je m'appuyer pour mesurer et prouver la réussite de mes efforts ? Lors de cette intervention vous apprendrez comment analyser vos résultats (prouver votre ROI) et comment mieux les exploiter afin d'optimiser vos futures campagnes (accélérer votre ROI).

Prouver et accroître son ROI social media

14h30-15h : Jérémie Amram - Creative Strategist - Creative Lab chez TikTok

#TikTokMadeMeBuyIt: la découverte au cœur de l'expérience TikTok

Programme

Êtes-vous prêt à faire des réseaux sociaux un véritable levier business et notamment TikTok ? Nous nous réjouissons de vous accueillir prochainement pour le Social summit Meltwater de novembre 2021.

Nous avons invité des experts du marketing et des médias sociaux pour vous inspirer et vous permettre d'apprendre les uns des autres.

Le jour J écoutez nos speakers et posez vos questions et partagez votre expertise avec d'autres professionnels du secteur.

Mandy Landauer, Directrice Inbound et Marketing chez Meltwater

Jérémie Amram, Creative Strategist - Creative Lab chez TikTok


Générer du business grâce aux médias sociaux 