Thèmes
E-commerce
Les thèmes sont le reflet voire l’extension des boutiques physiques des commerçants. Ils donnent la possibilité à une boutique en ligne d’être unifiée tout en se distinguant des autres boutiques qui utilisent le même thème. Les modèles se configurent facilement et rapidement. Ils permettent ainsi aux commerçants de se consacrer à leur boutique physique. Ils sont adaptés sur ordinateur, tablette et mobile.
Les thèmes par défaut proposés par Mercatio ont été d’excellents thèmes lorsque la solution SaaS a été lancée. Les normes Web et les nouvelles pratiques UX ayant évolué, une mise à jour majeure de ces thèmes était nécessaire. Au-delà de cette actualisation, il était également indispensable d’insuffler la prochaine génération de boutiques en ligne.
Challenge & problème
Nous devions réinventer cette expérience en nous appuyant sur les dernières fonctionnalités des navigateurs et sur les nouvelles tendances. Nous devions également rendre les thèmes plus simples et plus flexibles pour nous assurer qu’ils répondraient aux différents besoins des commerçants, sans perdre de vue l’expérience acheteur.
Les performances d’un site internet jouent un rôle important dans l’amélioration du taux de conversion (aider les magasins à vendre davantage). Ces performances impactent également l’expérience utilisateur. Grâce à mes connaissances en HTML, CSS et JS, je sais que plus un code est allégé, plus un site sera rapide. Avec l’équipe de développeurs, nous avons testé les thèmes à l’aide d’outils d’analyse et identifié les points à améliorer. L’objectif était de mettre en place des leviers afin d’optimiser les thèmes.
Frustrations
J’ai choisi de travailler en binôme avec un membre de l’équipe business lui-même en contact direct avec les clients. Ce choix me donnait l’assurance de bien comprendre et cerner les différents besoins des commerçants. Parallèlement, nous avons effectué un audit : entretiens physiques, à distance, sondages... J’ai également sollicité l’équipe support afin qu’elle tague les tickets et nous envoie des rapports. Ces approches nous ont éclairés dans notre prise de décision. La compréhension de la cause des mauvaises performances m’a permis d’adapter mon approche concernant la conception de ces nouveaux thèmes. Le travail en étroite collaboration avec l’équipe de développeurs, tout au long du projet, a été marqué par un gain de temps et l’assurance d’avancer dans la bonne direction.
Approche & Équilibre
La première version réalisée a échoué. En simplifiant les thèmes, nous les avions rendu trop rigides (utilisation de polices uniquement système par exemple). Si deux commerçants utilisaient ce thème, la distinction serait minime. Il était crucial de leur donner plus de liberté quant à la personnalisation de leur boutique.
Nous étions focalisés sur la performance et ce premier essai nous a aidés à trouver le bon équilibre avec l’expérience utilisateur. Nous avons conservé les polices système tout en autorisant l’utilisation de deux autres polices afin d’offrir davantage de possibilités aux commerçants. Nous avons sensibilisés ces derniers en les informant de l’impact de ce choix sur les performances de leur site (tooltip). En travaillant main dans la main avec les développeurs, nous avons réussi à trouver le bon équilibre entre un code allégé et une meilleure expérience (en minimisant l’utilisation du Javascript par exemple).
Résultats
S’assurer que les nouveaux thèmes restent fonctionnels tout en réduisant le Javascript a été l’une des parties les plus délicates du projet. En avançant étape par étape, nous sommes parvenus à créer des thèmes performants, personnalisables et offrant une meilleure expérience utilisateur. Nous répondions ainsi à nos objectifs et aux besoins des commerçants. Les acheteurs et les commerçants ont des besoins différents. Nous avons donc introduit deux nouvelles lignes directrices (thèmes flexibles et extensibles, expériences intuitives et efficaces par exemple). Nous avons mis en place deux procédures à suivre : une pour les commerçants, une pour les acheteurs car ces deux publics ont des besoins différents. Être sensibilisé et attentif aux performances rend le design meilleur. À la fin de ce projet, j’avais l’impression que notre approche de la performance était la prochaine étape de la conception/amélioration des plugins.
Contact
Disponible pour des projets de design, de direction artistique, de direction créative, des collaborations et des commandes de créations graphiques.
Si votre demande concerne des projets et/ou des collaborations potentiels, merci d'inclure les informations concernant votre entreprise, votre projet, le calendrier et le budget.