Résumée
- Catégorie : Site internet | Digitalisation
- Année : 2022
- Client : Ambassade Suisse à Washington
- Partenariat : Gladys Ançay
Swiss Economic Impact
Création d’une application web interactive pour l’Ambassade Suisse à Washington, transformant une brochure de 70 pages en une expérience numérique immersive avec animations et carte interactive, le tout développé en Vanilla.js pour une performance optimale, une pépite !
Challenge
Ce projet représentait un défi de taille, tant sur le plan technique que sur l’optimisation des performances. L’objectif était de transformer une brochure PDF de 70 pages en une expérience web interactive et immersive pour l’Ambassade Suisse à Washington. Il fallait non seulement structurer et dynamiser le contenu, mais aussi garantir une navigation fluide, un chargement rapide et une expérience utilisateur engageante.
L’enjeu principal était la performance et l’accessibilité, car le site devait être utilisé massivement aux États-Unis. Il fallait donc penser à minimiser le transfert de données tout en assurant une interactivité sans latence, notamment pour les graphiques animés et la carte interactive des États-Unis.
Solution
J’ai opté pour une Single Page Application (SPA) en Vanilla JavaScript, sans aucun framework comme React ou Vue.js. Cette approche a permis une gestion asynchrone des données, avec toutes les informations stockées dans des fichiers JSON côté serveur, réduisant ainsi les temps de chargement et allégeant considérablement les échanges de données.
Le site se charge une seule fois, avec un préchargement optimisé du fichier JavaScript principal, rendant la navigation instantanée. À chaque changement d’état, les graphiques dynamiques s’animent sans latence, offrant une exploration fluide des échanges économiques entre la Suisse et les États-Unis.
Grâce à une collaboration exceptionnelle avec Gladys Ancay, qui a conçu un design UX/UI moderne et élégant, ce projet est une réussite en termes de performance, d’interactivité et d’ergonomie. Un site performant, fluide et visuellement impactant, dont je suis extrêmement fier !