Les tétés de Jeanine

Projet de création d'un prototype fonctionnel de vente de sous-vêtements éthiques.

Durée

≈ 2 semaines

Équipe

Chavanne Marie-Camille
Jupil Romane
Secco Alessia

Rôle(s)

UX/UI Designer
UX/UI Designer
UX/UI Designer

Outils

Introduction

Qui sont “Les tétés de Jeanine” ?

« Les tétés de Jeanine » est un projet de création d’une marque de sous-vêtements et de maillots de bain, qui se veut inclusive, éthique et respectueuse de l’environnement. L’objectif est de proposer des produits de qualité, adaptés à toutes les morphologies et personnalisables selon les goûts de chacun.

La marque s’inscrit dans une démarche éco-responsable, en utilisant des matières écologiques et en travaillant avec des partenaires locaux pour réduire l’impact environnemental. Le projet vise également à offrir une expérience utilisateur agréable, en proposant un site internet de vente en ligne intuitif et facile à utiliser, qui met en avant les valeurs de la marque. Les tétés de Jeanine est un projet qui répond à une demande croissante de produits éthiques et respectueux de l’environnement, tout en offrant des produits de qualité et tendance.

Contexte

Le projet « Les tétés de Jeanine » a été réalisé dans le cadre de mon Bachelor en Chef de Projet spécialisation UX design. Le but était de créer une marque de sous-vêtements et de maillots de bain qui respecte les valeurs éthiques et environnementales, tout en offrant une expérience utilisateur agréable sur un site de vente en ligne.

Le projet a été évalué selon différents critères, tels que la qualité des livrables, la force de proposition graphique et l’UI design, ainsi que la pertinence des idées et des parcours utilisateurs.

Objectifs

Les objectifs de ce projet était de créer une marque qui soit éthique, inclusive et respectueuse de l’environnement, tout en proposant une expérience utilisateur mémorable sur un site de vente en ligne.

Pour ce faire, il a fallut élaborés une stratégie de communication cohérente, définir les intentions, les objectifs et les cibles visée. Nous avons également travailler dans le but de développé un parcours utilisateur pertinent afin d’offrir une expérience personnalisée aux utilisateurs.

L’objectif final était de proposer une solution répondant aux besoins des utilisateurs tout en respectant les valeurs éthiques et environnementales de la marque.

Veille sur le projet

Premiers constats

Nous avons effectué une analyse comparative approfondie des sites web de marques concurrentes partageant une vision similaire, afin d’identifier les meilleures pratiques en matière d’UI et d’UX. Cela nous a permis de comprendre les éléments clés pour concevoir un site web efficace pour notre propre projet.



Pour cela nous avons analysés 3 marques concurrentes :

  • Ana Shaf, une marque française qui prône le confort.
  • Mary Young, une marque canadienne fondée en 2014, se concentre sur la création de lingerie écologique pour tous les types de corps.
  • Lolo Paris, une marque française, propose une expérience client personnalisée unique en offrant une étude morphologique pour concevoir le soutien-gorge parfait.

Conclusion benchmark

En matière d’UI, l’une des priorités est de veiller à ce que les visuels utilisés sur le site soient réalistes, non-retouchés et reflètent une diversité de corps naturels. Les univers graphiques sont conçus de manière épurée et naturelle, offrant une expérience visuelle agréable pour la cliente.

Concernant l’UX, la personnalisation et la fidélisation sont deux éléments clés à prendre en compte. La navigation sur les sites sont organisées de manière à ce que les produits soient clairement différenciés, offrant aux clients un parcours d’achat fluide et intuitif.

L’objectif est que les clients se sentent à l’aise tout au long du parcours sur le site, augmentant ainsi les chances de fidéliser.

Définition des cibles

Ateliers ux

Ideas Wall

Nous avons effectués différents ateliers afin de définir les axes important à prendre en considération. Le premier atelier que nous avons fait est l’Idea Wall, il consiste à rassembler des idées sur différents thèmes pour améliorer l’expérience utilisateur tout en prenant en compte les attentes de nos cibles.

Nous avons sélectionné trois thèmes pour notre projet :
  • « L’UI et le graphisme« ,
  • « L’interface UX« 
  • et « Les produits« .

Selon ces trois thèmes nous avons identifier les éléments sur lesquels ce concentrer en fonction de chaque thèmes.

L'UI et le graphisme

  • Interface simple
  • Couleurs dynamiques et douces
  • Images non-retouchées
  • Icônes et illustrations
  • Identité féminine forte.

L'interface UX

  • Accessibilité
  • Personnalisation
  • Espace blog
  • Transparence des valeurs
  • Traçabilité des produits
  • Descriptions détaillées
  • Mise en avant des valeurs éthiques

Les produits

  • Gamme de produits large
  • Grand choix de tailles
  • Box et coffrets
  • Matériaux naturels et éco-responsables
  • Conditionnement écologique

6 To 1

Pour ce projet, nous avons mis en place la méthode du 6 to 1 afin d’assurer une expérience utilisateur optimale. Cette méthode consiste à réaliser six versions différentes de la même page ou écran, en variant les éléments de design et d’interface, puis à tester chacune de ces versions auprès d’utilisateurs potentiels pour en déterminer la plus efficace.

Grâce à cette approche, nous avons pu créer plusieurs écrans, chacune avec des éléments de design et d’interface différents, tout en gardant à l’esprit les attentes de nos cibles et en respectant les valeurs éthiques de notre projet.
Exemple d’une version d’un 6 to 1

Recherche UI

Identité visuelle et processus de recherche

Afin de définir l’univers graphique et les valeurs de notre marque, nous avons créé un moodboard. Notre objectif était de créer une identité visuelle qui reflète à la fois notre engagement en matière d’éco-responsabilité et les attentes de nos cibles.

Nous avons fait preuve de créativité et de force de proposition pour concevoir une direction artistique unique, actuelle et éthique.

Dans l’élaboration de notre univers graphique, nous avons pris en compte plusieurs éléments tels que les couleurs, les formes, les textures, les images et les symboles. Nous avons également veillé à l’utilisation d’images réalistes et non retouchées pour montrer la diversité des morphologies féminines et encourager la confiance en soi.

Notre approche a été guidée par des valeurs éthiques, nous avons donc cherché à nous assurer que l’univers graphique reflète l’engagement en matière d’éco-responsabilité.

Charte Graphique

Nous avons opté pour une direction artistique qui se veut sucrée et centrée autour des fruits, dans le but d’évoquer des associations positives telles que la fraîcheur, la douceur et la santé. Pour renforcer cette identité visuelle, nous avons choisi un logo simple en forme de soutien-gorge, qui symbolise directement le domaine d’activité de notre marque.

Pour les typographies, nous avons sélectionné des polices d’écriture tout en rondeur telles que Poppins et Lawer Gothic, qui évoquent la légèreté et la douceur. Nous avons également opté pour des couleurs fruitées pour rappeler le parallèle entre fruits et poitrines, ce qui apporte une touche de gaieté et de vivacité à notre univers graphique.

L’ensemble de ces choix de DA visent à créer une identité visuelle forte, cohérente et mémorable, qui permet de se différencier de la concurrence tout en correspondant aux attentes de notre cible principale.

Réalisations

Wireframes

Nous avons créé des wireframes détaillés pour chaque écran. Les wireframes nous ont permis de nous concentrer sur la structure et l’architecture de l’interface avant de nous préoccuper des éléments de design. Cela inclus la disposition de l’interface utilisateur, la taille et la position des éléments sur chaque écran, ainsi que les interactions utilisateur.

Accueil

Boutique

Wishlist

Fiche produit

Panier

Livraison

Paiement

Confirmation

Profil client

Maquettes & prototype

Pour donner vie à notre projet, nous nous sommes servis des wireframes, qui nous ont servis de base pour concevoir les écrans finaux en ajoutant les couleurs, les images et les polices de caractères correspondant à l’univers graphique que nous avions défini précédemment.

Une fois les écrans finaux conçus, nous avons ensuite utilisé un outil de prototypage, en l’occurrence Figma, pour créer un prototype interactif de notre site web. Cette étape consiste à lier les différents écrans entre eux. Cela permet de tester l’expérience utilisateur avant même de commencer la phase de développement, en nous assurant que l’application est facile à utiliser et que la navigation est intuitive pour les utilisateurs.

Accueil

Boutique

Wishlist

Fiche produit

Panier

Livraison

Paiement

Confirmation

Profil client

Les résultats

Quel est l’avenir des “Tétés de Jeanine” ?

01. Développement de nouvelles fonctionnalités :

Le projet pourrais être amené à évoluer et à s’enrichir en fonction des besoins des utilisateurs. Il sera donc important de prévoir des mises à jour régulières afin d’ajouter des nouvelles fonctionnalités qui permettront d’améliorer l’expérience utilisateur.
02. Élargissement de la gamme de produits :

La marque pourrais également envisager d’étendre sa gamme de produits en proposant de nouvelles références. L’objectif sera de répondre aux besoins et aux attentes de sa communauté de manière efficace.
03. Développement de la notoriété de la marque :

Pour assurer la pérennité et le succès de la marque, il sera essentiel de développer sa notoriété et sa visibilité auprès de sa cible. Cela pourrais passer par la mise en place d’une stratégie de communication efficace, incluant notamment des actions sur les réseaux sociaux, des partenariats avec des influenceurs, ou encore des actions de relations presse.

Ce que je retiens 🧐 :

La collaboration avec les autres membres de l'équipe
Le travail en équipe était essentiel pour mener à bien ce projet. Travailler avec les autres membres de l’équipe a été une expérience très enrichissante et m’a permis de mieux comprendre l’importance de la collaboration pour créer une interface cohérente et efficace.
La créativité est essentielle
Ce projet m’a permis de développer ma créativité en proposant des idées innovantes et en repoussant les limites de l’interface utilisateur.