Geraldo Thomaz, co-CEO da VTEX, aquecendo a galera para o início da Black Friday de 2018 — Foto: Andressa Guerra

Bolão Black Friday 2018: um mini projeto na VTEX

Augusto Barbosa
VTEX Tech
Published in
6 min readNov 26, 2018

--

Na última sexta-feira (26 de Novembro de 2018) aconteceu o principal evento do varejo brasileiro e um dos mais importantes da VTEX: a Black Friday. Desde 2010 investimos boa parte dos nossos esforços para suportar vendas que sobem até 6x e para reafirmar nossa reputação de ser uma das poucas plataformas que não caem na tão esperada sexta-feira.

Ao longo dos anos fomos alcançando um grau maior de maturidade com relação ao controle de incidentes nesse período e, diferentemente do que acontecia nos anos anteriores, atualmente conseguimos viver esse momento sem tanta tensão.

Eis que surge um problema: como manter toda equipe engajada nesse dia que provavelmente vai ser superado como um dia normal, mas que um pequeno deslize pode impactar o varejo digital no Brasil de maneira irreversível?

Manda problema que a gente resolve

Formamos um comitê de 5 pessoas (sendo nossa Office Manager e 4 Designers) com o objetivo de aproximar as pessoas em torno dos assuntos da Black Friday e mantê-las engajadas. Geramos várias ideias envolvendo intervenções no espaço físico do escritório, redes sociais, comidas, bebidas, massagem e outras fanfarronices. Fiquei responsável por repensar o Bolão.

A história do Bolão

O ser humano adora tentar prever o futuro. Se a previsão é um número, fica tudo mais fácil: você dá uma olhada no histórico, faz um cálculo aqui, outro ali, adiciona uma variável de otimismo e voilà!

A vontade de prever o número de vendas que nossos clientes fariam na Black Friday fez surgir há alguns anos, de forma orgânica, nosso querido Bolão. Nos dias anteriores e durante o evento ele é sempre um dos assuntos mais discutidos. Alguém teria a melhor fórmula (ou sorte?) e mostraria seu grande potencial de adivinhar números.

Nas primeiras edições do Bolão éramos poucas pessoas apostando. Com os anos passando e o número de funcionários aumentando (e, consequentemente, o número de participantes do Bolão também) precisamos organizar melhor as apostas. Então em 2016 chegamos a esse formato (que foi reutilizado em 2017):

Bolão 2016: Aperta que cabe!

Acho que dá pra melhorar…

Apesar de aparentemente prático, alguns problemas nesse formato eram bem evidentes:

  • limitação de espaço;
  • apostas fora de ordem;
  • dificuldade de envolver pessoas de fora do escritório do Rio de Janeiro;
  • risco de uma pessoa desavisada apagar (nunca se sabe);
  • nenhuma visibilidade sobre quem tá indo bem ou mal durante o evento.

Os quatro primeiros pontos seriam facilmente resolvidos coletando as apostas online. O último ponto seria o mais legal a ser explorado.

Uma horinha gerando ideias com Lucas Bacic foi suficiente para fugirmos dos gráficos tradicionais e trazermos propostas mais lúdicas.

Fluxo da aposta e representações visuais de todas as apostas

E já fechamos uma proposta de solução

Para o número de pedidos, usaríamos um alvo representando a precisão das apostas e um ranking dos três primeiros colocados do momento, tudo em tempo real.

Além disso, resolvemos experimentar algo novo: as pessoas tentariam acertar também a que horas superaríamos as 457.661 vendas de 2017. A ideia era exibir uma linha do tempo com o centro no agora e as pessoas iriam surgindo no box à medida que o momento apostado se aproximava.

Esboço dos gráficos: ranking dos 3 primeiros, alvo e linha do tempo

Com o tempo curtíssimo (tínhamos apenas 2 dias para organizar e implementar tudo), decidimos focar na experiência final e otimizar fluxo de submissão da aposta: usaríamos o Google Forms e exportaríamos os dados em um arquivo JSON (obrigado Zeh Fernandes pela simples, porém genial sugestão).

9h: que comecem as apostas!

Do esboço para o código

Com alguns dados de apostas em mãos, já dava pra testar a distribuição dos apostadores no ranking, no alvo e na linha do tempo.

A lógica do alvo era simples: durante o evento saberíamos, a cada momento, o quanto estaríamos crescendo proporcionalmente com relação à Black Friday do ano passado. Quem estivesse projetado um crescimento percentual mais parecido, estaria mais próximo do centro do alvo e quem tivesse apostado um valor muito diferente, estaria mais distante. Os 360 graus do círculo seriam distribuídos igualmente entre os apostadores, criando uma disposição mais uniforme.

Uma das primeiras versões do protótipo do Bolão

Às 21h da quinta-feira as apostas se encerraram, sendo um total de 200 apostas. Nesse momento percebemos que a fórmula usada para distribuir esse número de pessoas no alvo precisava de ajustes: deveria haver uma densidade menor no centro e maior nas bordas, mas sem afastar muito os mal colocados (contribuição do incrível Lucas Bebber!). Dessa forma, mais pessoas poderiam encontrar suas fotos no gráfico.

Alguns testes com diferentes fórmulas até chegar na melhor distribuição
Arquivo JSON final com todos os dados

O último grande ajuste seria usar a API do Slack para pegar a foto dos participantes, em vez de usar a API do Gravatar ou do Gmail, que não traziam resultados satisfatórios (como você pode ver nas imagens anteriores). Usamos um script criado pelo Lucas Bebber que lia nosso arquivo JSON com dados dos participantes, consultava na API do Slack a URL da foto de cada pessoa e modificava o JSON incluindo essa URL.

Resultado

Versão final com os vencedores

O Bolão acabou sendo uma das maiores atrações do dia na VTEX. Incluímos os gráficos no nosso videowall, que fica no principal espaço de convivência do escritório do Rio de Janeiro, a Comuna ❤.

Foi muito legal ver as pessoas procurando seus rostos e dos colegas, acompanhando cada mudança nos resultados e orgulhosas por terem seus nomes entre os primeiros colocados, mesmo que por um curto momento.

Missão cumprida: o Bolão contribuiu significativamente para o engajamento do time!

Avaliando o resultado

Pela correria, a solução ficou "capenga" em alguns aspectos:

  • priorizamos a visualização na TV do videowall e acabamos negligenciando a forma como as pessoas visualizariam os gráficos nos seus dispositivos. A versão mobile não funcionou e na versão desktop havia um bloqueio do navegador na requisição para nossa API que precisava ser liberada, mas que instruímos mal sobre como fazê-lo;
  • o pouco espaço vertical no monitor/TV fez com que muitas pessoas que estavam próximas dos ângulos verticais não aparecessem, por estarem longe do alvo;
  • a linha do tempo recebeu feedbacks positivos, mas muitas pessoas não entenderam como funcionava (talvez você também, já que não me aprofundei muito nela nesse artigo);
  • a leitura de textos em geral ficou prejudicada pelas sobreposições das imagens.

O maior aprendizado, todavia, foi percebermos que iniciativas para fazer da Black Friday um evento mais participativo são cada vez mais importantes, pelo significado que o dia tem para a VTEX. O Bolão foi um símbolo importante nessa direção. Já estamos ansiosos pelo próximo Black Friday com um novo Bolão e outras novas ideias! :)

--

--