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

Podcast

Mídia e Marketing

Entrevistas com grandes nomes do marketing, propaganda e criatividade no país


Mídia e Marketing #121: Caito Maia, fundador da Chilli Beans

Mais Mídia e Marketing
1 | 25

Renato Pezzotti

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

21/02/2022 14h48

Como tornar uma marca sexy para os jovens? E como lançar uma coleção de produtos todas as semanas? O programa Mídia e Marketing desta semana recebe Caito Maia, CEO e fundador da Chilli Beans.

No papo, Caito fala da criação da marca, explica como é a relação da empresa com influenciadores, como funciona as collabs com artistas como Alok e Luiza Sonza e fala como a demanda por óculos de grau explodiu durante a pandemia —veja a entrevista em vídeo acima, na íntegra.

"O mundo vai ficar cada vez mais omnichannel (multicanal). As pessoas vão receber os produtos onde quiserem, da maneira que quiserem, e as empresas têm que estar preparadas para isso", afirma (a partir de 14:42).

Atualmente, além do cargo de CEO, Caito também cuida de toda a comunicação da marca, possui um programa na rádio 89FM ("Se Parar o Sangue Esfria") e é jurado do Shark Tank Brasil, do canal Sony. "Quando levamos a disciplina à risca, sobra tempo para fazer tudo", diz.

O executivo ainda explica como mantém o padrão de um lançamento de linha de óculos por semana.

"Nosso calendário já está em janeiro de 2024 para os lançamentos. Pessoas criativas têm dificuldade de escolher. Então nossas reuniões não podem ar de uma hora e sempre temos uma lista de 3 finalistas das melhores ideias", declara (a partir de 8:30).

"Precisamos contar histórias verdadeiras. A gente vê algumas coisas pasteurizadas por aí. Quando um profissional de marketing traz a verdade, chama atenção das pessoas. A verdade nem sempre é bonita, mas ela vai, cada vez mais, tocar o coração das pessoas", afirma (a partir de 20:30).

E a pandemia trouxe mais empatia para as empresas? Caito é direto: "Uma hora a casa cai para empresas que não são verdadeiras. A pandemia veio para ensinar como as empresas vão tratar os seus times, como vão respeitar seus colaboradores", diz (a partir de 31:50).

"A gente só trabalha com quem quer trabalhar com a gente. Hoje, atuamos em 4 pilares: música, moda, mundo geek e arte. Mas não atuamos com sazonalidade e todos os nossos óculos são unissex", afirma (a partir de 24:08).

O executivo ainda conta que a marca acabou de fechar uma parceria com o museu The National Gallery, de Londres, que possui direitos de imagens de artistas como Monet, Dali e Picasso.

Os podcasts do UOL estão disponíveis em uol.com.br/podcasts e em todas as plataformas de distribuição. Você pode ouvir Mídia e Marketing, por exemplo, no Spotify, na Apple Podcasts e no YouTube.