;(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

Andréa Bó, da Nivea: Digital tornou comunicação mais assertiva

Renato Pezzotti

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

19/08/2021 14h33

O comércio eletrônico bateu recorde de vendas no primeiro semestre de 2021: atingiu R$ 53,4 bilhões em faturamento no Brasil. O resultado aponta um crescimento de 31% em relação ao mesmo período do ano anterior, segundo dados da 44ª edição do Webshoppers, relatório elaborado pela Ebit Nielsen e realizado em parceria com o Bexs Banco.

"Mais do que adaptação ao mundo online, aconteceu a aceleração em direção ao mundo digital, que é onde o consumidor está. Crescemos 400% no e-commerce. Não é o canal prioritário, mas vai ser em pouco tempo", diz Andréa Bó, diretora de marketing da Nivea. A executiva é a entrevistada do episódio #98 do programa Mídia e Marketing, publicado nesta semana - veja na íntegra, acima.

O fato de o consumidor estar mais tempo online trouxe novos desafios ao marketing. Para Andréa, isso torna a publicidade mais "amarrada" no sentido de criatividade, mas mais "assertiva" no tocando à informação.

"Através do digital conseguimos mais segmentação, mais precisão. Isso traz uma complexidade enorme para o time de comunicação. Hoje, você consegue monitorar se o anúncio vendeu mais ou menos. Tem muita técnica hoje atrás da mídia. Essa é a beleza do mercado", afirma (a partir de 27:13).

O "propósito de marca" também ficou mais evidente. "O consumidor está mais ligado, está mais informado, mais conectado e está buscando produtos de empresas que vão além de entregas físicas de produtos. Ele está mais interessado em saber sobre ingredientes e sobre marcas que também causam impacto social, com sustentabilidade", afirma (a partir de 5:48).

"Como marca, temos que abraçar novas oportunidades. Antes tínhamos um meio (a TV) que concentrava os consumidores. Agora, ela está muito pulverizada. Queremos emocionar as pessoas, não só vender produtos. Queremos ser amados pelos consumidores", declara a executiva (a partir de 22:21).

Andréa também fala sobre o crescimento de vendas da linha Nivea Men, que hoje corresponde a 20% do total de negócios da empresa no Brasil.

"O homem vem numa trajetória interessante, de ganhar vaidade, principalmente entre os jovens. Isso tem se refletido claramente na nossa linha. A Nivea Men já representa 20% do faturamento", diz (a partir de 30:57).