Parions Sport En Ligne est une application dédiée aux paris sportifs en ligne de la FDJ (Française des Jeux).
Durant 2 ans, j'ai eu l'occasion de travailler sur différents objectifs de la marque, comme l'optimisation du Design System, la refonte d'une grande partie des pages de l'application, la réflexion UX sur la navigation ainsi que l'approche UI des composants.
CLIENT
La Française des Jeux
ROLE
Product Designer
LOCALISATION
Boulogne
Design System
Il n'y avait pas de Design System lorsque j'ai commencé à travailler pour Parions Sport. Nous en avons donc créé un en nous basant sur les principes d'Atomic Design et les guidelines d'IOS et d'Android (material design).
Couleurs
Typographie
Aa
Aa
Ferveur
Montserrat
abcdefghijklmnopqrstuvwxyz
0123456789
abcdefghijklmnopqrstuvwxyz
0123456789
Evolutions UI
Durant 2 ans, nous avons progressivement fait évolué l'application Parions Sport En Ligne afin d'améliorer l'expérience des utilisateurs. L'objectif était notamment de rendre les différentes pages moins complexes, plus lisibles. Nous avons donc apporté des formes plus rondes et organiques afin d'apporter un univers plus gamifié.
Accueil
AVANT
APRÈS
Match
AVANT
APRÈS
Sports
AVANT
APRÈS
Store
Nous devions nous occuper des stores IOS (Apple Store) et Android (Play Store) afin d'optimiser les téléchargements.
Ce que nous avons fait :
-
Nous avons créé des visuels qui présentent l'application dans toutes les tailles et les avons mis à jour régulièrement.
-
Nous avons travaillé sur l'éditorial et l'UX en écrivant du contenu pour améliorer le référencement.
Animations
Les animations sont un moyen efficaces de capter l'attention des utilisateurs et les inciter à s'engager avec un produit. Que ce soit pour donner de la vie à des boutons, à des icônes, des illustrations, des images... les animations rendent en général les interfaces plus attrayantes.
Dark Mode
Le dark mode apporte plusieurs bénéfices :
-
Il aide à la lisibilité car les couleurs plus sombres aide à alléger la fatigue des yeux, notamment le soir.
-
La lumière blanche a tendance à consommer de la batterie. Avec le dark mode, les couleurs sombres sont dominantes ce qui aide à l’économiser.
-
Il apporte des bienfaits esthétiques et designs, car un bon nombre d'utilisateurs préfère les couleurs sombres.
-
Proposer une version sombre à un produit permet de donner à l'utilisateur un choix de personnalisation, qui est un point-clé de l'expérience utilisateur.
