04 Projet

Fuego App

Principal Designer sur le MVP de Fuego, une application mobile qui rassemblait tous les concerts de Paris. Développée en Flutter, elle a été publiée sur l’App Store et le Play Store ; elle n’existe plus aujourd’hui.

Rôle: UI / Brand Designer
Entreprise: Fuego
Année: 2024
Outils: Figma / Figjam / Trello
Expertises: Mobile / UI Kit / Branding

Écrans de l’application mobile Fuego alignés sur un aplat vert

Étude de cas

Création de l’identité visuelle

Pour démarrer la création de cette application il a fallu créer une identité visuelle en passant par un logo, des couleurs, un choix typographique, l’iconographie etc. Tout en respectant les contraintes de budget mais aussi d’accessibilité notamment par le contraste des couleurs.

Identité visuelle Fuego : logotype, palette de couleurs et specimens typographiques Rubik Bold, Rubik Semibold et Rubik Regular, chacun composé sur la phrase « The quick brown fox jumps over the lazy dog » — Fig. 1Logotype, palette et choix typographique : Rubik Bold, Semibold, Regular

Mise en place l’UI Kit

Même si l’UI Kit pour la création de l’application ne possédait pas beaucoup de composants puisque c’était un MVP qui sortait, il a fallu tout de même le créer dans l’objectif de le faire évoluer rapidement. J’ai donc mis en place les variables et ai créé tous les composants nécessaires et respectant les règles de base d’accessibilité.

UI Kit Fuego : composants, variables et états, organisés dans Figma — Fig. 2Composants, variables et états

Melody UI (Figma) (nouvel onglet)

Création de l’interface

Pour la création de l’interface, nous avons fait le choix de découper les fichiers par EPIC pour continuer ce fonctionnement par la suite.

Découpage des fichiers Figma de l’interface Fuego par EPIC — Fig. 3Un fichier par EPIC

Fuego Searchbar (Figma) (nouvel onglet) Fuego Homepage (Figma) (nouvel onglet) Fuego Splashscreen (Figma) (nouvel onglet)