IMPERFECTION

[ UX - UI Design ] Yaasmine Nohur [ Projet scolaire ] Décembre 2025
Imperfection — Mockup hero
Site B2C & B2E

[ Mon rôle ]

UX - UI Design & Intégration

A PROPOS DU PROJET

  1. [ 1 ]Problématique
  2. [ 2 ]Objectifs
  3. [ 3 ]Solutions
  4. [ 4 ]Démarche UX
  5. [ 5 ]Design System
  6. [ 6 ]Proposition

Imperfection est un concept de marque de vêtements féminins, centré sur des silhouettes puissantes et modernes.

Le projet consiste à concevoir une expérience digitale complète, incluant : un site e-commerce (B2C) et une plateforme interne (B2E).

PROBLEMATIQUE

  • + Comment créer une identité digitale forte et différenciante ?

OBJECTIFS

  • + Créer une identité digitale forte
  • + Proposer une expérience claire et fluide
  • + Adapter le design à 2 usages : client (B2C) et interne (B2E)

SOLUTIONS

  • + Définition d'une direction artistique claire
  • + Création d'une identité visuelle cohérente
  • + Mise en place d'un design system

DEMARCHE UX

Figma
  • Benchmark[ A ]
  • Définition de la cible[ B ]
  • Hypothèses sur les besoins des utilisateurs[ C ]
  • Wireframes[ D ]

BENCHMARK

  • Luxe contemporain = minimalisme, tons neutres, audace maîtrisée
  • Différenciation avec un rouge grenat en accent pour apporter intensité et singularité

CIBLE

  • 25-40 ans, attirés par une féminité forte, moderne et affirmée
  • Sensibles aux silhouettes structurées et aux codes du luxe

BESOINS

  • Se reconnaître dans une image de féminité puissante et contemporaine
  • Naviguer dans une interface claire, fluide et visuellement impactante

WIREFRAMES

[ IA ]
Wireframes Imperfection

DESIGN SYSTEM

Figma
  • Colorimétrie[ A ]
  • Typographie[ B ]
  • Grid System[ C ]
  • Spacing[ D ]
  • Icônes[ E ]
  • Composants[ F ]
TYPOGRAPHIE HK Grotesk
Wide
LIGHT a
REGULAR a
[ UX - UI Design ]
  Helvetica Neue
LIGHT a
REGULAR a

COLORIMETRIE

Couleur primaire #65020E
Couleur secondaire #9CA0AB
Couleur neutre #0E0E0E
Couleur neutre #F0F4F5
Couleur accent #F60C28

RESULTAT

FIGMA [ Responsive ]
Imperfection — Aperçu Imperfection — Mockup