Refonte site internet OSKAB

Rôle : UX et UI Designer
Client : OSKAB

Amélioration de l'expérience utilisateur chez Oskab

Contexte
Le site web d'Oskab, développé en 2002 avec PrestaShop 1.5.5.0, présentait de nombreux problèmes affectant l'expérience utilisateur :

Temps de chargement supérieur à 5 secondes par page.

Taux de rebond avoisinant 90 %.

Design non conforme aux standards modernes d'ergonomie et d'accessibilité.

Impossibilité de mettre à jour le CMS en raison de modifications excessives du code.

Face à ces défis, la direction a opté pour une refonte progressive du site tout en maintenant la version existante de PrestaShop.

Objectifs du projet

1. Réduction des points de friction identifiés grâce aux outils d'analyse (Hotjar, Google Analytics).

2. Optimisation de l'arborescence pour une navigation plus intuitive.

3. Amélioration des performances des pages critiques (tunnel de commande, pages produits).

4. Mise en avant des fonctionnalités clés, telles que la barre de recherche et les pages inspiration.

Ateliers collaboratifs :

Approche Design Thinking :

Empathie (écoute des besoins utilisateurs).

Définition des problèmes prioritaires.

Idéation pour co-créer des solutions.

Prototypage rapide et tests.

Livrables et Contributions

1. Arborescence optimisée :
   Création d’une nouvelle hiérarchie des pages pour fluidifier la navigation, tout en respectant les contraintes techniques de PrestaShop 1.5.5.0.

2. Design et UI :

   Refonte des headers et footers pour une navigation plus intuitive.

   Optimisation des pages produits et des pages critiques du tunnel de commande (authentification, livraison, paiement, confirmation).

   Création des pages inspiration, pour guider les utilisateurs dans leurs choix.

   Adaptation du design aux écrans mobiles.

3. Design System :
   Mise en place d’un Design System centralisé pour garantir la cohérence visuelle et fonctionnelle à travers l’ensemble des pages.

4. Prototypes et Tests :

   Prototypage d’écrans sur Figma.

   Tests utilisateurs pour valider chaque itération.

Outils

Conception d'écrans : Figma, Adobe Illustrator.

Analyse et Recherche : Hotjar, Google Analytics, tests utilisateurs.

Impact et Résultats

Amélioration des performances grâce à une navigation simplifiée.

Réduction des points de friction identifiés sur les heatmaps et enregistrements de sessions.

Augmentation du taux de satisfaction utilisateur mesuré lors des tests finaux.

Ce projet m’a permis de démontrer ma capacité à combiner des analyses approfondies et des solutions créatives, même dans un cadre technique contraint.

Démarche et Méthodologie Recherche Utilisateur :

Outils : Hotjar (heatmaps, enregistrements de sessions), Google Analytics.

Techniques :

Sondages et questionnaires.Entretiens individuels.Observation terrain et tests utilisateurs.Analyse concurrentielle (benchmark).Cartographie des parcours utilisateurs et création de personas.