From 7b9e7718a3b8f5bc6eb9239c0efc088ed951940c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Chai=CC=88b=20Martinez?= Date: Fri, 8 Mar 2019 11:26:08 +0100 Subject: [PATCH 1/2] admin: redesign the account request page MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Chaïb Martinez --- app/views/demandes/new.html.haml | 8 ++-- app/views/root/administration.html.haml | 63 +++++++++++++++---------- app/views/root/landing.html.haml | 4 +- 3 files changed, 43 insertions(+), 32 deletions(-) diff --git a/app/views/demandes/new.html.haml b/app/views/demandes/new.html.haml index 43ab4aa3b..7461c8211 100644 --- a/app/views/demandes/new.html.haml +++ b/app/views/demandes/new.html.haml @@ -4,9 +4,9 @@ = render partial: "root/footer" .container.demande - %h1 Demande de compte administrateur + %h1 Demande de compte administrateur pour créer une 1er démarche de test - .card + .card.featured .card-title Vous souhaitez seulement compléter une démarche sur notre site ? %p @@ -52,7 +52,7 @@ Vous utilisez un email orange, wanadoo, free, gmail etc. ? Merci de nous %a{ href: contact_admin_path, target:'_blank', rel: 'noopener' } contacter préalablement. - = email_field_tag :email, nil, placeholder: 'jean.martin@developpement-durable.gouv.fr', required: true + = email_field_tag :email, nil, placeholder: 'jean.martin@developpement-durable.gouv.fr', required: true, pattern:'^.+@((?!hotmail)(?!gmail)(?!orange)(?!free)(?!wanadoo).)+\..+$' = label_tag :phone do Quel est votre numéro de téléphone (ligne directe) ? @@ -90,4 +90,4 @@ %span.mandatory * = number_field_tag :nb_of_dossiers, nil, required: true - = submit_tag 'Envoyer', class: 'button', data: { disable: true } + = submit_tag 'Demander un compte administrateur pour créer une 1er démarche de test', class: 'button primary expand large', data: { disable: true } diff --git a/app/views/root/administration.html.haml b/app/views/root/administration.html.haml index fc80e2490..e8754a80e 100644 --- a/app/views/root/administration.html.haml +++ b/app/views/root/administration.html.haml @@ -7,47 +7,57 @@ .hero-wrapper .hero-text %p.hero-tagline - %em.hero-tagline-em Dématérialisez et simplifiez - vos démarches administratives + %em.hero-tagline-em Dématérialisez + vos démarches administratives et + %em.hero-tagline-em simplifiez + la vie de vos usagers .hero-illustration %img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "" } - .landing-panel.usagers-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 êtes une administration et êtes prête pour dématérialiser ? - %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", - rel: "noopener noreferrer" - .landing-panel.more-info .container .role-panel-wrapper.role-administrations-panel .role-panel-70 - %h1.role-panel-title Vous voulez en savoir plus ? - %p.role-panel-explanation Découvrez notre outil + %h1.role-panel-title Est-ce fait pour mon administration ? + %p.role-panel-explanation Découvrez notre outil avec notre Webinaire en ligne ou lisez notre documentation - = link_to "Contactez-nous", - contact_admin_path, + = link_to "Inscription à notre webinaire de présentation", + "https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr", rel: "noopener noreferrer", + target: "_blank", class: "role-panel-button-primary" - = link_to "Consultez notre documentation", + = link_to "Documentation", DOC_URL, rel: "noopener noreferrer", + target: "_blank", class: "role-panel-button-secondary" .role-panel-30.role-more-info-image %img.role-image{ :src => image_url("landing/roles/usagers.svg"), alt: "" } +.landing-panel.usagers-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 Votre administration est prête pour dématérialiser + %p.role-panel-explanation Créez un premier formulaire "de test" en quelques minutes. Instruisez les demandes des usagers sur notre plateforme + + = link_to "Créez une démarche de test maintenant", + new_demande_path, + class: "role-panel-button-primary", + rel: "noopener noreferrer" + %br + %br + %br + + + + .landing-panel.features-panel .container %ul.features @@ -194,15 +204,16 @@ .half.first-half %h1.cta-panel-title Vous êtes prêt pour dématérialiser ? %p.cta-panel-explanation Réduisez vos temps d'instruction de 50 % - = link_to "Demander un compte", + = link_to "Créer une démarche de test", new_demande_path, class: "cta-panel-button-blue" .half %h1.cta-panel-title Vous voulez en savoir plus ? - %p.cta-panel-explanation Nous vous faisons découvrir l'outil - = link_to "Contactez-nous", - contact_admin_path, + %p.cta-panel-explanation Participez à notre prochain Webinaire + = link_to "Inscription à notre webinaire", + "https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr", + target: "_blank", class: "cta-panel-button-blue" .clearfix diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml index 5469e3a2d..ed9c4df2d 100644 --- a/app/views/root/landing.html.haml +++ b/app/views/root/landing.html.haml @@ -80,8 +80,8 @@ .container .cta-panel-wrapper %div - %h1.cta-panel-title Vous êtes une administration ? - %p.cta-panel-explanation Vous souhaitez dématerialiser une démarche administrative ? + %h1.cta-panel-title Administration : vous voulez dématerialiser ? + %p.cta-panel-explanation Proposez à vos usagers de remplir leurs dossiers en ligne %div = link_to "Découvrez notre outil", administration_path, From 4b5c5171f7b435926ec4361b07fceaf8b40179d0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Chai=CC=88b=20Martinez?= Date: Fri, 15 Mar 2019 15:08:47 +0100 Subject: [PATCH 2/2] admin: minor text changes Fix #3493 --- app/views/demandes/new.html.haml | 17 +++++++++++++---- app/views/root/administration.html.haml | 16 ++++++++-------- 2 files changed, 21 insertions(+), 12 deletions(-) diff --git a/app/views/demandes/new.html.haml b/app/views/demandes/new.html.haml index 7461c8211..5cb4b83ad 100644 --- a/app/views/demandes/new.html.haml +++ b/app/views/demandes/new.html.haml @@ -3,12 +3,20 @@ - content_for :footer do = render partial: "root/footer" -.container.demande - %h1 Demande de compte administrateur pour créer une 1er démarche de test + +.container.demande + + %b + Étape 1 : demandez un compte administrateur + >> Étape 2 : recevez une confirmation par email >> Étape 3 : créez une démarche de test + %br + %br + %h1 Demande de compte administrateur pour créer une 1ère démarche de test .card.featured .card-title Vous souhaitez seulement compléter une démarche sur notre site ? + %p Vous n'avez pas besoin de compte administrateur ! %p @@ -52,7 +60,8 @@ Vous utilisez un email orange, wanadoo, free, gmail etc. ? Merci de nous %a{ href: contact_admin_path, target:'_blank', rel: 'noopener' } contacter préalablement. - = email_field_tag :email, nil, placeholder: 'jean.martin@developpement-durable.gouv.fr', required: true, pattern:'^.+@((?!hotmail)(?!gmail)(?!orange)(?!free)(?!wanadoo).)+\..+$' + + = email_field_tag :email, nil, placeholder: 'jean.martin@developpement-durable.gouv.fr', required: true, pattern:'^.+@((?!hotmail)(?!gmail)(?!orange)(?!free)(?!wanadoo).)+\..+$',title:'Saisir un email valide et ne se finissant pas par Orange, Wanadoo, Free, etc.' = label_tag :phone do Quel est votre numéro de téléphone (ligne directe) ? @@ -90,4 +99,4 @@ %span.mandatory * = number_field_tag :nb_of_dossiers, nil, required: true - = submit_tag 'Demander un compte administrateur pour créer une 1er démarche de test', class: 'button primary expand large', data: { disable: true } + = submit_tag 'Demander un compte administrateur pour créer une 1ère démarche de test', class: 'button primary expand large', data: { disable: true } diff --git a/app/views/root/administration.html.haml b/app/views/root/administration.html.haml index e8754a80e..df176903f 100644 --- a/app/views/root/administration.html.haml +++ b/app/views/root/administration.html.haml @@ -7,10 +7,8 @@ .hero-wrapper .hero-text %p.hero-tagline - %em.hero-tagline-em Dématérialisez - vos démarches administratives et - %em.hero-tagline-em simplifiez - la vie de vos usagers + %em.hero-tagline-em Dématérialisez et simplifiez + vos démarches administratives .hero-illustration %img{ :src => image_url("landing/hero/dematerialiser.svg"), alt: "" } @@ -20,9 +18,9 @@ .role-panel-wrapper.role-administrations-panel .role-panel-70 %h1.role-panel-title Est-ce fait pour mon administration ? - %p.role-panel-explanation Découvrez notre outil avec notre Webinaire en ligne ou lisez notre documentation + %p.role-panel-explanation Découvrez notre outil et posez nous vos questions lors de notre démonstration en ligne ou lisez notre documentation - = link_to "Inscription à notre webinaire de présentation", + = link_to "Participer à notre démonstration en ligne", "https://app.livestorm.co/demarches-simplifiees/presentation-general-de-demarches-simplifieesfr", rel: "noopener noreferrer", target: "_blank", @@ -45,9 +43,11 @@ .role-panel-70 %h1.role-panel-title Votre administration est prête pour dématérialiser - %p.role-panel-explanation Créez un premier formulaire "de test" en quelques minutes. Instruisez les demandes des usagers sur notre plateforme + %p.role-panel-explanation Créez un premier formulaire de test en quelques minutes - = link_to "Créez une démarche de test maintenant", + + + = link_to "Créez une démarche de test", new_demande_path, class: "role-panel-button-primary", rel: "noopener noreferrer"