Conception UX/UI - Application Mobile

Semestre : S4 Type : Academique
Image principale du projet Conception UX/UI - Application Mobile

Description du projet

## Présentation du projet (Le contexte)

- **Quoi :** Conception de la maquette UX/UI complète d'une application de livraison et de retrait de commandes.
- **Pourquoi :** Permettre aux clients du restaurant de pâtes "Maison Penne" de commander de façon fluide, intuitive et sans friction géographique.
- **Où & Quand :** Projet individuel ou en équipe réalisé durant le BUT 2.
- **Qui :** UI/UX Designer. J’ai géré la phase de recherche (benchmark concurrentiel), le zoning, ainsi que l'intégralité de la production visuelle sur Figma.

## Démarche réflexive et Analyse critique

### Le défi UX : Éliminer la frustration de la zone de livraison

Lors de ma phase d'analyse des applications leaders (UberEats, Burger King), j'ai identifié un point de friction majeur dans le parcours utilisateur classique : la déception de configurer toute sa commande pour s'apercevoir au moment du paiement que l'adresse n'est pas desservie.

Pour "Maison Penne", j'ai pris le parti ergonomique de **déplacer la contrainte géographique au tout début du parcours**. Dès l'ouverture de l'application, l'utilisateur est invité à renseigner son adresse ou à choisir le mode "Click & Collect". L'interface s'adapte alors instantanément pour ne lui proposer que les produits réellement disponibles pour lui, éliminant ainsi toute déception en fin de tunnel d'achat.

### Le défi UI : Ne pas se noyer dans les calques Figma

Contrairement aux projets de BUT 1 souvent limités à de simples landing pages, cette application demandait de concevoir un grand nombre d'écrans complexes (fiches produits, options de personnalisation des pâtes, paniers, gestion d'adresse). La principale difficulté a été de maintenir la clarté du fichier de travail face à cette masse d'éléments.

Pour surmonter cela, j'ai mis en place une rigueur de production stricte : **l'utilisation systématique de l'Auto-Layout** pour garantir la flexibilité des blocs de texte et des listes d'ingrédients, couplée à un **renommage explicite et structuré de chaque calque et dossier**.

### Ma montée en compétences

- **Rigueur technique :** Je maîtrise aujourd'hui les fonctionnalités avancées de Figma (Auto-layout, structures imbriquées), ce qui rend mes maquettes prêtes à être transmises à un développeur.
- **Design d'expérience :** J'ai appris à concevoir des écrans guidés par la logique de l'utilisateur (ses besoins, ses blocages) et non plus uniquement par des critères purement esthétiques. Le rendu final est à la fois plus complexe fonctionnellement et visuellement plus professionnel qu'en BUT 1.

Compétence Principale

Ce projet mobilise principalement la compétence : CONCEVOIR.

Apprentissages Critiques mobilisés

  • AC21.02: Auditer un site web, une marque ou un service, en termes de trafic et de référencement
  • AC22.01: Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités...)