Case study . Agences digitales

Studio Meta

Studio Meta facilite la mise en ligne des visuels avec TwicPics

illustration
2009
Fondation
30
Experts passionnés
200+
Projets digitaux menés

À propos de Studio Meta

Fondée en 2009, Studio Meta est une agence digitale résolument humaine. Basée à Strasbourg et Paris, l’agence compte aujourd’hui plus de 30 passionnés aux profils variés : stratèges digitaux, experts UX, traffic manager, chefs de projets, designers et développeurs.

Reconnue dans de nombreux domaines tels que la culture, le luxe, le design, la gastronomie et le tourisme, Studio Meta accompagne tous types de structure à la fois sur la conception d’une stratégie digitale innovante, le développement de leurs outils digitaux (sites vitrines, plateforme e-commerce, extranet, etc.) et l’acquisition de trafic.

L’agence se distingue à travers des réalisations soignées, fluides et plusieurs fois récompensées. Découvrez une sélection de leurs références.

Le challenge

Faciliter l’intégration des contenus visuels

Studio Meta accorde une grande importance à l’innovation et particulièrement sur le sujet de l’optimisation de l’expérience utilisateur. La diversité grandissante des contextes d’usage rend cependant la tâche complexe dès lors qu’il s’agit d’intégrer des contenus visuels. Si le Responsive Design est aujourd’hui la clé de voûte de tout développement front-end, l’intégration des images et des vidéos demeure le sujet délicat et fastidieux à adresser. Les développeurs, les graphistes ou le CMS déclinent un certain nombre de variantes pour aller chercher un compromis acceptable entre qualité et performance. Charge ensuite aux développeurs front-end d’exploiter au mieux ces variantes pour proposer une expérience de qualité à tous les utilisateurs.

Le recrutement de jeunes talents au sein de l’agence est également un challenge. Les équipes doivent former chaque nouvelle recrue sur les best practices d’intégration des contenus visuels. Une tâche complexe, chronophage et sans grande valeur ajoutée pour les développeurs.

Enfin, les clients de l’agence en TMA (Tierce Maintenance Applicative, projets maintenus sur le long terme : mises à jour, corrections de bug, évolution des features, etc.) imposent des contraintes de scores de performance auxquelles les équipes répondre dans des délais impartis.

L’agence était donc à la recherche d’une solution facile à intégrer leur permettant d’améliorer l’expérience de leurs développeurs (DX) et de ne plus se soucier des images. Après avoir testé Cloudinary et son approche déterministe – création de règles de transformation à partir de l’API de redimensionnement – Studio Meta recherchait une solution front-end qui répondait mieux à leurs besoins et s’est donc tourné vers TwicPics.

La solution TwicPics

Déporter la complexité de la gestion des médias

Studio Meta a une large expertise et maîtrise plusieurs CMS dont Wordpress, WooCommerce, PrestaShop, Drupal, Shopify, mais aussi les frameworks PHP comme Laravel et les frameworks JS comme Vue.js. TwicPics étant une solution agnostique, elle s'adapte à toutes les stacks techniques et s'intègre facilement dans tous les projets de l’agence : que ce soit sur un environnement legacy ou dans des frameworks modernes.

Grâce à TwicPics, les développeurs n’ont plus besoin de se soucier de l’intégration des contenus visuels sur les sites des clients. Une problématique en moins pour plus de temps dévoué à des missions à haute valeur ajoutée !

Les images et les vidéos sont re-calculées en temps réel, leur poids est réduit et le lazy loading est pris en charge automatiquement. Résultat ? La performance web est meilleure sur les sites où la solution est intégrée et la satisfaction clients en hausse.

Les résultats

Une meilleure DX pour une meilleure webperf & UX

En tant qu'agence digitale, TwicPics aide nos développeurs à optimiser les performances des sites web de nos clients en seulement quelques clics et lignes de code. Pour nous, la solution a été un véritable game-changer !

Titouan Mathis
Directeur technique

Les livraisons sont à la hauteur des objectifs fixés et des attentes des clients. Grâce à l’intégration de TwicPics, la performance web est immédiatement impactée chez LumApps. Les chiffres sont en hausse.

Sur le projet TIPTOE, la problématique d’intégration des images est résolue et leur gestion est simplifiée. En phase de TMA, la solution permet de maîtriser le contenu uploadé par le client sans crainte, en déchargeant ses serveurs des 10 formats du même visuel habituellement stockés.

Les alertes sur les images mal dimensionnées remontées par Google sont corrigées en toute simplicité et tous les indicateurs sur les contenus visuels passent au vert. On observe un gain significatif notamment sur les Core Web Vitals.

Pour adresser les sujets de webperf sur des nouveaux projets, Studio Meta ne se pose plus de questions. Dès la conception même du site, TwicPics est intégrée.

Au contraire, lorsque la solution TwicPics ne fait pas partie du projet de refonte, l’agence passe de nombreux jours à débattre de la gestion des médias, sujet transverse au sein des équipes. Designer, développeurs back-end, front-end et chefs de projet se retrouvent pour débattre de la taille des médias, de leur stockage, de leur intégration ...

Les retours des développeurs de l’agence sur la solution sont également positifs : elle est “pratique” et les “soulage” dans leurs développements. Ils ne perdent plus de temps pour intégrer les médias sur les sites et peuvent se focaliser sur d’autres missions. Leur valeur est là où elle doit être !

Par ailleurs, les développeurs plus juniors peuvent atteindre le même niveau de performance et avoir un rendu aussi pertinent que des développeurs plus seniors, à la hauteur de l’expertise et de l’image de l’agence.

responsive images

Ce cas client vous a inspiré ?