Voici une nouvelle habitude de front-end que de lancer le développement d'une interface web en s'appuyant sur un framework JavaScript. Dans la majorité des cas, Cruncher considère cette pratique comme une mauvaise idée, parce que tout le contenu devient dépendant de la disponibilité de JavaScript. Nous préférons une approche plus bas-niveau, en clair de l'HTML et du CSS, optimisés à la main, et une amélioration progressive à l'aide de JavaScript, là où ça fait du sens.

Cruncher excelle dans les prouesses techniques, élaborant des solutions sur mesure qui répondent aux besoins méticuleux des graphistes soucieux du détail.

Le design de Stojan divise un écran en quatre panneaux principaux, verticalement ou horizontalement, selon l'orientation de l'écran. Chaque panneau s'anime lorsqu'on le survole ou qu'on le presse, et contient du texte, des images et des vidéos qui défilent verticalement ou horizontalement. Le défi technique était donc de réaliser des animations de floutages, défilements et affichages dynamiques en pur CSS, dans la but de garder une interface fluide et réactive, sans devoir se rabattre sur un framework JavaScript.

Après avoir réfléchi au problème et réalisé quelques tests (tout en gardant toujours à l'esprit les différences entre les navigateurs qui pourraient poser des soucis), nous avons conclu que ces animations sont réalisables dans les limites du CSS. En nous appuyant sur CSS grid, le clip-path et les transformations 3D, les animations sont réalisées par le GPU (la processeur graphique) ce qui les rend fluides et performantes, même sur les grands écrans ou les appareils moins puissants.

Les ingénieurs de Cruncher fournissent constamment des résultats sur mesure et de premier ordre.

Le site est développé en s'appuyant sur un CMS Django personnalisé. La version de développement est constamment déployée sur un serveur de test et intégration, au fur et à mesure que des fonctionnalités sont ajoutées, ce qui permet à Stojan de suivre le progrès des évolutions et de nous faire part de leurs commentaires. Stojan a un contrôle total sur les contenus du site, que ce soit pour le texte, les vidéos et les images, ce qui leur permet de télécharger et tester des contenus bien avant que le développement du site ne soit achevé.

C'est une façon de travailler avec un client très efficace, car elle permet d'exposer très tôt d'éventuelles frictions, typiquement des endroits où le design ou l'architecture est incompatible avec le contenus réels, ce qui nous permet d'ajuster le tir avant que d'autres incompatibilités rendent l'intégration plus compliquée, mettant en péril le projet.

Alors que le site se remplit de contenus et d'animations - grâce à nos premiers tests CSS - il reste tout aussi fluide et stable. La nouvelle marque de Stojan a été dévoilée et le nouveau site lancé en novembre 2023.