24S

Amélioration de l’expérience utilisateur sur le parcours de paiement en ligne.

24S est une entreprise française de e-commerce de mode de luxe qui fait partie du Groupe LVMH.

Pendant ma mission chez 24S, j’ai été chargée de repenser l’expérience utilisateur de la page de paiement du site web 24S.com et de l’application mobile iOS. L’objectif était d’améliorer la fluidité du processus de paiement tout en alignant le design avec la nouvelle identité visuelle de la marque.

Aperçu du projet

Rôle

Product Designer

Durée

Mai 2024 - Juillet 2024

Equipe

Un product manager, un product owner, 2 product designers, 2 développeurs, un quality analyst

Problématique

Taux élevé d’abandon de panier lors du processus de paiement en ligne.

Objectifs

  • 01

    Simplifier et optimiser l'expérience utilisateur sur la page de paiement.
  • 02

    Diminuer le taux d'abandon de panier pendant le processus d'achat en rendant le parcours de paiement plus fluide et intuitif.
  • 03

    Retirer certains moyens de paiement (comme Klarna) à la demande de la direction.
  • 04

    Maintenir un design minimaliste et cohérent avec la charte graphique.

Processus

Kick-off et définition des objectifs

  • Échanges avec le product manager et le product owner lors des premières réunions
  • Compréhension des besoins de l’entreprise et des attentes des utilisateurs
  • Définition des objectifs du projet

Recherche et analyse des points de friction

  • Réalisation d’un benchmark et d’un audit UX de la page de paiement actuelle
  • Entretiens et tests utilisateurs puis analyse des retours clients
  • Comparaison avec les meilleures pratiques du marché
  • Définition des améliorations nécessaires pour optimiser le parcours de paiement

Prototypage

  • Création de plusieurs maquettes et prototypes des nouvelles interfaces
  • Discussions et validations avec le product owner
  • Prise en compte des contraintes techniques et des attentes commerciales
  • Conception d’une interface intuitive et minimaliste

Spécifications fonctionnelles et techniques

  • Rédaction de spécifications détaillées pour les développeurs
  • Inclusion des exigences fonctionnelles pour chaque fonctionnalité (ApplePay, suppression de Klarna, enregistrement des cartes bancaires)
  • Définition des guidelines visuelles à suivre

Développement et suivi

  • Collaboration continue avec les développeurs pendant la phase de développement
  • Apport de précisions et ajustements des maquettes selon les retours techniques
  • Tests réguliers effectués par le quality analyst
  • Vérification de la conformité des fonctionnalités aux critères de qualité définis

Validation et ajustements

  • Réalisation de tests finaux avec le quality analyst pour valider les fonctionnalités
  • Vérification de la conformité aux spécifications et bon fonctionnement
  • Ajustements graphiques et ergonomiques finaux

Points de friction

  • Processus de paiement peu adapté au mobile
  • Entrée répétée des informations bancaires (processus long)

Solutions

  • Intégration du paiement via ApplePay
  • Intégration de la fonctionnalité de sauvegarde des cartes bancaires

En raison d’une clause de confidentialité, je ne peux pas publier plus de détails sur ce projet.

Pour consulter les maquettes, vous pouvez me contacter à l’adresse joycebechara1@gmail.com afin d’obtenir le mot de passe nécessaire pour y accéder.