Refonte site Leaves And Clouds - 2022

Leaves and Clouds, le site de l’influenceuse Marie Lopez, est un client qui travaille avec nous depuis un peu plus de trois ans. Son site était sous Prestashop lors de notre rencontre et nous sommes passés sous Wordpress pour une multitude de raisons . Nous avons entamé une nouvelle et dernière phase de transition puisque la refonte du site en 2022 est faite sous Shopify. Pourquoi cette transition ? Toutes les explications dans cet article.

Le premier besoin en passant de Prestashop à Wordpress était le contrôle total de leur environnement. C’est l'une des forces de Wordpress avec son écosystème ouvert et open source qui permet de créer/contrôler à peu près tout, sans restrictions.

Mais cette liberté à forcément un coût puisque que tout repose sur une architecture serveur conventionnelle. Quand je dis “conventionnelle”, j’entends un serveur à optimiser, à gérer et à manager soi-même (la plupart du temps).

Nous avions sélectionné l’excellent hébergeur Kinsta . spécialisé dans l’hébergement Wordpress (Google Cloud EC2) et qui offre des possibilités type CDN, sauvegardes quotidiennes, espace de staging (développement), un serveur de production ainsi que tout un volet de monitoring de performances et d’outils spécifiquement liés à l’optimisation Wordpress sur leurs serveurs.

Site l'année précédente sous WordPress.

Néanmoins, même avec un hébergeur performant nous avions toujours cette contrainte : le site subit de manière sporadique des charges de trafic extrêmement intenses sur des périodes très courtes.

Ce point précis entraîne une complexité importante : garantir que le site reste en ligne pour les utilisateurs lors de ces événements sans avoir un surcoût énorme : isolation du serveur dans un container spécifique, allocations de nombreuses ressources PHP supplémentaire, temps et gestion pour la mise en place de ces évènements, tests de charge (payant)... sans pour autant avoir la certitude absolue que tout ce travail va être suffisant pour rendre le site.

Une autre option pourrait d'être de tout faire absorber une partie de cette charge par une structure titanesque comme AWS, mais entre la complexité de mise en place, les coûts exponentielles, la maintenance et les divers problème RGPD et de sécurité que cela peut engendrer...cette option n'en ai pas vraiment une.

L'un des dernières options étant un système de temporisation de trafic : Comme une file d’attente virtuelle, ce qui permet de ne pas surcharger le serveur en laissant passer les visiteurs au compte-goutte, tout en affichant le temps restant afin d'accéder au site aux autres visiteurs de la file d’attente. Ce type de système à été très utilisé par de nombreuses enseignes de supermarchés durant les confinements, car la plupart de ces sites ne pouvaient pas tenir la charge (Super U, Carrefour, Leclerc, Auchan...). Une solution devient rapidement couteuse, car dependant du trafic réel qui va transiter par leur systèmes (+ frais fixe de setup).

C’est là où la solution Wordpress devient vite coûteuse et ne permet pas une planification parfaite des coûts et des événements pour une structure de cette taille.

Pour contourner ce problème-là, la dernière évolution possible était d’utiliser un système encore plus robuste, tout en conservant la mainmise sur leurs actions commerciales et l’évolution du site. Nous nous sommes donc tournés vers le choix le plus logique, Shopify.

C’est en effet un système extrêmement puissant pour le commerce, à la différence de Wordpress qui est à la base un gestionnaire de contenus (blogs) sur lequel on ajoute une partie vente et commerce - non prévue nativement au sein de Wordpress. Shopify, par contre, est avant tout une solution de commerce en ligne, et permet d’intégrer si on le souhaite du contenu supplémentaire pour avoir un blog par exemple.

Note : De nombreuses personnes ont une boutique sur Shopify et un blog sur Wordpress pour avoir le meilleur des deux mondes. Tout ce qui est contenu natif est un peu le parent pauvre de Shopify. Il n’y a en effet rien de sensationnel même sur la plupart des thèmes officiels. Ce qui nous intéresse principalement ici, c’est la robustesse des services et des serveurs Shopify (serveurs maintenus par Google) qui sont entièrement aménagés et gérés de leur côté à très très grande échelle.

Il y a en effet des milliers de grandes entreprises qui travaillent sur ces serveurs dont par exemple : Decathlon, Visa, Gymshark, Fitbit, Hyatt Hotels, Red Bull, Whole Foods Market, Lindt, Heinz...

Cette transition nous permet donc :

D’avoir un outil qui répond aux besoins du commerce,
D'avoir une interface simple et efficace pour la gestion des opérations quotidiennes,
De permettre une gestion parfaite des pics de trafic.

Avez-vous déjà rencontré ce style de problématique avant ?

Le passage sur Shopify est très souvent demandé et convient à un très grand panel de personnes et de business.

C’est un excellent allié pour les influenceurs et les Youtubeurs par exemple. Surtout que les forfaits Shopify commencent à 79€ jusqu'à 299$ /mois (sans mentionner Shopify Plus). On est donc extrêmement loin d’un hébergement conventionnel où on doit scaler l’architecture serveur ou fournir un gros travail d'optimisation du code en permanence (avec toutes les nouvelles MAJ hebdo, ou mensuelles).

On a une véritable expérience sur ce type de mission, ce qui nous a permis de procéder à la migration de Worpress à Spotify pour Leaves and Clouds sans un seul accroc. On connaît de nombreux clients pour lesquels une migration s’est mal passée...cela produit des résultats plutôt catastrophiques.

Nous connaissons en effet notre métier et ce qui nous attend. Nous connaissons aussi les embûches qui peuvent se dresser sur notre chemin lorsque nous faisons ce type de migration et grâce à cela nous savons planifier et anticiper tout problème potentiel.

Pour Leaves and Clouds, la migration s’est faite de manière efficace sans downtime (mise du site hors-service pendant un temps donné). Nous avons exporté l’ensemble des données via l’API Shopify (commandes, clients, codes de réduction, metas SEO des différentes pages, informations produits,images,...).

En plus de cette migration, nous avons produit un thème personnalisé spécifiquement pour Leaves and Clouds, sur maquette et rapidement validé par leur équipe. Nous avons fait quelques adaptations avec Constance, leur graphiste, pour correspondre parfaitement à leur charte, leurs couleurs afin que ce nouveau thème s’intègre parfaitement avec leur univers de marque.

Vient ensuite l’intégration de cette maquette sur Shopify, ici nous avons travaillé de manière continue avec Coralie et Anne Maëlle afin de valider étape par étape les différentes typologies de page et l’ensemble des finitions.

"Nous travaillons avec l'agence depuis plusieurs années maintenant et nous sommes ravis de cette collaboration. Réactifs et professionnels, nous recommandons DeepSkyProject. " - Coralie

Voici quelques exemples :

Page d’accueil & produits : nous avons essayé d’avoir le rendu le plus esthétique possible tout en laissant une part importante aux détails.

un megamenu extrêmement complet, détaillé et très imagé,,
une visualisation directe des catégories,
la mise en avant des nouveautés,
une section centrée sur la mission de Leaves and Clouds,
la mise en avant du produit phare du moment
on retrouvera également tout le long de cette page différents éléments visuels tels que des formes de différentes couleurs pastelles ou des éléments végétaux
un triptyque de photos sur les fiches produits, différent de ce qu’on peut retrouver ailleurs sur le web, tout en restant très léger et acidulé.
une partie “avis client” très visuelle, qui met en avant les avis des utilisateurs de manière claire et transparente.

Vos actions ont-elles été simples à mettre en place ?

L’ensemble de ce travail (migration, création du thème, intégration, tests, validation et finalisation) a été réalisé sur un mois - un mois et demi exactement et tout a été très fluide puisqu’on a été en communication constante avec les équipes de Leaves and Clouds et chaque étape a pu être corrigée/modifiée/validée immédiatement.

Ce client accorde beaucoup d’attention aux finitions et détails, ce qui est tout à son honneur. Cela nous a permis d’aller assez loin dans la customisation pour que le site soit l'étendard qu’il mérite d’être, qu’il corresponde parfaitement à la vision que Marie voulait, qu’il ne trahisse pas ses besoins et ses envies et que les utilisateurs aient une expérience la plus agréable possible lorsqu’ils visitent le site.

Le site a été très bien reçu à sa sortie que ce soit par les équipes de LAC ou les utilisateurs qui ont fait part de leurs retours sur les réseaux sociaux.

Gardez néanmoins le site à l'œil car dans le courant de l’année de nouvelles fonctionnalités vont être développées. Je ne vous en dis pas plus pour l’instant si ce n’est que cela va nous demander du travail et que c’est un projet qui tient à cœur aux équipes de Leaves and Clouds et qui devrait ravir leur audience.