From 1525adab8b206e1d602814556b1c5404f0e7fd9f Mon Sep 17 00:00:00 2001 From: gregoirenovel Date: Thu, 5 Jul 2018 11:57:56 +0200 Subject: [PATCH 1/5] Clarify some titles --- app/views/root/landing.html.haml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml index 00f53092a..76aebc55a 100644 --- a/app/views/root/landing.html.haml +++ b/app/views/root/landing.html.haml @@ -44,7 +44,7 @@ %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" } .role-panel-70 - %h1.role-panel-title Usagers + %h1.role-panel-title Vous souhaitez effectuer une demande auprès d'une administration ? %p.role-panel-explanation Déposez des demandes en toute simplicité et retrouvez vos dossiers en ligne = link_to "Se connecter", @@ -64,7 +64,7 @@ %img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "" } .role-panel-70 - %h1.role-panel-title Administrations + %h1.role-panel-title Vous souhaitez dématérialiser une démarche papier et réduire vos temps d'instruction ? %p.role-panel-explanation Créez des formulaires en ligne en quelques minutes et instruisez les demandes des usagers sur une plateforme dédiée = link_to "Demander un compte", From e77a693f5a3486b66e586738c79e8f881d8275c7 Mon Sep 17 00:00:00 2001 From: gregoirenovel Date: Thu, 5 Jul 2018 11:58:27 +0200 Subject: [PATCH 2/5] Clarify a button --- app/views/root/landing.html.haml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml index 76aebc55a..e74d6440a 100644 --- a/app/views/root/landing.html.haml +++ b/app/views/root/landing.html.haml @@ -67,7 +67,7 @@ %h1.role-panel-title Vous souhaitez dématérialiser une démarche papier et réduire vos temps d'instruction ? %p.role-panel-explanation Créez des formulaires en ligne en quelques minutes et instruisez les demandes des usagers sur une plateforme dédiée - = link_to "Demander un compte", + = link_to "Demander un compte administrateur", new_demande_path, class: "role-panel-button-primary", target: "_blank", From b9efd846a1ffab5ef95939938af27a19ca3cf1dd Mon Sep 17 00:00:00 2001 From: gregoirenovel Date: Thu, 5 Jul 2018 12:00:00 +0200 Subject: [PATCH 3/5] Invert two buttons --- app/views/root/landing.html.haml | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml index e74d6440a..cb506dce1 100644 --- a/app/views/root/landing.html.haml +++ b/app/views/root/landing.html.haml @@ -47,14 +47,14 @@ %h1.role-panel-title Vous souhaitez effectuer une demande auprès d'une administration ? %p.role-panel-explanation Déposez des demandes en toute simplicité et retrouvez vos dossiers en ligne - = link_to "Se connecter", - new_user_session_path, - class: "role-panel-button-primary" - = link_to "Voir les démarches disponibles", LISTE_DES_DEMARCHES_URL, target: "_blank", rel: "noopener noreferrer", + class: "role-panel-button-primary" + + = link_to "Se connecter", + new_user_session_path, class: "role-panel-button-secondary" .landing-panel.admins-panel From d6c66f64bd4f5063bd73f52a7f6dec424183d204 Mon Sep 17 00:00:00 2001 From: gregoirenovel Date: Thu, 5 Jul 2018 12:01:28 +0200 Subject: [PATCH 4/5] Move the features panel down the landing page --- .../stylesheets/new_design/landing.scss | 2 +- app/views/root/landing.html.haml | 86 +++++++++---------- 2 files changed, 44 insertions(+), 44 deletions(-) diff --git a/app/assets/stylesheets/new_design/landing.scss b/app/assets/stylesheets/new_design/landing.scss index 7cfb43866..728fdcfb3 100644 --- a/app/assets/stylesheets/new_design/landing.scss +++ b/app/assets/stylesheets/new_design/landing.scss @@ -158,7 +158,7 @@ $landing-breakpoint: 1040px; font-weight: bold; } -.admins-panel, +.users-panel, .numbers-panel { background-color: $light-grey; } diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml index cb506dce1..a626b1845 100644 --- a/app/views/root/landing.html.haml +++ b/app/views/root/landing.html.haml @@ -13,6 +13,49 @@ .hero-illustration %img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "" } + .landing-panel.users-panel + .container + .role-panel-wrapper + .role-panel-30.role-usagers-image + %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" } + + .role-panel-70 + %h1.role-panel-title Vous souhaitez effectuer une demande auprès d'une administration ? + %p.role-panel-explanation Déposez des demandes en toute simplicité et retrouvez vos dossiers en ligne + + = link_to "Voir les démarches disponibles", + LISTE_DES_DEMARCHES_URL, + target: "_blank", + rel: "noopener noreferrer", + class: "role-panel-button-primary" + + = link_to "Se connecter", + new_user_session_path, + class: "role-panel-button-secondary" + + .landing-panel + .container + .role-panel-wrapper.role-administrations-panel + .role-panel-30.role-administrations-image + %img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "" } + + .role-panel-70 + %h1.role-panel-title Vous souhaitez dématérialiser une démarche papier et réduire vos temps d'instruction ? + %p.role-panel-explanation Créez des formulaires en ligne en quelques minutes et instruisez les demandes des usagers sur une plateforme dédiée + + = link_to "Demander un compte administrateur", + new_demande_path, + class: "role-panel-button-primary", + target: "_blank", + rel: "noopener noreferrer", + onclick: "javascript: ga('send', 'pageview', '/demander-une-demo')" + + = link_to "Voir la documentation", + DOC_URL, + target: "_blank", + rel: "noopener noreferrer", + class: "role-panel-button-secondary" + .landing-panel.features-panel .container %ul.features @@ -37,49 +80,6 @@ %br à l'ensemble des services de l'État plateforme - .landing-panel - .container - .role-panel-wrapper - .role-panel-30.role-usagers-image - %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" } - - .role-panel-70 - %h1.role-panel-title Vous souhaitez effectuer une demande auprès d'une administration ? - %p.role-panel-explanation Déposez des demandes en toute simplicité et retrouvez vos dossiers en ligne - - = link_to "Voir les démarches disponibles", - LISTE_DES_DEMARCHES_URL, - target: "_blank", - rel: "noopener noreferrer", - class: "role-panel-button-primary" - - = link_to "Se connecter", - new_user_session_path, - class: "role-panel-button-secondary" - - .landing-panel.admins-panel - .container - .role-panel-wrapper.role-administrations-panel - .role-panel-30.role-administrations-image - %img.role-image{ :src => image_url("landing/roles/administrations.svg"), alt: "" } - - .role-panel-70 - %h1.role-panel-title Vous souhaitez dématérialiser une démarche papier et réduire vos temps d'instruction ? - %p.role-panel-explanation Créez des formulaires en ligne en quelques minutes et instruisez les demandes des usagers sur une plateforme dédiée - - = link_to "Demander un compte administrateur", - new_demande_path, - class: "role-panel-button-primary", - target: "_blank", - rel: "noopener noreferrer", - onclick: "javascript: ga('send', 'pageview', '/demander-une-demo')" - - = link_to "Voir la documentation", - DOC_URL, - target: "_blank", - rel: "noopener noreferrer", - class: "role-panel-button-secondary" - .landing-panel .container %h2.landing-panel-title Ce que les utilisateurs pensent du service From 43836d05ad23e96d3d96d8372db95641efc94af4 Mon Sep 17 00:00:00 2001 From: gregoirenovel Date: Fri, 6 Jul 2018 13:25:47 +0200 Subject: [PATCH 5/5] Small improvements to the landing page titles --- app/assets/stylesheets/new_design/landing.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/app/assets/stylesheets/new_design/landing.scss b/app/assets/stylesheets/new_design/landing.scss index 728fdcfb3..bdbde1be9 100644 --- a/app/assets/stylesheets/new_design/landing.scss +++ b/app/assets/stylesheets/new_design/landing.scss @@ -298,6 +298,8 @@ $users-breakpoint: 950px; .role-panel-title { font-size: 30px; font-weight: bold; + line-height: 36px; + margin-bottom: 15px; } .role-panel-explanation {