Invité·e
S.T.A.R. Labs
15 septembre 2023

S.T.A.R. Labs

UX/UI DesignMobile AppFigmaFigma
Rôle

UX/UI Designer

Durée

Septembre 2023

Équipe

Projet individuel

Comment concevoir une interface mobile intuitive et immersive dans l'univers DC Comics, qui permette un signalement rapide de crimes tout en étant crédible dans son univers fictif ?

Comment concevoir une interface mobile intuitive et immersive dans l'univers DC Comics, qui permette un signalement rapide de crimes tout en étant crédible dans son univers fictif ?

Problématique centrale

01Contexte

Contexte & Brief

Projet UX/UI : concevoir une application mobile fictive pour S.T.A.R. Labs (univers DC Comics) permettant aux citoyens de signaler des crimes et de suivre l'activité des superhéros.

  • Projet académique : concevoir une app mobile pour un univers fictif.
  • Univers choisi : DC Comics — Flash, Supergirl, Arrow.
  • Concept : S.T.A.R. Labs — signalement de crimes et suivi des superhéros.
  • Premier projet UI/UX complet réalisé sur Figma.
02Démarche

Démarche & Processus

Un processus UX complet, de la recherche utilisateur au prototypage interactif.

  • Recherche UX : étude de l'univers DC Comics et de ses codes visuels.
  • Création de personas (citoyen de Central City, superhéros).
  • User flows de signalement d'urgence optimisés pour la rapidité.
  • Analyse d'apps similaires (urgences, sécurité civile).
  • Wireframes basse fidélité → prototypage interactif haute fidélité sur Figma.
03Solution

La Solution

Une application mobile complète avec un design sombre et futuriste fidèle à l'univers S.T.A.R. Labs.

  • Écran d'accueil immersif avec dashboard temps réel.
  • Carte interactive de Central City avec localisation des incidents.
  • Signalement en 3 taps : localisation → type de menace → confirmation.
  • Profils de héros avec historique des interventions.
  • Design sombre et futuriste fidèle à l'univers DC Comics.
04Résultats

Résultats & Apprentissages

Un prototype Figma complet et interactif, validé par des tests utilisateurs.

  • Prototype Figma complet et interactif avec animations et transitions.
  • Parcours utilisateur fluide validé par des tests.
  • Premier projet UI/UX complet réalisé sur Figma.
  • Maîtrise des composants, auto-layout et prototypage interactif Figma.
Galerie
Application S.T.A.R. Labs sur iPhone

Prototype de l'application S.T.A.R. Labs sur iPhone 15 Pro

Ce que j'ai appris
  • Processus UX complet : personas, user flows, wireframes, prototypage
  • Design d'interface mobile immersive dans un univers fictif
  • Prototypage interactif avec animations et transitions sur Figma
  • Conception d'un parcours utilisateur optimisé pour l'urgence
Technologies

Design

Figma

UX Research

PersonasUser FlowsTests utilisateurs