E-COMMERCE

Projet scolaire

Conception UX/UI d’un site e-commerce

Une expérience e-commerce conçue pour simplifier l’accès à des activités créatives, éducatives et sans écran pour les enfants.

Contexte du projet

Concevoir une expérience créative pensée pour les familles

Kreora est une plateforme e-commerce dédiée aux kits créatifs et éducatifs pour enfants de 5 à 12 ans. Le projet a été imaginé pour offrir une alternative ludique au temps d’écran tout en facilitant le quotidien des parents grâce à des activités clés en main. Dans le cadre de ce projet, j’ai participé à la conception UX/UI en réalisant les parcours utilisateurs, l’architecture de l’information et les maquettes desktop et mobile.

Rôle

UX/UI designer

Durée

6 mois

Livrables

Recherche utilisateur, parcours utilisateurs, wireframes, maquettes desktop et mobile, design system et prototype interactif.

Mon expérience

Les missions réalisées

Durant ce projet UX/UI, j’ai participé à la conception de l’expérience utilisateur de Kreora, une plateforme e-commerce dédiée aux activités créatives pour enfants. Mon travail a consisté à analyser l’existant, réaliser un audit UX, structurer les parcours, concevoir les interfaces et garantir une expérience accessible et intuitive.

Audit UX

Analyse de références comme Pandacraft afin d’étudier la direction artistique, la hiérarchie des contenus, les fonctionnalités, les CTA et l’adaptation mobile pour identifier des pistes d’amélioration pour Kreora.

Parcours utilisateur

Conception de l’arborescence, des user flows et des parcours d’achat pour organiser l’information et simplifier la navigation.

Conception UX/UI

Réalisation des wireframes et des maquettes du site e-commerce en veillant à la cohérence visuelle et à l’expérience utilisateur.

Accessibilité

Travail sur les contrastes, les icônes, les états interactifs et l’accessibilité des tutoriels et du produit physique.

Figma

Audit UX comparatif

Synthèse des références

Référence

Points forts

À améliorer

Pandacraft

DA douce, contenus clairs, CTA visibles

Mobile perfectible

Mégacréa

Hiérarchie efficace, CTA explicites

Pas de vidéo, mobile perfectible

HappyKidsBox

Offre claire, parcours fluide, univers ludique

Réassurance à renforcer

À retenir pour Kreora : renforcer la clarté, la réassurance et l’adaptation mobile.

Processus UX/UI

Audit UX à intégrer

Avant de structurer le parcours utilisateur, j’ai réalisé un audit UX comparatif afin d’observer des références existantes et de mieux comprendre les codes du secteur des activités créatives pour enfants.

Cette étape m’a permis d’identifier des pistes d’amélioration pour Kreora, notamment sur la clarté des contenus, les boutons d’action, l’adaptation mobile et la manière de rassurer les parents dans leur parcours.

Objectif

Observer des références pour orienter les choix UX/UI du projet Kreora.

Outil

Analyse comparative

Résultat

Des pistes de conception pour améliorer le parcours et l’interface.

User stories

Front office & back office

Front office

Rôle

Action

Objectif

Visiteur

Consulter le catalogue

Voir les produits

Visiteur

Filtrer les produits

Trouver selon ses besoins

Client

Finaliser la commande

Acheter un produit

Client

Suivre sa commande

Connaître son avancement

Back office

Rôle

Action

Objectif

Administrateur

Ajouter un produit

Le proposer à la vente

Administrateur

Gérer les stocks

Éviter les ruptures

Administrateur

Gérer les commandes

Suivre l’activité

Administrateur

Créer un code promo

Proposer des offres

Processus UX/UI

User stories à intégrer

Les user stories m’ont permis de structurer les besoins fonctionnels du front office et du back office en me basant sur les rôles et les actions clés de chaque utilisateur.

Cette approche a clarifié le parcours utilisateur et les besoins d’administration, ce qui m’a aidée à poser une base solide pour la conception de l’interface et des fonctionnalités.

Objectif

Structurer les besoins fonctionnels du site.

Outil

Méthode UX

Résultat

Une base claire pour guider la conception.

Processus UX/UI

Structuration du parcours utilisateur

Après l’analyse des besoins, j’ai travaillé sur l’organisation du parcours afin de rendre l’expérience plus claire pour les parents, de la découverte des kits jusqu’à l’achat.

Cette étape m’a permis de poser les bases de l’interface avant la création des maquettes, en définissant les pages principales, les actions clés et les points de réassurance à intégrer.

Objectif

Construire un parcours simple, guidé et adapté aux familles.

Outil

Figma

Résultat

Une structure claire pour guider la conception des maquettes.

Conception UX

Wireframes et structure des pages

Avant de passer aux maquettes finales, j’ai réalisé les wireframes de Kreora afin de poser la structure des pages et d’organiser les contenus de manière claire.

Cette étape m’a permis de réfléchir à la hiérarchie des informations, aux zones d’action importantes et au parcours d’achat avant de travailler l’identité visuelle complète de l’interface.

Objectif

Structurer les pages principales avant la création des maquettes visuelles.

Outil

Figma

Résultat

Des wireframes pour guider la conception UX/UI du site.

Conception UX/UI

Maquettes et prototype

Après avoir structuré le parcours utilisateur, j’ai réalisé les maquettes de Kreora afin de traduire les besoins des familles en une interface rassurante et facile à utiliser.

J’ai travaillé la hiérarchie des contenus, les pages clés, les boutons d’action et les éléments de réassurance pour accompagner les parents dans leur navigation, de la découverte des kits créatifs jusqu’à l’achat.

Objectif

Concevoir des maquettes e-commerce claires, accessibles et adaptées aux familles.

Outil

Figma

Résultat

Des maquettes desktop et mobile cohérentes, accompagnées d’un prototype interactif.

Conception UX/UI

Design system et cohérence visuelle

Pour assurer une interface cohérente sur l’ensemble du site Kreora, j’ai conçu un design system regroupant les éléments graphiques essentiels du projet : couleurs, typographies, boutons, composants et états interactifs.

Cette étape m’a permis de poser des règles visuelles claires afin de garder une expérience homogène entre les pages desktop et mobile. L’objectif était de créer un univers doux, rassurant et créatif, adapté aux parents tout en conservant une dimension ludique liée aux activités pour enfants.

Objectif

Créer une base visuelle claire pour harmoniser toutes les interfaces.

Outil

Figma

Résultat

Un design system complet pour guider la conception du site Kreora.

Ce que j’ai appris

Un projet complet pour renforcer ma méthode UX/UI

Ce projet m’a permis de mieux comprendre les différentes étapes d’une conception UX/UI complète, de l’analyse jusqu’au prototype. En travaillant sur Kreora, j’ai appris à partir d’un besoin utilisateur concret pour construire une interface, cohérente et adaptée aux familles.

L’audit UX comparatif m’a aidée à observer des références existantes, comme Pandacraft, afin d’identifier des bonnes pratiques en matière de direction artistique, de hiérarchie des contenus, de boutons d’action et d’expérience mobile. Cette étape m’a permis de prendre du recul avant de concevoir mes propres solutions.

La création des parcours utilisateurs, des wireframes, des maquettes desktop et mobile m’a appris à structurer une expérience e-commerce de manière progressive. J’ai mieux compris l’importance de guider l’utilisateur, de rendre les informations accessibles et de créer un parcours d’achat simple, rassurant et fluide.

Ce projet m’a aussi permis de progresser sur Figma, notamment dans la création d’un design system, l’organisation des composants et la réalisation d’un prototype interactif. Il m’a montré que l’UX/UI ne consiste pas seulement à créer une belle interface, mais à construire une expérience utile, lisible et pensée pour les besoins réels des utilisateurs.

Voir les autres projets