Racing Stories
E-commerce Shopify de souvenirs sportifs
Racing Stories, c'est le projet de Nelson, un annécien qui a voulu proposer une alternative aux souvenirs classiques de course à ses amis sportifs. Des cadres pensés pour garder une trace de ses défis : dossards encadrés, tracés imprimés en 3D et bien d'autres à venir. Le brief était clair : il fallait un site e-commerce prêt à temps pour le marathon d'Annecy, événement choisi pour le lancement officiel de la marque.
Un contexte particulier : 3 semaines, top chrono
Trois semaines entre le premier échange et la mise en ligne. Avec une deadline aussi serrée et un lancement public à la clé, il fallait faire des choix pragmatiques dès le départ.
Une première base avait déjà été posée sur Shopify par Nelson et l'un de ses amis. Nous avons choisi de continuer dans cette direction : une suite logique vu le travail déjà entamé, et un choix cohérent avec le contexte, à la fois pour la maturité de l'outil, pour maîtriser les coûts et pour s'appuyer sur une solution éprouvée dans un timing aussi serré.
Un design condensé mais pas bâclé
Pour s'adapter au budget, j'ai proposé de concentrer la phase de design sur l'essentiel : la page d'accueil, en version mobile et desktop, travaillée à partir de leur charte graphique. Les autres pages n'ont pas été maquettées en amont. Une fois l'accueil validé, je les ai déclinées directement en développement, en restant fidèle à la direction visuelle définie.
Ce process resserré demande plus de confiance mutuelle et des validations rapides. Pensé au départ pour s'ajuster au budget, il a aussi joué en notre faveur sur les délais en permettant d'avancer plus vite sur le développement.
Un Shopify retravaillé en profondeur
Plutôt que de partir d'un thème préfait et d'empiler les apps, j'ai construit un theming custom, pensé spécifiquement pour Racing Stories : structure allégée, DOM réduit, seulement les éléments vraiment utiles.
J'ai aussi développé un formulaire sur mesure, adapté aux besoins spécifiques de la marque pour les commandes personnalisées.
Éco-conception : faire mieux dans les limites de Shopify
Soyons honnêtes : Shopify n'est pas la solution la plus légère du marché. La plateforme génère beaucoup de requêtes (plus de 200 par page), ce qui alourdit considérablement le poids des pages et plombe mécaniquement la note d'éco-conception. Ce sont des leviers internes à Shopify, sur lesquels je n'ai pas la main.
Malgré ça, entre un Shopify « standard » et un Shopify pensé avec une démarche d'éco-conception, la différence reste réelle. J'ai comparé plusieurs sites Shopify avec l'EcoIndex, en mesurant la page d'accueil de chaque site (la page la plus chargée en contenu) :
| Site web | Taille du DOM | Poids de la page | Note EcoIndex |
|---|---|---|---|
| Shopify de produits sportifs | 3451 | 19,1 Mo | 5/100 |
| Shopify d'affiches et posters | 2211 | 7,4 Mo | 6/100 |
| Shopify de produits d'hydratation | 1544 | 5,4 Mo | 12/100 |
| Racing Stories | 388 | 2,5 Mo | 42/100 |
Le principal levier a été de développer entièrement le thème : en le construisant plutôt qu'en partant d'un template gonflé de fonctionnalités, j'ai pu réduire significativement le DOM et alléger ce qui était à ma portée.
La note reste perfectible dans l'absolu, mais c'est un bon rappel qu'on peut améliorer l'impact d'un site même sur des technologies qui ne sont pas réputées pour leur légèreté. Tout dépend de la manière dont on les utilise, et de ce qu'on accepte comme compromis quand on choisit un outil.
Le lancement
Le site a été livré à temps pour le marathon d'Annecy, où Racing Stories a lancé officiellement ses produits.
Un projet mené dans un cadre contraint, qui montre qu'un site peut rester soigné et cohérent même quand le temps et le budget obligent à faire des choix. Encore un gros merci à Nelson pour sa confiance, j'ai adoré travailler sur ce projet.