[UI mobile] La landing page met en avant le téléchargement sur mobile #85

New issue

Closed

opened 2026-09-07 11:33:01 +02:00 by kyuno · 0 comments

kyuno commented

2026-09-07 11:33:01 +02:00

Owner

Résumé

Sur un visiteur mobile, la landing page (/, LandingPage.tsx) doit
rendre le téléchargement/ouverture de l'appli proéminent, pas juste un
lien discret sous la ligne de CTA comme aujourd'hui. Fait partie du
chantier "UI mobile & tablette" (voir le ticket socle de ce même chantier).

Contexte

Le lien existe déjà dans le JSX (.landing__mobile-link) et n'est masqué
par aucune règle CSS (vérifié — aucun @media du fichier ne le cible),
mais sa taille/position en fait un élément facile à manquer : font-size: var(--font-size-sm), positionné comme action secondaire mineure sous les
deux gros boutons Connexion/Inscription, avec un commentaire dans le code
qui le décrit explicitement comme "discreet".

Contenu attendu

Dépend du ticket "Redirection vers l'appli + page de téléchargement" du
même chantier : sur un visiteur mobile, la landing page doit déclencher
directement ce flux (tentative d'ouverture de l'appli / repli
téléchargement) plutôt que d'afficher un second lien séparé — remplace
.landing__mobile-link par cette intégration plutôt que de la dupliquer.
Sur desktop, un lien vers /telecharger (ou équivalent) reste approprié
tel quel, sans tentative d'ouverture de scheme personnalisé qui n'aurait
aucun sens hors mobile.

Ticket volontairement séparé du ticket de redirection pour rester petit et
revuable, même si les deux s'implémentent probablement dans la foulée l'un
de l'autre.

Dépendances

Dépend du ticket "Redirection vers l'appli + page de téléchargement"
(réutilise son mécanisme de détection/redirection).

## Résumé Sur un visiteur mobile, la landing page (`/`, `LandingPage.tsx`) doit rendre le téléchargement/ouverture de l'appli **proéminent**, pas juste un lien discret sous la ligne de CTA comme aujourd'hui. Fait partie du chantier "UI mobile & tablette" (voir le ticket socle de ce même chantier). ## Contexte Le lien existe déjà dans le JSX (`.landing__mobile-link`) et n'est masqué par aucune règle CSS (vérifié — aucun `@media` du fichier ne le cible), mais sa taille/position en fait un élément facile à manquer : `font-size: var(--font-size-sm)`, positionné comme action secondaire mineure sous les deux gros boutons Connexion/Inscription, avec un commentaire dans le code qui le décrit explicitement comme "discreet". ## Contenu attendu Dépend du ticket "Redirection vers l'appli + page de téléchargement" du même chantier : sur un visiteur mobile, la landing page doit déclencher directement ce flux (tentative d'ouverture de l'appli / repli téléchargement) plutôt que d'afficher un second lien séparé — remplace `.landing__mobile-link` par cette intégration plutôt que de la dupliquer. Sur desktop, un lien vers `/telecharger` (ou équivalent) reste approprié tel quel, sans tentative d'ouverture de scheme personnalisé qui n'aurait aucun sens hors mobile. Ticket volontairement séparé du ticket de redirection pour rester petit et revuable, même si les deux s'implémentent probablement dans la foulée l'un de l'autre. ## Dépendances Dépend du ticket "Redirection vers l'appli + page de téléchargement" (réutilise son mécanisme de détection/redirection).