Rework page d'accueil #4679
Rework page d'accueil #4679
Conversation
Shamzic
force-pushed
the
4404-page-daccueil-ajout-dinformations
branch
from
86a36c1 to
54f1ebb
Compare
Shamzic
force-pushed
the
4404-page-daccueil-ajout-dinformations
branch
3 times, most recently
from
7ad33e8 to
5a6fab3
Compare
Shamzic
force-pushed
the
4404-page-daccueil-ajout-dinformations
branch
from
edcdbe4 to
23afa31
Compare
There was a problem hiding this comment.
- Iframe : de mon point de vue, il faudrait en faire une dédiée à ce contexte.
- Proposition de changement du label du bouton secondaire : Accéder à la liste complète des aides ==> Accéder à la liste des aides
- Sur le bandeau des + de la plateforme, j'aurais maj le contenu de la boite gratuit. Car le contre de cela : "Si c'est gratuit, c'est toi le produit" et je propose d'ajouter un laïus sur la protection des données personnelles.
- Sur la section : Comment ça marche ? => je propose la suppression des sous-descriptions car il y a de la répétition (typiquement : "5 minutes suffisent pour compléter une simulation")
– Sur les logos partenaires, je pense que les logos ministériels devraient être plus visibles et donc découpés (typiquement celui sur les jeunes). - Du point de vue de l’Impact, on passe de la note de B à D (forcément à cause du coût des images). Je me demande si on peut ajouter du lazy loading pour les logos partenaires.
There was a problem hiding this comment.
Je n'ai plus la liste des partenaires ou listing des aides, c'est normal ?
Sinon beau travail. Merci @Shamzic
| icon: "money-euro-circle-line", | ||
| title: "Service public gratuit", | ||
| description: | ||
| "<b>Public et gratuit</b> : vos données personnelles sont protégées et ne sont jamais utilisées à des fins commerciales, conformément au RGPD.", |
There was a problem hiding this comment.
conformément à notre politique de confidentialité avec lien à mettre :-).
Oui, j'ai commenté les pages car cela fait baisser la note d'ecoindex, mais tu peux les décommenter pour voir ce que ça donne. Edit: je les remets |
|
Petit commentaire supplémentaire pour l'ajout du petit logo, lien (externe) sur le lien équipe et politique de confidentialité dans les petit encadré au début. |
Ok pour le lien vers la page d'équipe. Pour la politique de confidentialité, c'est pas mieux de conserver l'ouverture dans la même fenêtre sans ouvrir un nouvel onglet ? (vu que c'est une page interne) |
|
Merci beaucoup Simon ! |
Oui, c'est une bonne suggestion, on peut mettre un cadenas en logo |
|
Autre suggestion, j'aurais remplacé l'ARS par la C2S et ajouté le Départ 18-25 |
|
@yasmine-glitch J'ai mis à jour avec tes suggestions sur la section des fonctionnalités, mais après coup, je me dis que la notion de "service public" était plutôt pas mal pour contre-balancer l'effet "c'est gratuit donc c'est toi le produit" que @jenovateurs évoquait |
|
@Shamzic ok alors on peut garder le cadenas et écrire "service public" à la place de "confidentiel" (?) |
Oui, ça me paraît bien comme ça! |
|
Ici, "je suis accompagné" est trop vague à mon sens. 
|
|
Ici il faut ajouter les logos de la ville de Vannes, de la CC du Pays de la Chataigneraie et de covoiturage.beta.gouv.fr 
|
J'avais mis des petites descriptions en dessous précédemment: fa11f61 et Jérémy a suggéré de les retirer car il y avait de la redondance. Comment vois-tu la chose ici ?
Je peux retirer ce point et faire la page d'accompagnement plus tard dans une autre PR |
…se page d'accueil)
There was a problem hiding this comment.
Ok pour moi.
Dernières suggestions
- écrire formation au singulier (dans l'énumération du premier bloc)
- réorganiser les logos des partenaires pour avoir mettre bordeaux sur la même ligne que les autres collectivités, covoiturage.beta sur la même ligne que les autres services numériques avec lesquels on collabore, et enfin jeunes.gouv et étudiants.gouv sur la même ligne
Shamzic
force-pushed
the
4404-page-daccueil-ajout-dinformations
branch
from
e404813 to
0e08c84
Compare
L'affichage dynamique en fonction de la largeur de l'écran peut poser un soucis d'ordre pour ces logos. J'ai fait des modifications, est-ce que cela conviendrait comme ça ? Aussi, j'ai créé / repris des logos de ce que j'ai trouvé sur internet, mais si vous avez mieux, je suis prenneur! |
Oui là c'est parfait. Merci beaucoup. Lorsque la page sera en ligne je contacterai les différents partenaires pour leur montrer la nouvelle page d'accueil. |
* Met à jour l'aide au dépôt de garantie de la région CVL. (#4773) * Maj l'aide BAFA de la Caf de Meurthe et Moselle (#4783) * montre l'aide au permis du pas de calais. * Màj l'aidee bafa de la Caf de Meurthe et Moselle. * Chore(deps): Bump next from 14.2.10 to 14.2.15 in /contribuer (#4772) * Chore(deps): Bump next from 14.2.10 to 14.2.15 in /contribuer Bumps [next](https://github.com/vercel/next.js) from 14.2.10 to 14.2.15. - [Release notes](https://github.com/vercel/next.js/releases) - [Changelog](https://github.com/vercel/next.js/blob/canary/release.js) - [Commits](vercel/next.js@v14.2.10...v14.2.15) --- updated-dependencies: - dependency-name: next dependency-type: direct:production ... Signed-off-by: dependabot[bot] <[email protected]> * feat: changement sur l'action pour récupérer le sentry url avec dependabot * feat: rollback pull request target --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Jeremy PASTOURET <[email protected]> * Chore(deps): Bump openfisca-france in /openfisca (#4770) Bumps [openfisca-france](https://github.com/openfisca/openfisca-france) from 169.7.1 to 169.13.0. - [Release notes](https://github.com/openfisca/openfisca-france/releases) - [Changelog](https://github.com/openfisca/openfisca-france/blob/master/CHANGELOG.md) - [Commits](openfisca/openfisca-france@169.7.1...169.13.0) --- updated-dependencies: - dependency-name: openfisca-france dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * fix: fusion du authToken (partagé entre le front et le back) & configure le projet sentry front sur le build de vite.js (#4771) * fix: par defaut valeur à 0 pour eviter une erreur dans open-fisca (#4776) * Ajoute le revenu minimum étudiant de la ville de Gravelines (#4785) * ajoute la ville de graveline. * ajoute le revenu minimum étudiant de la ville de gravelines. * Update ville_gravelines_aide_aux_etudiants.yml * Mise à jour du paquet `mesaidesvelo` avec le nouveau paquet `@betagouv/aides-velo` (#4705) * pkg: remove 'aides-velo' and add '@betagouv/aides-velo' * refactor(aides-velo)!: use the '@betagouv/aides-velo' package * fix(lib)!: IndividuMethods.age now returns undefined if date_naissance is undefined * refactor(data/benefits)!: refactor aides-velo-generator with @betagouv/aides-velo * fix(data): add missing institutions needed by @betagouv/aides-velo * fix: nitpicks * ci: change dependabot to watch on @betagouv/aides-velo instead of aides-velo * fix(data): remove dependency to @lib/benefits/compute-aides-velo.js * fix(lib): remove custom paths imports * fix(lib): add missing individu-properties for interetsVelo * Revert "fix(lib)!: IndividuMethods.age now returns undefined if date_naissance is undefined" This reverts commit fd6cc3b. * fix: corrige le test aides-vélo avec l'âge undefined * refactor: compute-aides-velo * chore: resize logos institutions & fix extensions * fix: image logo de la ville Taillain Médoc en format png * chore: fixe une limite de la description des aides à 600 pour autoriser les descriptions plus longues du package publicodes-aides-velo * refactor: typage et structure de aides-velo-generator * fix: typage dateDeValeur du mock de test d'une Situation * chore: update betagouv/aides-velo, package-lock.json & package.json * fix: ajoute nouvelles institutions manquantes + logos * fix: limite description fixée à 450 * fix: màj taille max de la description des aides En attente du merge betagouv/publicodes-aides-velo#20 * feat: cache la checkbox de l'aide vélo adapté aux PMR * refactor: ordre dépendances * feat: ajoute les informations du type de vélo dans le label de l'aide (via les infos en description) * refactor: filtre du label des aides vélo * refactor: supprime l'occurence "Ville de" dans les titres des aides vélo * chore: met à jour le numéro de version du paquet aides vélo * fix: ajoute les institutions et les logos manquants --------- Co-authored-by: Emile Rolley <[email protected]> * Ajout groupe de boutons de démarrage de simulation depuis la page "Toutes les aides" (#4743) * feat: ajout boutons démarrage simulation (page liste des aides) * refactor: renommage variable plus précis * feat: alignement responsive - boutons de démarrage de simulation (liste des aides) * feat: ajoute la class tertiary du DSFR au back-button * refactor: liste-aides * Ajout d'une question sur les aides pour les études à l'étranger dans la FAQ (#4788) * feat: ajout d'une question sur les aides pour les études à l'étranger dans la FAQ * Update src/views/faq.vue Co-authored-by: Jérémy PASTOURET <[email protected]> --------- Co-authored-by: Jérémy PASTOURET <[email protected]> * Chore(deps): Bump next from 14.2.15 to 14.2.21 in /contribuer (#4791) Bumps [next](https://github.com/vercel/next.js) from 14.2.15 to 14.2.21. - [Release notes](https://github.com/vercel/next.js/releases) - [Changelog](https://github.com/vercel/next.js/blob/canary/release.js) - [Commits](vercel/next.js@v14.2.15...v14.2.21) --- updated-dependencies: - dependency-name: next dependency-type: direct:production ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Ajout de la mutuelle communale du rhône (#4789) * bump(open-fisca) - mise à jour de version * feat: ajout de la mutuelle communale d'auvergne * Amélioration du système de vérification géographique (#4780) * feat: amélioration du système de vérification géographique et correction d'erreurs * refacto: simplifier le code de vérification géographique * Mise à jour de titre (doublon) de deux dispositifs de Bordeaux (#4766) * feat: maj du libellé d'un dispositif en doublon * fix: mise à jour du label de l'aide * Ajout aide bafa Villefranche-sur-saone (#4793) * ajout de l'aide au bafa de villefranche * fix: ajout des points à la fin des conditions * Update data/benefits/javascript/ville_villefranche_sur_saone_bafa_bafd.yml Co-authored-by: Simon Hamery <[email protected]> * Update data/benefits/javascript/ville_villefranche_sur_saone_bafa_bafd.yml Co-authored-by: Simon Hamery <[email protected]> * chore: resize logo villefranche --------- Co-authored-by: Simon Hamery <[email protected]> * maj mutuelle région ara. (#4794) * fix: mise à jour de l'EPCI exclu (métropole de Lille) pour les FSL du département Nord (#4795) @yasmine-glitch Merci les précisions ! * Met à jour 4 aides de la région Pays de la Loire. (#4781) * Met à jour 4 aides de la région Pays de la Loire. * mises à jour. * mises à jour. * Update region_pays_de_la_loire-bourses-pour-les-élèves-et-étudiant-e-s-en-formation-sanitaire-et-sociale.yml * Met à jour 2 aides (#4796) * met à jour la carte illico solidaire pour limiter les faux positifs * Met à jour lien de l'aide bafa de la caf de la haute-garonne. * Chore(deps): Bump openfisca-france in /openfisca (#4799) Bumps [openfisca-france](https://github.com/openfisca/openfisca-france) from 169.13.0 to 169.14.6. - [Release notes](https://github.com/openfisca/openfisca-france/releases) - [Changelog](https://github.com/openfisca/openfisca-france/blob/master/CHANGELOG.md) - [Commits](openfisca/openfisca-france@169.13.0...169.14.6) --- updated-dependencies: - dependency-name: openfisca-france dependency-type: direct:production update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * màj vae hauts de france (#4801) * Cache le RME de Gravelines + Màj l'aide Bafa de Caf Meurthe-et-Moselle (#4798) * cache le revenu minimum étudiant de Gravelines. * Met à jour l'aide Bafa de la Caf de Meurthe et Moselle. * Cache trois aides de la région Pays de la Loire. (#4802) * met à jour la description de la bourse de college pour davantage de clarté. (#4803) * Cache deux aides et Met à jour une aide. (#4804) * cache la bourse aux apprentis du val d'oise. A revérifier fin février. * Met à jour l'aide au BAFA-BAFD de la Caf d'Ille-et-Vilaine. * cache l'aide à l'autonomie des jeunes de la caf de Saône-et-Loire. * feat: suppression suivi (#4810) * Mise à jour de dépendances mineures (#4739) * chore: mise à jour de dépendances mineurs * fix: readapation du code en réutilisation la documentation officiel d'OpenID * feat: premier niveau de connexion * fix: redirection au login MCP (page accompagnement) * ajout du rate limit --------- Co-authored-by: Shamzic <[email protected]> * fix: empêche la fermeture de la modale de chargement des résultats lors d'un clic extérieur (#4800) Source: https://storybook.systeme-de-design.gouv.fr/?path=/docs/modal--docs * Rework page d'accueil [WIP] (#4679) * feat: rework page d'accueil * refactor: amélioration de la section "Comment ça marche?" * fix: test 2e2 home-page * feat: divise la page Home en sections * feat: ajoute une section faq * refactor: home / hero-section * refactor: home page * refactor: déplace et refacto du bouton d'accès à la liste des aides * refactor: hero-section * feat: ajoute les liens des partenaires * fix: accessibilité - axe * fix: lint * style: améliore le dégradé du titre de la hero-section * style: supprime les bullet points des balises <li> * feat: ajoute la recherche par mot clef dans la liste des aides via un query param + màj liste des aides (section benefit showcase) * refactor: et => et/ou * feat: cache certaines sections de la page d'accueil dans l'iframe * refactor: label bouton d'accès à la liste des aides * refactor: label et contenu dans la section "service public" * refactor: suppr. sous-descriptif section "comment ça marche ?" * feat: ajoute du lazy loading sur les images de la section "partenaires" https://developer.mozilla.org/fr/docs/Web/HTML/Element/img#attr-loading * refactor: optimisation images section partenaires - utilisation extension webP + fallback en jpg * refactor: découpage logo jeunes.gouv.fr * test suppression section partenaires * test sans le gif de présentation * test sans le gif de présentation et sans la section partenaires * chore: réactive les sections partenaires et showcase * feat: ajoute lien vers page confidentialité + ajout back-button (confidentialite.vue) * refactor: mise à jour liens (features-section.vue) * refactor: mise à jour liens (features-section.vue) * refactor: contenu (features-section.vue) * refactor: contenu (features-section.vue) * refactor: Ajoute les liens vers la CSS et l'aide Départ 18-25 (showcase page d'accueil) * refactor: ordre des liens (showcase page d'accueil) * refactor: accessibilité liens (showcase page d'accueil) * refactor: réintroduit le terme "service public" (features-section.vue) * refactor: retire le point d'accompagnement dans le section "Comment ça marche?" * refactor: met à jour la section des partenaires * refactor: met à jour des logos section des partenaires * refactor: renommage méthode (rebase avec main) * refactor: formations -> formation * refactor: réordonner les logos des partenaires * refactor: amélioration images JPEG (partenaires) * chore: désactive les partenaires liés à des communes * refactor: désactive partenaire rdv service-public et ajoute un commentaire * Améliore la disposition des logos - section partenaires de la page d'accueil (#4815) * refactor: améliore la disposition des logos (section partenaires de la page d'accueil) * refactor: taille des logos des partenaires réduite au format smartphone * Mise à jour des dépendances de Mongo (#4740) * chore: maj des dépendances mongo * fix: breacking changes de la maj de mongo * fix: erreur d'instanciation avec mongo * feat: passage en mode async/await pour la nouvelle version de mongoose * ajout d'un mock autour des survey * feat: mise à jour de la pertinance des tests * mise à jour du test * Met à jour les aides AVF et AVE de la Caf de la Gironde. (#4808) * Met à jour les aides BAFA de a Caf de Touraine (Indre-et-Loire) (#4807) * feat: migration jest => vitest * feat: rajoute les tests historiquement exclus * chore: update package-lock.json * test: ajuste la vérification de taille de la description - aide au covoiturage (temporaire) * tryfix: cd - unit tests --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: Yasmine Berrada <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Jeremy PASTOURET <[email protected]> Co-authored-by: Emile Rolley <[email protected]>
WIP - preneur de suggestions
pad : https://pad.incubateur.net/3caVHhuuRTCxvzfIf8LZ7g?both