Aller au contenu principal
Projets E-commerce

Cora Belgique

Une refonte complète de la plateforme web de Cora Belgique pour l'aligner sur l'application mobile, du parcours magasin jusqu'au tunnel de commande.

Contexte Refonte plateforme e-commerce
Rôle Développeur Front-End
CMS Prismic (headless)
Page d'accueil de Cora Belgique

Contexte

Une plateforme alignée sur l'application mobile

Cora Belgique a entièrement repensé sa plateforme web pour qu'elle soit conforme à l'application mobile. Le site propose un parcours de géolocalisation initial (choix du magasin via liste ou carte interactive), un catalogue produit dynamique, un espace client complet (gestion du foyer, historique, liaison de la carte de fidélité avec cagnotte en temps réel) et un tunnel de commande e-commerce de bout en bout : retrait ou livraison, créneaux horaires, promotions et coupons. Le projet incluait aussi l'intégration d'un CMS pour que les équipes métiers créent leurs pages de contenu en autonomie.

Ce qui a été livré

Fonctionnalités clés

Technologies utilisées
Next.js · TailwindCSS · Prismic CMS
  1. 1 Chiffrage : estimation technique de l'ensemble du projet de refonte Front-End.
  2. 2 Intégration & Design System : intégration de toutes les maquettes et mise en place du Design System pour l'uniformité visuelle de la plateforme.
  3. 3 Accessibilité numérique : co-conception avec les UX designers, développement de composants complexes (méga-menu, recherche prédictive, alternative textuelle à la carte des magasins).
  4. 4 CMS headless Prismic : implémentation complète pour l'autonomie des équipes marketing, avec gestion fine du contenu selon la langue et le magasin sélectionné.
  5. 5 Conduite du changement : rédaction d'un guide technique et animation de sessions de formation pour les équipes Cora.
  6. 6 Espace client & fidélité : espace « Mon Compte » et interconnexion avec l'API de fidélité (carte physique, suivi de la cagnotte).
  7. 7 Tunnel de commande : parcours d'achat complet : panier dynamique, retrait ou livraison, paiement (CB, Maestro, Bancontact, carte Cora) jusqu'à la confirmation.

En images

Le catalogue et la navigation

Le méga-menu de navigation a été développé avec une attention particulière à l'accessibilité, notamment la gestion des changements d'état pour les lecteurs d'écran.

Méga-menu de navigation Cora

Sur les fiches produit, le visuel reste fixé à l'écran pendant le défilement des informations, pour une lecture plus confortable du catalogue.

Fiche produit Cora