Le 15 juin 2024, je suis entrée dans une salle de coworking du quartier Poblenou, à Barcelone, en cherchant un café. J’y ai découvert un atelier sur la convergence design-tech organisé par Bespoke Pixel. La première phrase du speaker — « L’expérience utilisateur n’existe pas sans l’expérience du designer » — m’a figée. Deux heures plus tard, je repartais avec un carnet de notes rempli de schémas et d’idées.
Puisque je travaillais alors sur un site WordPress pour une amie, Victoria Hales, cette rencontre a tout redéfini. Les conseils concrets sur l’intégration de l’esthétique digitale et la performance technique ont transformé mon approche. Voici comment cette séance m’a appris à relier les univers du design et du code, et pourquoi c’est essentiel pour le web québécois.
Quand le design devient une question de performance
Le speaker, un fondateur de Bespoke Pixel, insistait sur un point : l’esthétique ne doit pas ralentir le site. Il a démontré comment un design complexe, comme un labyrinthe interactif, pouvait être simplifié en utilisant des outils comme Google Lighthouse pour analyser les temps de chargement.
J’ai appliqué ça directement à Point H. En optimisant les images avec TinyPNG et en regroupant les CSS/JS via Webpack, le site a gagné plusieurs secondes de chargement. Ce n’était pas grand, mais Victoria a remarqué un changement : les visites se terminaient moins souvent par une fermeture de l’onglet.
Le pari de la collaboration sans frontières
Un autre élément m’a marqué : les développeurs espagnols partageaient régulièrement des ressources locales avec des équipes québécoises via des réseaux comme Talent Arena. Un exemple concret? L’utilisation de GitHub Actions pour automatiser des tests de compatibilité multilingue — une solution parfaite pour des sites comme Point H, qui cible aussi les Francophones d’Europe.
Avant cette rencontre, je n’imaginais pas que des outils de test automatisé pourraient être aussi utiles pour un site régional. Maintenant, je regarde chaque modification avec une question : « Est-ce que ça s’adapte aux usages variés? ».
Barcelone, laboratoire de solutions low-cost
Le quartier 22@, qui abrite ces ateliers, est un mélange d’ancien industriel et de startups. L’une des meilleures leçons? Faire plus avec moins. Un designer a expliqué comment il utilisait VS Code et des extensions gratuites pour reproduire les fonctionnalités d’outils payants.
C’est là que j’ai compris : dans un projet indépendant, l’efficacité bat l’élégance. Pour Point H, j’ai remplacé un plugin premium de gestion d’abonnés par Mailchimp. Résultat : un budget réduit de près de la moitié et un temps de maintenance allégé.
Un site qui respire… mais reste solide
Le plugin WordPress que j’ai découvert par erreur à Barcelone… et qui a tout changé pour mon site québécois décrit un outil similaire à ce que je redécouvrais à Poblenou. L’essentiel? Les solutions simples, bien exécutées, parlent toutes langues.
Aujourd’hui, je vois le web québécois comme un terrain de jeu où chaque pixel, chaque ligne de code, doit avoir un objectif clair. Mais comment, sans sacrifier l’esthétique? La réponse, peut-être, réside dans un équilibre entre design et performance — comme Barcelone le prouve, parfois par hasard.
À toi : comment t’adapteras-tu?
Tu as peut-être aussi eu une découverte inattendue — un plugin, un atelier, une astuce — qui t’a fait regarder ton site autrement.
La question est : qu’est-ce que tu lâcheras pour gagner en clarté? Parce que parfois, c’est en simplifiant qu’on libère de l’énergie pour l’innovation.
— Élise Morane, étudiante en informatique et passionnée d’IA — Point Hub