Painel em tempo real da Shopify
(bfcm.shopify.com)- A Shopify oferece uma experiência de painel ao vivo que mostra o fluxo global de compras durante o período da Black Friday Cyber Monday com estatísticas em tempo real
- A composição Shopify x Black Friday 2025 tem como foco mostrar a atividade de compras da Black Friday de 2025 em uma visualização em forma de globo
- O ponto central das informações fornecidas é poder acompanhar em tempo real as estatísticas globais de compras geradas nas lojas da Shopify
- Essa experiência exige um navegador com suporte a WebGL, então pode não ser possível visualizá-la imediatamente em alguns navegadores ou ambientes restritos
- Se o ambiente não puder usar WebGL, o acesso à visualização ao vivo ficará bloqueado, então é preciso verificar primeiro a compatibilidade do navegador
Visualização ao vivo de compras da Black Friday Cyber Monday
- A página
bfcm.shopda Shopify oferece uma experiência que mostra em tempo real as estatísticas globais de compras durante o período da Black Friday Cyber Monday - O título da página é
Shopify x Black Friday 2025: Watch The World Shop Live - O texto de apresentação informa que é possível acessar na Shopify as estatísticas globais de compras em tempo real desta Black Friday Cyber Monday
Ambiente de execução que exige WebGL
- O corpo da página informa que, para ver essa experiência, é necessário usar um navegador com suporte a WebGL
- Está explícito que a experiência ao vivo não pode ser vista em navegadores que não oferecem suporte a WebGL
1 comentários
Comentários do Hacker News
Venho criando o painel da BFCM há 10 anos, e agora ele se tornou um dos projetos mais divertidos e uma tradição no Shopify
Administrar uma empresa de software para internet é algo bem abstrato, mas quando você vê uma visualização como essa, fica muito mais concreto até para quem trabalha aqui
Neste ano colocamos muitos detalhes divertidos (https://twitter.com/Shopify/status/1728040379163771020). Quando alguma loja faz a primeira venda, podem aparecer fogos de artifício, e há também muitas estatísticas de cidades parcialmente geradas com GPT-4. No desktop, dá para abrir o menu nerd, mudar configurações e compartilhar o resultado criado por link
Mas, mas… falaram que Rails não escala!!!!!
É impressionante a forma como lidam com uma entrada de carga tão absurda
Em servidores modernos, isso deveria ficar bem abaixo de 1% de utilização para dar conta dessa carga
Impressiona como a riqueza do mundo é concentrada
O fuso horário também pode ser um fator. E a Black Friday começou como um fenômeno americano que foi exportado
Fiquei surpreso com o quanto isso foi adotado na América Latina. Por exemplo, se você escolher qualquer país da lista do Mercado Libre[0], eles fazem Black Friday. Não usam “Viernes Negro”, usam literalmente “Black Friday”
[0] https://mercadolibre.com/
Acima de tudo, isso parece mostrar em quais países o Shopify está mais difundido
A Black Friday é basicamente um traço da cultura americana, e empresas dos EUA tentaram exportá-la para a Europa
No momento em que vi isso (por volta de 18:00 no horário de Greenwich), o tráfego do Reino Unido estava muito acima do restante da Europa, o que achei interessante
Imagem: https://i.imgur.com/2Les0QX.png
Será que dá para dizer com segurança que isso é por causa do Brexit?
Olhando por outro lado, também dá para dizer o quanto outras partes do mundo estão corrompidas e são anticapitalistas
Ditadores não querem que as pessoas sob seu controle atinjam seu potencial, porque isso ameaçaria o status quo e a posição deles
Queria entender qual é o critério da estatística “Carbon Removed”
É engraçado. Parece que deveria ser o carbono adicionado por causa do consumo desnecessário que o Shopify ajudou a facilitar
É o link que aparece ao clicar nessa estatística no painel https://www.shopify.com/climate/bfcm
Basicamente, eles pagam outra pessoa para fazer a “remoção de carbono” e depois colocam esse número mágico aqui
Há muita crítica à estatística Carbon Removed nesta thread e em outros lugares, mas em vez de apenas criticar porque uma empresa desse porte está fazendo alguma coisa, eu gostaria de ver críticas mais produtivas propondo como isso poderia ser melhor
Pessoalmente, eu não chamaria isso de carbon removed a menos que realmente compensassem em dobro a quantidade de carbono das entregas. E, se o Shopify não estiver comprando tudo diretamente de parceiros de captura direta de ar, o mais correto seria chamar de offset
É um belo elemento para colocar no site da empresa
O Shopify escalou até esse tamanho com um monólito em Ruby on Rails e alguns serviços em Go/Rust
Impressionante
É muito legal e, ao contrário do do Stripe, não faz o navegador travar nem engasga no dispositivo
As informações das cidades são um bom acréscimo, mas me irrita que a maioria das cidades que pesquisei não tenha dados suficientes, mesmo aparecendo nas sugestões. Ainda assim, as opções de customização são divertidas de explorar, especialmente o airplane mode, que é um ótimo detalhe
O resultado final já é impressionante, mas o mais surpreendente é que isso roda de forma fluida em um iPhone SE de 2016
Queria saber que biblioteca foi usada na renderização do globo no frontend
No Chrome, está bem rápido e sem engasgos
Devemos publicar uma análise técnica completa nas próximas semanas
Talvez algo parecido com isto: https://github.com/vasturiano/three-globe
Tirando o globo em si, a maior parte do movimento nessa animação vem do efeito frenético dos números pulando enquanto mudam os valores de “sales per minute”, “unique shoppers”, “orders per minute” e “carbon removed”
Na prática, esses números só são atualizados a cada 10 segundos, mas durante 8 desses 10 segundos os números ficam embaralhando sem qualquer significado, aparentemente só para parecer movimentado
Isso não deveria ser feito
Não se deve distorcer informação, nem torná-la difícil de ler, nem desperdiçar a atenção visual do usuário com coisas sem importância. Isso deveria ser usado no que é significativo
Uau, essa customização é enorme
Quando você voa no airplane mode, parece uma zona de guerra