Croquetteland

Ergonomie sur-mesure

Technologies

UX UserResearch UI
Voir le site

Les enjeux du client

Refonte UX/UI du pureplayer petfood Croquetteland pour le groupe Carrefour

A l'aide d'une méthodologie user centric recueillant du data sur le site actuel, nous avons construit une ergonomie performante. Les objectifs business de Croquetteland englobait le passage en responsive, l'adaptation aux besoins spécifiques de leurs clients, la mise en valeur l'ADN conseil / vétérinaire de la marque, le fait de rassurer et la présentation des services à valeur ajoutée.

icon témoignage

Renaud Tournier

Chef de projet MOA Croquetteland Carrefour

Quand nous avons décidé de passer au Responsive Design le choix d’une agence expérimentée dans la gestion de projet avec des process clairs a été un des critères principaux.

La collaboration avec Kaliop a été très fluide et opérationnelle via des réunions hebdomadaires et des outils intuitifs. La gestion de projet était au cœur du développement de notre nouveau site Responsive Design. Cela a permis l’aboutissement de ce projet en live tout début juillet 2017.

Nos échanges quotidiens et la disponibilité de l’agence formulent la réussite de la construction des maquettes de A à Z. Merci pour ce soutien durant ce projet qui maintenant porte ses fruits et ne cesse de croître !

La solution

Les problématiques clients

Comprendre les besoins des consommateurs

- Comment consomment les clients ? En oneshot ou en récurrence ? Avec un seul produit ou plusieurs produits ? La logique d'upselling fonctionne-t-elle bien?
- Quels sont les services utilisés ? Uniquement de la commande en ligne ou bien également des services ?
- Quels sont les modes de livraison et de paiement les plus utilisés ? Ces informations sont-elles bien perçues et comprises par l'utilisateur ?

Les usages

Comprendre comment les visiteurs utilisent le site

- Comment naviguent les visiteurs ? Via le moteur de recherche ? la navigation principale ? par marque ? par type d'animal ?
- Quelles sont les pages scrollées ? Peut-on se permettre d'avoir une page d'accueil longue ? Le cross-selling est-il bien exposé ?
- Quel est le parcours visiteur dans la descente catalogue actuelle ? Est-ce que le visiteur passe par l'accueil, catégorie, listing ? Quels sont les filtres les plus utilisés ?

La méthodologie

Une analyse basée sur la recherche utilisateur

- Mise en place d'un audit UX sur site existant
- Recueil du data via cartes de chaleur & tracking visiteurs
- Reporting & ateliers de restitution auprès du client
- Construction de la nouvelle ergonomie avec wireframes et maquettes

Habitudes constatées

Data services

Nous avons constasté une grande récurrence dans les commandes sur les produits secs.

Il devient donc stratégique de mettre en valeur la fonction d’abonnement qui permet de recevoir régulièrement le petfood choisi. Beaucoup de nouveaux clients mettent du temps à choisir le bon volume de croquettes nécessaire. La mise en valeur du calcul de dose devient donc importante et nous l’affichons aussi bien en page d’accueil que sur toutes les fiches produits du site.

Data navigation

Les cartes de chaleur montrent que le moteur de recherche est l'un des principaux points d'entrée du site.

On préconise donc la mise en place d’un moteur de recherche avec suggestion de résultats, de catégories, de marques. Sur l’accueil on constate que 20% des marques attirent 80% des clics : nous préconisons de ne garder que celles-ci, afin de simplifier l’UI du site et d’améliorer la lisibilité.

Data visibilité

Les taux de scroll sont variables suivant les pages.

1/3 des personnes scrollent jusqu’en footer de l’accueil, 4/5 des visiteurs scrollent jusqu’en bas de la première page du listing croquettes et les fiches produits ne sont pas scrollées, rendant le cross-selling quasi invisible. En page panier, 2/3 des visiteurs descendent dans la page, et 1/3 ne voient pas le bouton « valider ma commande ». Nous préconisons de passer le panier en deux colonnes, avec la réassurance et le calcul des totaux dans la colonne de droite avec le CTA « valider ma commande » toujours visible.

Vous avez un projet similaire ? Demandez conseil à nos experts

Contactez-nous