L'agence de design zurichoise se dote d'un nouveau site Internet ultramoderne

Les deux designers zurichois Fredy Espejo et Emanuel Gürth ont mis leur agence de design sur la voie du numérique dès le début, en couvrant en interne les compétences de mise en œuvre technologique pour les présentations numériques des marques. Cela signifie une différence par rapport aux agences de CI classiques qui ont majoritairement externalisé ce domaine, si tant est qu'elles l'aient fait. Dans le cadre d'un rebranding en douceur, il s'agissait également pour les deux partenaires d'affirmer plus fortement vers l'extérieur l'identité numérique de l'agence et d'apporter la "preuve de concept" avec leur propre présence sur le web. "Aujourd'hui, le travail de marque est avant tout numérique", explique Emanuel Gürth. Il s'agit de considérer la représentation de l'entreprise dans l'espace numérique comme le principal moteur de l'activité. Un joli design ne suffit plus depuis longtemps, poursuit Gürth.

Concepteurs et développeurs réunis autour d'une table

Le nouveau site de l'agence de design zurichoise, qui compte parmi ses clients des PME de renom comme Pilatus ou Bexio ainsi que de grandes entreprises comme Migros, SRF ou Tamedia, met l'accent sur l'expérience utilisateur. À l'aide de requêtes XHR (également connues sous le nom d'AJAX) envoyées en arrière-plan, le visiteur découvre par exemple des transitions de page extraordinaires dans la zone de portfolio produite avec soin. Des micro-interactions discrètes, des animations raffinées et des vidéos de grande envergure confèrent au concept de design réduit vivacité et caractère. Cependant, c'est la réduction clairement structurée à l'essentiel et non l'esbroufe formelle qui caractérise le site. Des solutions web d'une telle complexité ne peuvent être créées que par un échange étroit entre le designer et le développeur dès la phase de conception, explique Fredy Espejo. "Notre développeur Vince Hehlen a fait un travail formidable. Il a réussi à faire en sorte que toutes nos idées passent à l'écran avec autant de facilité et de fluidité que si c'était la chose la plus normale au monde".

Code écrit à la main

D'un point de vue technique, il s'agit d'une application web à page unique alimentée par WordPress. L'ensemble du moteur de rendu HTML est implémenté dans le front-end à l'aide de JavaScript. Tous les modèles se trouvent en mémoire et sont rendus en cas de besoin à la vitesse de l'éclair et sans requêtes supplémentaires dans le navigateur web. Le serveur haute performance dédié fournit uniquement les données sous forme d'objets de transfert minimaux au format JSON. Une interface REST sert d'interface. Le backend utilise le support complet de la version 7.4 de PHP optimisée pour les performances. Le potentiel des champs personnalisés avancés (AFC) de WordPress a également été exploité au maximum. Il a été renoncé en grande partie au code 3rd-Party et à l'utilisation de bibliothèques, tout est codé à la main.

Développement interne dans la compression de données

La compression à faible perte des fichiers vidéo lourds revêt une importance particulière. Une bibliothèque FFMPEG avec un jeu de paramètres sophistiqué développé en interne est utilisée ici pour fournir des images animées dans de très petites quantités de données avec la plus grande qualité possible, supprimant les artefacts. Pour les screencasts, un taux d'images de 60 FPS assure une représentation fluide. Pour la compression des images, Vince Hehlen a même écrit un programme macOS dans SWIFT, qui utilise une version optimisée du compresseur mozJPEG et du compresseur webP.

Cliquez ici pour accéder au nouveau site web : www.januar.ch