;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Logo Pagbenk Seu dinheiro rende mais
Topo

Mariana Moraes, da C&A: Coleção com Juliette quebrou recorde de vendas

Renato Pezzotti

Colaboração para o UOL, em São Paulo

15/07/2021 15h18

Conteúdo e entretenimento. É desta forma que muitas marcas pretendem alcançar seus consumidores daqui para frente, num mundo muito mais online. Para falar sobre o tema, o podcast Mídia e Marketing desta semana recebe Mariana Moraes, head de marketing da C&A —veja a entrevista completa no vídeo acima.

A executiva também fala sobre o patrocínio da marca ao programa Big Brother Brasil, da Rede Globo, e do sucesso da parceria com a advogada e maquiadora Juliette Freire, vencedora da edição deste ano.

"Já tivemos mais de 80 collabs (lançamentos feito em parceria com artistas). Mas a coleção da Juliette foi o melhor "primeiro dia" de vendas da história da marca no Brasil. Ela é um fenômeno de engajamento. Identificamos isso na terceira ou quarta semana do programa. As clientes se veem na Juliette", diz (a partir de 15:36).

A marca foi patrocinadora do BBB pelo segundo ano consecutivo. Em 2021, focou na estratégia de se tornar uma "fashiontech". "O marco foi lançar uma coleção via desfile holográfico, onde o consumidor escaneava um QR Code e levava a coleção para dentro de casa, para combinar entretenimento com tecnologia. Tivemos 1 milhão de interações nas plataformas sociais da empresa. O nosso aplicativo foi o centro da estratégia da comunicação", declara (a partir de 10:32).

Vendas por WhatsApp

Mariana também conta como a empresa holandesa, que está no Brasil desde 1976, teve que se reinventar durante a pandemia com o fechamento das lojas e crescimento do e-commerce.

"O varejo de moda virou de ponta cabeça com a pandemia. Acelerou a transformação digital das empresas, mas o cliente ainda sente muita falta de presença física, da experiência sensorial. Nossa ambição é ser uma empresa digital, com lojas físicas e calor humano", diz (a partir de 5:09).

Segundo Mariana, a empresa tem, atualmente, cerca de 600 pessoas atuando no atendimento via WhatsApp. "Por que dá tanto certo? Porque tem um toque pessoal. Ao conversar com vencedores, nossos consultores entendem o que a pessoa quer. Funcionam como "os sentidos"' do consumidor", afirma.

A executiva também acredita que as empresas precisam se tornar centros de entretenimento para as pessoas. "Acredito que as marcas precisam se tornar entretenimento, sim. Hoje, as pessoas começam a consumir moda por conteúdo. Moda é expressão de cultura, de identidade social" (a partir de 22:10).

Como exemplo, ela dá os projetos de live commerce (transmissões que combinam shows com vendas), que têm crescido no país. "Roteirizamos quase como um programa de auditório. As pessoas não estão ali para uma transação, mas eles se conectam com a marca" (a partir de 23:30).