Animations fluides pour exposition photographique internationale
Développement des animations en JavaScript vanilla pour l'exposition en ligne du concours WorldPressPhoto 2019, en collaboration avec l'agence Shim Sham. Une galerie interactive présentant les lauréats du plus prestigieux concours de photojournalisme au monde.
-
78 801
Photos soumises au concours
-
110
Villes d'exposition dans le monde
-
< 1s
Temps de chargement des animations
-
4 738
Photographes participants
Une exposition en ligne pour le concours de photojournalisme de référence
WorldPressPhoto organise chaque année le concours de photojournalisme et de photographie documentaire le plus prestigieux au monde. L'édition 2019 a reçu 78 801 photographies soumises par 4 738 photographes professionnels de 129 pays. Le jury indépendant a sélectionné les meilleures images qui témoignent des événements majeurs de l'année écoulée. Cette exposition internationale voyage ensuite dans plus de 110 villes à travers le monde.
Pour l'exposition en ligne de cette édition 2019, nous avons collaboré avec l'agence Shim Sham basée à Amsterdam. Notre mission chez Kodix était de développer les animations interactives permettant de présenter les photographies lauréates de manière fluide et immersive. Les visiteurs devaient pouvoir naviguer entre des centaines d'images haute résolution sans temps de chargement perceptible ni saccades visuelles.
Nous avons développé l'intégralité des animations en JavaScript vanilla, sans framework externe, pour garantir des performances optimales. Cette approche technique nous a permis de contrôler précisément chaque aspect de l'animation et d'optimiser le rendu pour tous les navigateurs. Le résultat est une galerie photographique en ligne où les transitions entre images sont instantanées et fluides, offrant une expérience de navigation digne de la qualité exceptionnelle des photographies présentées.
-
01
Performance optimale pour galerie image haute résolution
Les photographies primées sont des fichiers haute définition destinés à l'impression grand format. Nous avons développé un système de chargement progressif et de préchargement intelligent en JavaScript vanilla. Les images s'affichent instantanément pendant que les versions haute résolution se chargent en arrière-plan sans bloquer la navigation.
-
02
Animations fluides sur tous les navigateurs et appareils
JavaScript vanilla nous a permis de créer des transitions qui fonctionnent de manière identique sur tous les navigateurs modernes, des ordinateurs de bureau aux tablettes et smartphones. Nous avons optimisé les calculs d'animation pour maintenir 60 images par seconde même sur les appareils moins puissants utilisés par les visiteurs du monde entier.
-
03
Collaboration internationale agence Amsterdam et développement Toulouse
Nous avons travaillé en étroite coordination avec l'équipe créative de Shim Sham à Amsterdam et les responsables de WorldPressPhoto. La communication à distance s'est organisée autour de sessions de validation régulières où nous présentions les animations développées. Les échanges techniques se sont déroulés en anglais avec des démonstrations visuelles pour valider chaque interaction.
Les technologies utilisées pour ce projet
Nous avons privilégié JavaScript vanilla pour le développement des animations, une approche technique qui élimine toute dépendance externe et maximise les performances. Cette décision garantit un code léger, rapide à charger et entièrement maîtrisé. Pour un projet de cette envergure internationale, la robustesse et la performance étaient absolument prioritaires.
