Portfolio

SAE 301-302 DUFT

DUFT

Technologies utilisées:

HTML
CSS
PHP

Apprentissage Critiques:

AC21.03 Traiter des données avec des outils statistiques pour faciliter leur analyse et leur exploitation
AC21.04 Identifier et décrire les parcours client à partir d'enquêtes de terrain
AC21.05 artographier les expériences utilisateur : points de contact, points de fristion et de satisfaction, carte d'empathie
AC22.01 Co-concevoir un produit ou un service
AC22.02 Produire une recommandation ergonomique à partir des tests utilisateurs
AC23.02 Définir une iconographie
AC24.01 Produire des pages et applications Web responsives
AC24.02 Mettre en place ou développer un back office
AC24.04 Modéliser les traitements d’une application Web
AC24.05 Optimiser une application web en termes de référencement et de temps de chargement
AC25.01 Gérer un projet avec une méthode d’amélioration continue par exemple une méthode agile
AC25.02 Cartographier un écosystème
AC25.03 Initier la constitution d’un réseau professionnel
AC25.06 Prendre en compte les contraintes juridiques

Compétences:

Comprendre
Concevoir
Exprimer
Développer
Entreprendre

OBJECTIF :

Dans le cadre de la deuxième année du BUT MMI, nous avons réalisé en binôme Duft, un site de vente en ligne fictif spécialisé dans les parfums. L’objectif était de concevoir une plateforme e-commerce complète, intégrant toutes les étapes essentielles d’un parcours utilisateur jusqu’à la validation d’une commande (panier, formulaire d’informations, confirmation de commande). Ce projet visait à mettre en œuvre un cycle de production web complet, de la conception à l’intégration technique.

Lors de ma deuxième année en BUT MMI, j’ai participé à la création de Duft, un site de vente de parfums en ligne, réalisé en binôme. Notre mission était de concevoir un site e-commerce complet, du panier à la confirmation de commande, avec une attention particulière portée à l’ergonomie du parcours utilisateur. L’objectif final était d’aboutir à un prototype fonctionnel illustrant toutes les étapes préalables à un achat en ligne.

Conception et organisation du parcours utilisateur :
Nous avons débuté par une réflexion sur l’ergonomie du parcours d’achat, en menant des recherches pour identifier les bonnes pratiques de structuration des informations et des étapes de conversion (AC21.04, AC21.05). Cela nous a permis de concevoir des maquettes claires et efficaces, adaptées aux attentes des utilisateurs, tout en réfléchissant à l’originalité de certaines interfaces. L’une des idées fortes était d’intégrer un personnage stylisé dans le panier, avançant progressivement vers le bouton “Payer” à chaque étape validée, afin de symboliser visuellement l'avancement de la commande.
Développement et intégration :
Nous avons réparti les tâches techniques de manière complémentaire : mon binôme s’est concentré sur l’intégration front-end, tandis que j’ai pris en charge le développement back-end de l’application en PHP en suivant le modèle MVC (AC22.01, AC22.02, AC23.02). J’ai ainsi mis en place la gestion du panier, le traitement des formulaires d’informations, ainsi que le système de validation et de confirmation de commande.
Compétences et production :
Ce projet m’a permis de consolider mes compétences en développement PHP structuré, en architecture MVC, et en collaboration sur un projet web à deux. Nous avons également abordé les notions d’optimisation des parcours utilisateurs (AC24.01, AC24.02, AC24.04), de travail en équipe (AC25.06) et de suivi de projet avec une gestion des rôles équilibrée (AC25.01, AC25.02, AC25.03).

Nous avons commencé par l’élaboration de maquettes pour poser l’architecture du site, en nous basant sur des audits des parcours d’achat classiques afin d’en simplifier et fluidifier les étapes. En parallèle, nous avons réfléchi à une touche d’originalité pour démarquer notre interface : l’ajout d’un personnage dans le panier représentant l’avancement du client vers l’achat, comme une barre de progression gamifiée.
Sur la partie technique, nous avons utilisé le modèle MVC pour structurer le code, avec une répartition claire des rôles. J’ai principalement travaillé sur le back-end PHP, en mettant en place la logique de gestion du panier, les étapes de collecte d’informations client, et la confirmation de commande. J’ai également contribué à l’intégration front-end sur certaines pages pour garantir la cohérence visuelle.
Compétences mobilisées :
Ce projet m’a permis d’approfondir mes compétences en développement PHP structuré, en architecture MVC, et en conception de parcours utilisateurs dans un contexte e-commerce. Le travail en binôme m’a aussi permis de renforcer mes capacités de communication, de répartition des tâches et d’adaptation technique en fonction des priorités du projet.