Nouveau menu de sélection de PDM

Dans le menu actuel sur mobile, seuls 4 ou 5 projets sont affichés, il faut scroller pour voir la fin :

Et si on re-designait ça proprement ? Je propose de n'utiliser ce re-design que pour mobile. On garde donc la disposition actuelle sur desktop.

Pour commencer, virons carrément le titre et les sous-titres. Ensuite, j'ai plusieurs propositions :

Proposition 1

On n'a plus besoin de la date du projet. On utilise les icônes "mini" puisque l'on est sur mobile. Cliquer sur le titre ouvre la page projet, cliquer sur le bouton "éditer" ouvre direct la carte. Inspiré de Google Maps.

Icône utilisée : https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Aedit%3A Code couleur du bleu : #007aff

Proposition 2

Les icônes de tous les projets s'affichent horizontalement.
Un clic sur une icône affiche en dessous son encart de contribution
On peut glisser de gauche à droite avec le doigt, comme dans l'appli Uber Eats :

Proposition 3

Il est possible de scroller autant à gauche qu'à droite
le scroll est incrémental : chaque icône aimante le défilement. Il n'est possible d'arrêter le scroll que sur une icône.
Le projet sélectionné par défaut est le PDM en cours / variante : le projet sélectionné par défaut est le dernier auquel l'utilisateur a contribué.
Les icônes des projets non-sélectionné sont grisés
Interaction semblable à Waze : https://user-images.githubusercontent.com/11553211/149534538-15834f18-795b-4bb1-8a9b-36c295f159a5.mp4

Proposition 4

variante 1 : un clic sur le cœur met en favoris / les favoris sont affichés en premier
variante 2 : les PDM auxquels l'utiliateur a déjà contribué affichent une médaille / les PDM médaillés sont affichés en premier
Fonctionnement inspiré de l'appli Booking
Le KPI principal est indiqué. Je propose le nombre de contributeurs au projet

Icônes utilisées :

vdct / ProjetDuMois