Cahier des charges UI/UX Premium

• Cahier des charges UI/UX 13/07/26

  1. Composant (partie facile)

  1.1 Tuile promotionnelle dashboard

  L’idée est ici de faire une tuile minimalist qui donne envie de taper dessus. Elle ne doit donc contenir que les informations qui crée l’action et non énumérer tous les avantages du plan premium.

  Le composant doit en outre :

  • Contenir un titre accrocheur
  • Respecter la nouvelle DA de l’application
  • Se démarquer du fond blanc (à priori en étant fond noire)
  • Donner envie de cliquer dessus (on doit donc comprendre qu’il est cliquable)
  • Ouvrir directement la frame commercial du plan premium.
  • Être mis directement dans Dashboard sous le sélecteur d’entreprise
  • Ne faire allusion a des statistique que si vraiment pertinent, plutôt vendre la fonctionnalité multi-entreprise plutôt que les stats d’économie d’argent.

  

  Le composant tuile« Passez aux missions illimitées »

  

  Emplacement cibleDashboard, sous le sélecteur d'entreprise

  1.2 La section promotionnelle interne à la modale

  La modale d’achat étant séparé en deux (30% mission, 70% plan premium) Il faut donc designer la partie premium. L’idée est sensiblement la même que pour le composant Tuile et les contraintes sensiblement les mêmes. Les seuls différences sont :

  • La section étant dans la modale, elle n’a pas les même marge que la tuile.
  • La personne est déjà en mode « achat » donc il faut plutôt lui vendre le coté « gain d’argent » que fonctionnalité sur le peu d’espace disponible.
  • Si c’est bien exécuté il est permis de faire en sorte que 1.1 et 1.2 soit le même composant à quelques détails prêt (ils seront modulés coté code).

  1.3 « Mes missions » devient « Boutique » ou équivalent

  Plus qu’un redesign c’est surtout un rewording avec quelques arrangements visuel du composant d’achat.

  

  « Votre portefeuille »Composant d'achat à reworder en « Boutique »

  ---

  2. Frame (partie plus complexe)

  2.1 Frame commercial du premium

  Ici c’est un design de 0, une page complète qui s’ouvre par dessus l’application aprés avoir cliqué sur 1.1 et 1.2, elle doit énumérer toutes nos fonctionnalités de manière attractive et didactique.

  Le plan premium offers :

  • Mission illimité, sans jamais rien payer de plus
  • La possibilité de gérer plusieurs établissement en simultanée sur un même compte.
  • La possibilité d’ajouter un travailleur qu’on a apprécié en « Néo favoris » et ainsi permettre à l’algorithme de l’application de nous mettre plus souvent avec lui et les profiles similaires

  En dehors de l’aspect technique l’application permet de trouver un extra en moins de 2h et sans aucune commission. Il peut être de bon ton de le rappeler.

  

  Frame commerciale PremiumMissions illimitées · multi-établissement · néos favoris · 0% commission

  2.2 Frame post achat du premium

  Ici c’est une frame informative ouverte. On remercie et souhaite la bienvenue à notre nouveau client en lui offrant la possibilité de directement user de ses nouvelles fonctionnalités (création entreprise, dépôt d’une mission etc).

  Elle doit :

  • Partager une base commune avec 2.1
  • Ouvrir vers des actions immédiate du premium
  • être chaleureuse mais professionnelle

  

  Frame post-achat« Bienvenue dans Premium » + actions immédiates

  2.3 La modale d’achat

  C’est ici qu’on paie dans l’application, les jetons étant supprimer elle se divise maintenant en deux partie. 30% pour l’achat unique de mission (29€ ht) et 70% le renvoie vers le premium via le composant crée en 1.2.

  Note importante pour le design : Attention à la confusion sur les captures actuelles qui montrent trois colonnes de packs (Unité, Confort, Liberté). Les jetons n’existent plus et ces offres non plus. L’écran final doit bien se couper en deux (30% acte unique / 70% Premium).

  

  Capture actuelle — à refondrePacks Unité / Confort / Liberté = obsolètes (jetons supprimés)

  Contrainte :

  • Elle ne peut prendre tout l’écran
  • La modale est toujours par dessus le contenue de l’application
  • Elle doit donner envie d’acheter mais surtout attirer l’attention sur le premium.