Reprise UI/UX e-commerce Shopify + intégration

Contexte : Stooly est une jeune société en croissance qui cherche à optimiser ses canaux de vente e-commerce pour améliorer la conversion sur le site.

Problème : Le produit est excellent avec une forte traction commerciale (peu d’effort de vente/conviction à faire), et il se positionne sur un segment plutôt haut de gamme. Cependant, beaucoup d'éléments sur le site trahissent aujourd’hui ce positionnement. Voici une liste non exhaustive : la police n’est pas travaillée, les pages produits sont basiques, l’espace n’est pas optimisé etc.

Solution : Stooly est en train de retravailler les visuels du site (voir quelques exemple ci-dessous de la V2) et veut faire appel à un professionnel qui puisse rectifier les incohérences/défauts UI et en faire l’intégration.

Objectifs principaux :

- Monter en gamme sur le site pour le rendre plus sophistiqué et plus cohérent avec le positionnement haut de gamme du produit.
- Éliminer tous les éléments qui font “cheap” et qui trahissent l’univers

Contraintes :
- >60% du trafic est sur mobile, les évolutions doivent être responsives
- Contraintes SEO (voir plus bas *)
- Être en accord avec la charte graphique
- Travailler avec Shopify Advanced et non Shopify Plus
- Pas forcément de changement de thème Shopify

Priorité 1*** : Pages produit tabouret/banc/lit + Landing
→ Plus sophistiquée et cohérente, donner envier. Univers : premium. Choix de la police, des couleurs des textes, optimisation de l’espace
→ Retravailler la landing page à partir du contenu fourni

Priorité 2*** : Navigation générale
→ Amélioration de l’UI générale du site : couleur des CTA, choix police, toute optimisation pour mettre le sit en cohérence, barre de navigation du site, améliorer présentation des 3 produits

Priorité 3 **: Page dédiée aux pros
→ Page dédiées aux professionnels à retravailler, proposer une meilleure UI

Calendrier :

→ Court : max 3 semaines

Détail de tous les éléments dont nous ne sommes pas satisfaits (non exhaustif, à enrichir de votre expertise) :

Navigation générale du site :
La police ne va pas
La barre de navigation n’est pas bien
Le bleu électrique fait cheap
La section “Professionnels” ne se démarque pas assez

Page produit :
Reprendre toute la section sur la droite qui fait trop cheap (titre, prix, couleurs, rendre plus lisible et compact etc.)
Trouver une astuce pour mieux comprendre le produit et la propriété repiable. Idée à la volée : mettre un GIF comme sur [URL visible pour les membres Pro] ; ajouter un schéma ?

Page professionnels
Mettre 1 photo par catégorie pour accompagner les icônes, dans le même style que ce qui est prévu sur les best sellers de la homepage

Bannière d’annonce en tête de page :
Changer la couleur et tester d’autres couleurs plus douces
Retirer le gras

Section des 3 best seller :
Garder les 3 produits mais changer les fonds. Donner plus de couleurs et tester avec un fond type Haussmann (voir exemple plus bas)
Rendre cliquable les 3 photos (pas que les textes)

Section des icônes atouts (homepage et fiche produit) :
Rendre les couleurs des icons (supporte 300 kg etc.) plus douces
Tester un un bandeau d'icônes qui défilent comment sur anatae pour gagner de l’espace

Site global :
Titre des pages à réduire fortement
Faire une nouvelle proposition de polices, plus moderne. Ecrire certains éléments en plus petit, plus élégant

Page collections (tabouret/banc/lit) :
Idée : Refaire le haut de page comme : [URL visible pour les membres Pro]
Changer la photo du lit en première page, voir photos de KOM
Mettre une photo ouvert/fermé au survol ?

* Contraintes SEO :

→ Garder le format des titres de produits (ex Tabouret pliable Marron, Léon). Le nom du produit doit être à la fin et le mot clé au début. Changer le titre peut avoir un impact.

→ Pages collections : Garder les textes rédigés par l'agence SEO qui sont situés en bas de page. Ils contiennent des mots clés et des liens optimisés SEO

→ Menu de navigation : Attention avant de changer le menu du site (ordre, titres et URL). Cela peut avoir un impact sur le référencement.