- Shopify propose une expérience de tableau de bord en direct affichant des statistiques en temps réel sur les flux d’achats mondiaux pendant la période du Black Friday Cyber Monday
- La configuration Shopify x Black Friday 2025 met l’accent sur une visualisation en forme de globe de l’activité d’achat du Black Friday 2025
- Le point central des informations fournies est la possibilité de consulter en temps réel les statistiques mondiales d’achat générées sur les boutiques Shopify
- Cette expérience nécessite un navigateur compatible WebGL ; elle peut donc ne pas être accessible immédiatement sur certains navigateurs ou dans des environnements limités
- Dans un environnement où WebGL n’est pas disponible, l’accès à la visualisation en direct est bloqué ; il faut donc d’abord vérifier la compatibilité du navigateur
Visualisation en direct des achats du Black Friday Cyber Monday
- La page
bfcm.shopde Shopify propose une expérience affichant en temps réel les statistiques mondiales d’achat pendant la période du Black Friday Cyber Monday - Le titre de la page est
Shopify x Black Friday 2025: Watch The World Shop Live - Le texte de présentation indique qu’il est possible d’accéder aux statistiques mondiales d’achat en temps réel de ce Black Friday Cyber Monday sur Shopify
Environnement d’exécution nécessitant WebGL
- Le corps de la page indique qu’il faut utiliser un navigateur compatible WebGL pour voir cette expérience
- Il est explicitement précisé que l’expérience en direct n’est pas visible dans les navigateurs qui ne prennent pas en charge WebGL
1 commentaires
Avis sur Hacker News
Nous construisons le tableau de bord BFCM depuis 10 ans, et c’est désormais devenu l’un des projets les plus amusants chez Shopify, ainsi qu’une tradition.
Diriger une entreprise de logiciels sur Internet est assez abstrait, mais avec ce genre de visualisation, cela devient beaucoup plus concret, même pour les personnes qui travaillent ici.
Cette année, nous y avons mis beaucoup de détails amusants (https://twitter.com/Shopify/status/1728040379163771020). Quand une boutique réalise sa première vente, on peut voir des feux d’artifice, et il y a aussi beaucoup de statistiques par ville, en partie générées avec GPT-4. Sur desktop, on peut ouvrir le menu nerd pour modifier les paramètres et partager le résultat via un lien.
Mais, mais… on disait que Rails ne passe pas à l’échelle !!!!!
La façon dont ils gèrent un tel afflux de charge est assez impressionnante.
Pour des serveurs modernes, cela devrait représenter moins de 1 % d’utilisation.
C’est surprenant de voir à quel point la richesse mondiale est concentrée.
Le fuseau horaire peut aussi jouer. Et le Black Friday est à l’origine un phénomène américain qui a été exporté.
J’ai été surpris de voir à quel point il a été adopté en Amérique latine. Par exemple, prenez n’importe quel pays dans la liste de Mercado Libre[0] : ils font tous le Black Friday. Ils n’utilisent pas « Viernes Negro », mais bien le terme « Black Friday ».
[0] https://mercadolibre.com/
Surtout, cela semble montrer dans quels pays Shopify est le plus répandu.
Le Black Friday est globalement une culture américaine, et les entreprises américaines ont essayé de l’exporter vers l’Europe.
Au moment où j’ai regardé (vers 18 h GMT), le trafic du Royaume-Uni était nettement plus élevé que dans le reste de l’Europe, ce qui est intéressant.
Voir l’image : https://i.imgur.com/2Les0QX.png
Peut-on raisonnablement penser que le Brexit en est la raison ?
À l’inverse, on pourrait aussi dire à quel point d’autres régions du monde sont corrompues et anticapitalistes.
Les dictateurs ne veulent pas que les personnes qu’ils dominent réalisent leur potentiel, parce que cela menacerait le statu quo et leur propre position.
Je me demande quelle est la base de la statistique « Carbon Removed ».
C’est assez drôle. Vu la consommation inutile que Shopify a rendue facile, on devrait plutôt parler de carbone ajouté.
https://www.shopify.com/climate/bfcm C’est le lien qui apparaît quand on clique sur cette statistique dans le tableau de bord.
En gros, ils paient quelqu’un d’autre pour faire de la « capture de carbone », puis mettent ce chiffre magique ici.
Il y a beaucoup de critiques ici et ailleurs sur la statistique Carbon Removed, mais plutôt que de critiquer simplement une entreprise de cette taille parce qu’elle fait quelque chose, j’aimerais voir davantage de critiques constructives proposant comment faire mieux.
Personnellement, je préférerais qu’ils n’appellent pas ça carbon removed, sauf s’ils compensent réellement le double du carbone lié aux livraisons. Et si Shopify n’achète pas tout auprès de partenaires de capture directe de l’air, il serait plus juste d’appeler cela un offset.
C’est un bel élément à mettre sur le site web d’une entreprise.
Shopify a réussi à passer à cette échelle avec un monolithe Ruby on Rails et quelques services Go/Rust.
Impressionnant.
C’est vraiment très réussi, et contrairement à celui de Stripe, cela ne fait pas planter le navigateur et ne rame pas sur l’appareil.
Les informations sur les villes sont un bon ajout, mais c’est frustrant : la plupart des villes que j’ai recherchées n’ont pas assez de données, alors même qu’elles apparaissent dans la liste de recommandations. Les options de personnalisation restent amusantes à essayer, et l’airplane mode est un détail particulièrement réussi.
Le résultat lui-même est impressionnant, mais ce qui m’étonne encore plus, c’est que ça tourne de façon fluide sur un iPhone SE de 2016.
Je me demande quelle bibliothèque a été utilisée côté frontend pour le rendu du globe.
Dans Chrome, c’est assez rapide et ça ne saccade pas.
Nous publierons une analyse technique complète dans quelques semaines.
Probablement quelque chose dans ce genre : https://github.com/vasturiano/three-globe
Si l’on met le globe lui-même de côté, la majeure partie du mouvement dans cette animation vient de l’effet de chiffres qui défilent frénétiquement quand changent les valeurs « sales per minute », « unique shoppers », « orders per minute » et « carbon removed ».
En réalité, ces chiffres ne sont mis à jour qu’une fois toutes les 10 secondes, mais ils se mélangent pendant 8 de ces 10 secondes sans autre raison que de donner une impression d’activité.
Il ne faut pas faire ça.
Il ne faut pas déformer l’information, ni la rendre difficile à lire, ni gaspiller l’attention visuelle de l’utilisateur sur quelque chose qui n’a pas d’importance. Il faut l’utiliser pour ce qui a du sens.
Waouh, cette personnalisation est incroyable.
Quand on vole en airplane mode, on dirait un champ de bataille.