#uxfigma26PROTOTYPE2024

Discollection

Prototype UX/UI mobile d’une application de collection de vinyles (catalogue, recherche, fiches, parcours utilisateur) réalisé sur Figma.

duréeProjet scolaire (UX/UI)
rôleUX/UI Designer (maquettage & prototype mobile)
typedesign

// stack_utilisée

FigmaPrototypageWireframingUI Design
Demo live
01

Contexte & Problème

// situation_initiale

Projet de conception d’une application de collection de vinyles avec un périmètre volontairement centré sur l’expérience mobile.

// problème_identifié

Concevoir une interface mobile claire et engageante pour consulter, rechercher et organiser une collection de vinyles sans surcharger la navigation.

// objectifs[]

  • [00]Définir une architecture d’écrans cohérente sur mobile
  • [01]Créer un prototype interactif navigable sur Figma
  • [02]Soigner la hiérarchie visuelle et la lisibilité
  • [03]Intégrer des micro-interactions (animation du logo vinyle, transitions)
03

Motion / Vidéo

// Animation du logo

Motion branding — vinyle animé utilisé dans l’introduction du prototype

03

Visuels

Écran d’accueil Discollection (prototype mobile)
screen_01
Accueil mobile — univers visuel, branding et entrée dans le parcours
Écran catalogue Discollection (prototype mobile)
screen_02
Catalogue mobile — exploration des vinyles via une grille de contenus
Écran de connexion Discollection (prototype mobile)
screen_03
Connexion mobile — écran d’authentification du prototype
Écran de réseaux Discollection (prototype mobile)
screen_04
Réseaux mobile — écran de gestion des réseaux sociaux du prototype
Écran de profil Discollection (prototype mobile)
screen_05
Profil mobile — écran de gestion du profil utilisateur du prototype
Écran de scan Discollection (prototype mobile)
screen_06
Scan mobile — écran du résultat du scan d'un vinyle du prototype