Page gamme des forfaits

Transcription

1 Parcours offre

2 Page gamme des forfaits Page permetant de choisir une gamme de forfait Zone de mise en avant d une promotion Zone administrable. Au clique renvoi vers l offre associée. Bloc offre Au roll over, apparition d un encadré. Au clique renvoi vers la liste des forfaits pré-filtrée. Zone avantages NRJ Mobile blocs administrables. Au clique renvoi vers la page associée. Zone de réassurance CF. Zones de réassurance

3 Liste des forfaits Page permetant le choix d un forfait Titre de page Titre de la page, administrable Zone de filtre Filtres pré-sélectionnés selon le choix fait à la page «Gamme forfaits» CF. Zone de filtre - Liste des forfaits Blocs forfait Liste de tous les forfaits disponibles selon ce qui a été filtré. CF. Bloc forfait

4 Zone de filtre - Liste des forfaits Titre «Filtrer» Listes déroulantes composants la zone de filtre Au clique, ouverture de la liste déroulante. A la sélection d un élément, la liste des forfait est filtrée. Voir les spécifications fonctionnelles pour avoir les items de chaque liste déroulante. Titre «Trier» Liste déroulante «Trier» Au clique, ouverture de la liste déroulante. Voir les spécifications fonctionnelles pour avoir la liste des items composant cette liste déroulante.

5 Bloc forfait Zone nom forfait - Titre du forfait - Lien détail forfait : au clique affiche un layer avec le détail du forfait - Prix du forfait - Engagement Zone composition du forfait - Data - Appels - SMS/MMS - Avantage Voir les spécifications fonctionnelles pour connaitre les liste des items par forfait Au rollover sur la zone «nom forfait» ou «composition du forfait» apparition d un un encadré et de l action «Choisir ce forfait». Action «Choisir ce forfait» Au clique affiche le layer «conservation du numéro» Avantage Au rollover affichage d un tooltip avec des informations supplémentaires.

6 Layer «Conservation du numéro» Titre Titre administrable Bloc de sélection seul choix possible, même comportement que des boutons radio. Au clique sélection du bloc. Action «Continuer» Action désactivé si aucun choix réalisé. Si choix réalisé, au clique affiche dans le même layer la suite du parcours. Croix Au clique disparition du layer. 6

7 Choix Titre Titre administrable Champs texte / boutons radio / date Voir les spécifications fonctionnelles Action «Annuler ce choix» Au clique, renvoi à l étape précédente du layer. Action «Continuer» Au clique affichage dans le même layer du choix avec ou sans mobile 7

8 Choix Choix nouveau numéro Au clique affichage dans le même layer du choix avec ou sans mobile 8

9 Choix En attente d infos En attente d infos Action «Continuer» Au clique affichage dans le même layer du choix avec ou sans mobile 9

10 Layer avec ou sans mobile Titre du layer Titre administrable Visuel avec mobile Visuel sans mobile Action avec mobile Au clique renvoi vers le parcours avec mobile : page liste mobile Action sans mobile Au clique affiche dans le même layer le choix de la SIM 0

11 Choix de la SIM Titre Titre administrable Blocs de sélection seul choix possible, même comportement que des boutons radio. Au clique sélection du bloc. Action «Continuer» Au clique, renvoi dans le parcours sans mobile

12 Parcours offre - sans mobile

13 Page options Page de sélection d une ou plusieurs options, optionnel. Fil d étape Apparition du fil d étapes composé de :. Forfait (validé) : au clique renvoi vers la page de liste de forfaits. Options Titre de la page Titre administrable Bloc option CF. Bloc option Bloc panier CF. Panier - Sans mobile Bloc Chat CF. Bloc chat

14 Page récapitulatif forfait Page de récapitulatif, apparait après la configuration de l offre 0 Logo NRJ Mobile Au clique renvoi sur la page d accueil su site Fil d étapes Titre de la page 6 Bloc portabilité CF. Bloc portabilité Bloc SIM Bloc forfait CF. Bloc forfait Bloc options (optionnel) CF. Bloc options 8 Bloc livraison CF. Bloc livraison Bloc total CF. Bloc total Bloc panier CF. Bloc panier Action «Valider le panier» Au clique, renvoi vers la page «paiement» Bloc réassurance CF. Bloc réassurance Bloc chat CF. Bloc chat Lien «sauvegarder mon panier par mail» Au clique, affichage d un layer avec champ texte pour saisir l adresse .

15 Bloc portabilité Affichage du bloc de portabilité en fonction du choix fait lors de la sélection du numéro de mobile. Conservation du numéro Nouveau numéro Personnalisation du numéro

16 7 Bloc Forfait 6 Titre «forfait» Nom du forfait Indication avance sur facture - optionnel 9 Date de mise en place du forfait 8 Lien «Modifier» Au clique renvoi sur la page liste forfait (parcours forfait) ou liste mobile + forfait (parcours mobile) 6 Lien «Afficher le détail» Au clique affiche le détail du forfait 7 Prix du forfait 8 Détail forfait 9 Lien «Masquer le détail» Au clique masque le détail du forfait 6

17 Bloc mobile 6 Titre «Mobile» Nom du mobile Lien «Modifier» Au clique renvoi sur la page liste mobile Information SIM Prix sans ODR 6 Bloc ODR CF. Bloc ODR Recapitulatif 7

18 Bloc option Titre «Options» Nom de l option Lien supprimer Au clique supprime l option et change le montant mensuel à payer. Prix de l option 8

19 Bloc accessoires 6 Titre «Accessoires» Nom de l accessoire Marque de l accessoire Lien «Supprimer» Au clique supprime l accessoire et change le montant à payer aujourd hui. Prix sans ODR 6 Bloc ODR CF. Bloc ODR Panier 9

20 6 Bloc livraison Titre «Livraison» 7 Bouton radio «Livraison à domicile» sélectionné Information de livraison 8 Lien «modifier» 9 Au clique l adresse de livraison devient éditable avec des champs texte. Adresse de livraison 0 6 Prix 7 Bouton radio «Livraison à domicile» désélectionné Au clique fermeture du bloc livraison à domicile et ouverture du bloc livraison auprès de votre conseiller bancaire 8 Bouton radio «Livraison auprès de votre conseiller bancaire» désélectionné Au clique fermeture du bloc livraison auprès de votre conseiller bancaire et ouverture du bloc livraison à domicile. 9 Bouton radio «Livraison auprès de votre conseiller bancaire» sélectionné 0 Information de livraison Adresse de la banque Prix 0

21 Bloc total Titre «Total mensuel» Prix mensuel Titre «A payer aujourd hui» Prix à payer aujourd hui Information remboursement ODR Code promo - optionnel Lien «Supprimer» Au clique suppression du code promo et changement du montant mensuel ou à payer aujourd hui. Montant du code promo

22 Page coordonnées Page coordonnées permettant la saisie des informations personnelles. A l ouverture de cette page, tous les blocs sont fermés et s ouvre après chaque validation des informations. Logo NRJ Mobile Au clique renvoi sur la page d accueil su site Bloc déjà client 6 CF. Bloc déjà client Bloc titulaire de la ligne CF. Bloc titulaire de la ligne 7 Bloc utilisateur de la ligne CF. Bloc utilisateur de la ligne Bloc prélèvement CF. Bloc prélèvement Bloc facture mensuelle CF. Bloc facture mensuelle 7 Bloc délai de rétractation CF. Bloc de rétractation 8 Bloc conditions générales CF. Bloc conditions générales 9 Action «Valider et s engager à payer» Au clique renvoi sur la page de paiement 0 Bloc panier CF. Bloc panier Bloc besoin d aide CF. Bloc besoin d aide Bloc chat CF. Bloc chat

23 Bloc déjà client Question déjà client Au clique sur «oui» ouverture du bloc. Au clique sur «non» ouverture du bloc titulaire de la ligne. Bloc déjà client Champ texte N de téléphone et Mot de passe Lien «Mot de passe oublie?» Au clique, affichage d un layer. Action «Valider» Au clique, Ouverture du bloc titulaire de la ligne pré-rempli des informations du client.

24 Bloc titulaire de la ligne Formulaire titulaire de la ligne Voir les spécifications fonctionnelles pour avoir les itemps définitifs. Les informations sont pré-remplies si le client est identifié. Action «Valider» Au clique fermeture du bloc titulaire de la ligne, changement par la version «bloc validé» et ouverture du bloc utilisateur de la ligne Bloc validé Au clique sur «modifier» ouverture du bloc

25 Bloc utilisateur de la ligne Question utilisateur de la ligne Au clique sur «oui» femeture du bloc, changement par la version «bloc validé» et ouverture du bloc prélèvement. Au clique sur «non» déploiement du bloc utilisateur de la ligne. Formulaire utilisateur de la ligne Voir les spécifications fonctionelles pour avoir les liste des items définitifs. Action «Valider» Au clique fermeture du bloc, changement par la version «bloc validée» et ouverture du bloc prélèvement. Bloc validé Au clique sur «modifier» ouverture du bloc

26 Bloc prélèvement Question titulaire du compte bancaire Au clique sur «oui» ou «non» ouverture du bloc Formulaire Voir les spécifications fonctionnelles pour avoir la liste des items définitifs Action «Valider» Au clique fermeture du bloc, changement pour la version «bloc validé» et ouverture du bloc facture mensuel Bloc validé Au clique sur «modifier» ouverture du bloc 6

27 Bloc facture mensuel, délai de rétractation et conditions générales Boutons radio Au clique sur «oui» ou «non» ouverture du bloc délai de rétractation. Zone de texte Texte administrable Boutons radio Au clique sur «oui» ou «non» ouverture du bloc conditions générales. Cases à cocher Obligation de cocher les premières cases pour rendre active l action «Valider et s engager à payer» Action «Valider et s engager à payer» Action active uniquement si les premières cases à cocher ont été sélectionnées. Au clique renvoi vers la page de paiement 7

28 Page paiement Action valider Au clique, renvoi vers la page confirmation Action Abandonner Au clique, renvoi vers la page précédente 8

29 Page confirmation Logo NRJ Mobile Fil d étape 6 Bloc n commande et n mobile CF. Bloc n commande et n mobile 7 Bloc Validation Picto et texte Texte 8 6 Bloc «et maintenant» CF. Bloc «et maintenant» 7 Texte 8 Bloc articles Si ODR, liens vers le téléchargement des ODR disponible en dessous des prix 9 Bloc forfait 9 0 Bloc assistance Lien redirigeant vers l assistance mobile. Action retourner à l accueil 0 Renvoi vers la page d accueil NRJ mobile Bloc chat Zone de réassurance 9

30 Bloc n de commande et n de mobile Affichage différent sur la page confirmation en fonction du choix réalisé sur la portabilité du n ou non lors de l étape de sélection du forfait. Bloc n conservé Bloc nouveau n Bloc n personnalisé 0

31 Bloc «et maintenant» Bloc contrat non signé Textes administrables Action «Télécharger mon contrat» Au clique, ouverture du PDF. Une fois le PDF signé électroniquement, redirection vers la page confirmation avec étape validé. Bloc contrat signé Une fois le contrat signé, redirection vers la page confirmation en affichant ce bloc en place du bloc précédent. Lien «Télécharger mon contrat» Au clique ouverture du contrat PDF signé.

32 Parcours offre - avec mobile

33 Liste mobile - tunnel Au scroll en bas de page : chargement automatique de plus d accessoires Fil d étapes. Forfait - Ok. Mobile - Actif. Options - Désactivé. Accessoires - Désactivé Titre Bloc filtres CF. Bloc filtres 6 Bloc mobile CF. Bloc mobile - liste Panier CF. Panier 6 Zone de réassurance CF. zones de réassurance 7 7 Bloc chat CF. bloc chat

34 Fiche mobile Bloc mobile CF. Bloc mobile Bloc accessoire (optionnel) Bloc réassurance Bloc présentation Contenu récupéré directement sur le site constructeur. Bloc spécifications techniques Bloc avis 6 Bloc chat 6 7

35 Bloc mobile Lien retour à la liste des mobiles 6 Tag exclusivité (optionnel) 9 0 Labels fonctionnalités 7 Visuel mobile + DAS 8 6 Miniature + vue D Au clique affichage de la vue sélectionnée. Au clique sur le mode D affichage de la vue D. Nom du mobile 7 Couleurs Au clique sur la couleur changement du visuel associé. 8 Caractéristiques principales Texte administrables + lien qui renvoi vers une ancre associée aux caractéristiques techniques en bas de page. 9 Nom du forfait sélectionné 0 Prix du forfait ODR Bloc x CB Action «Choisir ce mobile et continuer» Au clique renvoi sur la page «options»

36 Bloc accessoires (optionnel) Titre du bloc Lien «réduire» Au clique referme le bloc accessoire 6 Visuel accessoire Titre de l accessoire Caractéristiques de l accessoire

37 Bloc caractéristiques techniques Titre de la catégorie Caractéristique Valeur de la caractéristique 7

38 Bloc avis Titre du bloc Lien «réduire» Au clique referme le bloc. Visuel Zone de texte administrable 8

39 Page options Voir page options Fil d étapes.forfait - OK. Mobile - OK. Options - Actif. Accessoires - Inactif 9

40 Page accessoires Au scroll en bas de page : chargement automatique de plus d accessoires 7 Fil d étapes.forfait - OK. Mobile - OK. Options - OK. Accessoires - Actif Zone de filtres. Catégorie - Liste déroulante. Compatibilité - Liste déroulante - pré-sélectionné sur «compatible avec votre mobile» par défaut. Trie - Liste déroulante Au changement d un item la page se recharge automatiquement. Titre de la zone de promotion Bloc accessoire - promotion Visuel Nom de l accessoire Marque Prix avec ODR inclus Au rollover le bloc est entouré d un cadre. Au clique ouverture du layer accessoire. 6 8 Titre de tous les accessoires 6 Bloc accessoire Visuel Nom de l accessoire Marque Prix avec ODR inclus Au rollover le bloc est entouré d un cadre. Au clique ouverture du layer accessoire. 9 7 Bloc panier 8 Bloc aide 9 Bloc chat 0

41 Layer accessoires Nom de l accessoire Croix Au clique ferme le layer sans ajouter l accessoire au panier. Marque de l accessoire 0 Visuel accessoire Description de l accessoire 6 Choix couleur Comportement d un bouton radio, au clique sélectionne la couleur 7 Quantité Liste déroulante 8 Prix Prix sans ODR barré + prix avec ODR 9 ODR 0 Action «Ajouter cet accessoire» Au clique fermeture du layer et ajout de l accessoire au panier

42 Page récapitulatif mobile + forfait Voir page récapitulatif forfait Bloc mobile CF. Bloc mobile Bloc accessoire CF. Bloc accessoire

43 Page coordonnées CF. Page coordonnées

44 Page paiement CF. Page paiement

45 Page confirmation CF. Page confirmation

46 Parcours mobile + forfait

47 Page liste forfait Titre de la page Zone de filtre mobile CF. Zone de filtre mobile Mini fiche mobile CF. Mini fiche mobile - liste mobile Bloc de réassurance Bloc d aide Bouton retour en haut de page Bloc chat 7

48 Fiche mobile - liste mobile CF. Fiche mobile - tunnel Bloc mobile 8

49 Bloc mobile CF. Bloc mobile - tunnel Prix Affichage du plus petit prix ODR et prix barré sans ODR Action «Choisir ce mobile et continuer» Au clique renvoi vers la page liste forfait + mobile 9

50 Liste forfait + mobile Fil d étapes. Mobile - OK. Forfait - Actif. Accessoires - inactif. Options - inactif Titre de la page Zone de filtre forfait. Type de forfait - Liste déroulante. Engagement - liste déroulante. Internet - Liste déroulante. Durée d appel - Liste déroulante 6 Bloc mobile + forfait 7 CF. Bloc mobile + forfait Au rollover passage à l état hover Au clique passage à l état sélectionné et ajout au panier du forfait Bloc panier CF. Bloc panier A l ajout d un forfait le bouton d action «Choisir ce forfait et continuer» devient actif. Au clique sur «Choisir ce forfait et continuer» : affichage du layer portabilité du numéro 6 Bloc aide 7 Bloc chat 0

51 6 Bloc mobile + forfait 7 8 Nom du mobile Bouton radio Visuel mobile Prix du mobile Prix du mobile avec ODR + prix du mobile sans ODR barré Nom du forfait 6 Lien «Détail forfait» Au clique ouverture d un layer avec le détail du forfait 7 Prix du forfait Prix du forfait + engagement 8 Module composant du forfait

52 Layer portabilité du numéro Même comportement que le layer portabilité du numéro du parcours offre mais pas d étapes de choix «Forfait + mobile» ou «forfait seul»

53 Page accessoires CF. Page accessoires

54 Page options CF. Page options

55 Page récapitulatif CF. Page récapitulatif

56 Page coordonnées CF. Page coordonnées 6

57 7

58 Page confirmation CF. Page confirmation 8

59 Bloc option Catégorie d options Picto Nom de la catégorie Sous-titre de la catégorie Lien «réduire» Au clique referme le bloc Option Au clique sélectionne l option et l ajoute au panier. Si sélectionné, au clique désélectionne l option et la retire du panier. 9

60 Bloc panier - Parcours de configuration forfait / mobile

61 Composition globale - Parcours forfait / mobile + forfait Titre «Résumé de votre panier» Module mobile Module forfait Module option Module accessoires Module Total mensuel Titre «Total mensuel» Prix mensuel par mois Module A payer aujourd hui Titre «A payer aujourd hui» Prix à payer aujourd hui sans ODR Indication du montant du remboursement 8 7 Action «Continuer» Au clique renvoi à l étape suivante 6

62 Module mobile Nom du mobile sélectionné 6 Visuel du mobile sélectionné Information DAS du mobile sélectionné Lien «Modifier» Au clique renvoi à la liste des mobiles Prix du mobile sans ODR 6 Bloc ODR CF. Bloc ODR 6

63 Module forfait Nom du forfait sélectionné Lien «Modifier» Au clique renvoi à la liste des forfaits du parcours forfait ou à la liste mobile + forfait Prix du forfait par mois Information de portabilité Information contextuelle au choix fait à l étape de la portabilité. 6

64 Module option Titre «Total options» 7 Lien «Voir le détail» Au clique déploie le détail des options. 6 Total des options sélectionnées Lien «Masquer le détail» Au clique referme le détail des options. Nom de l option sélectionné 6 Lien «Supprimer» Au clique supprime l option et la décoche de la page option. 7 Prix de l option 6

65 Module accessoires Titre «Total accessoires» 7 Lien «Voir le détail» Au clique déploie le détail des accessoires. 6 Total des accessoires sélectionnées 8 Lien «Masquer le détail» Au clique referme le détail des accessoires. Nom de l accessoire sélectionné 6 Lien «Supprimer» Au clique supprime l accessoire. 7 Prix de l accessoire sans ODR 8 Bloc ODR CF. Bloc ODR 6

66 66 Parcours forfait - Etape option

67 Parcours forfait + mobile - Etape liste mobile Etat par défaut Etat lors de l ajout d un mobile 67

68 68 Parcours forfait + mobile - Etape options

69 Parcours forfait + mobile / mobile + forfait - Etape accessoires 69

70 Parcours mobile + forfait - Etape choix du forfait Etat par défaut Etat lors de la sélection d un forfait 70

71 Parcours mobile + forfait - Etape accessoire 7

72 7 Parcours mobile + forfait - Etape options

73 Bloc panier - Parcours de configuration forfait / mobile

74 Bloc panier - recap Module «total mensuel» Titre «total mensuel» Lien voir le détail : au clique affiche le détail Prix mensuel par mois Module «à payer aujourd hui» Titre «A payer aujourd hui» Information sur le montant du remboursement Lien voir le détail : au clique affiche le détail Prix à payer aujourd hui Module «code promotionnel» Titre «Vous avez un code promotionnel» Champ de saisi Bouton Ok : au clique ajout du code promotionnel 7

75 Bloc panier - Recap - code promo 7

76 Bloc aide

77 Bloc aide Le bloc aide est présent sur les pages suivantes : - Options - Accessoires - Liste forfait (parcours mobile) - Coordoonées Lien assistance mobile Chat avec un conseiller Lien Web call back 77

78 Bandeau aide Bandeau présent dans la liste mobile (parcours mobile) Numéro de téléphone Lien web callback 78

79 Blocs réassurance

80 Bandeau de réassurance horizontal Bandeau présent sur les pages : - Gamme forfait - Liste mobile (parcours mobile) - Fiche mobile - Récapitulatif - Confirmation Titre Picto de l élément de réassurance Texte de l élément de réassurance 80

81 Bloc réassurance colonne de droite Bandeau présent sur les pages : - Récapitulatif - Liste mobile (parcours forfait) Picto de l élément de réassurance Texte de l élément de réassurance 8

82 Bloc de chat

83 Bloc de chat Présent sur toutes les pages des parcours mobile et forfait. Positionnement sticky en bas à droite. Lien vers le chat Numéro de téléphone 8

84 Blocs ODR

85 Bloc ODR Mobile ODR Au rollover : affichage du tooltip ODR Au rollout : fermeture du tooltip ODR Comportement responsive : Au touch : affichage du tooltip ODR Lien de téléchargement de l ODR Croix Comportement responsive : Au touch : fermeture du tooltip ODR 8

86 Bloc ODR mobile - panier et récapitulatif ODR Au rollover : affichage du tooltip ODR Au rollout : fermeture du tooltip ODR Comportement responsive : Au touch : affichage du tooltip ODR Lien de téléchargement de l ODR Croix Comportement responsive : Au touch : fermeture du tooltip ODR 86

87 Bloc ODR accessoire - fiche ODR Au rollover : affichage du tooltip ODR Au rollout : fermeture du tooltip ODR Comportement responsive : Au touch : affichage du tooltip ODR Lien de téléchargement de l ODR Croix Comportement responsive : Au touch : fermeture du tooltip ODR 87

88 Bloc ODR accessoire - Panier et récaptitulatif ODR Au rollover : affichage du tooltip ODR Au rollout : fermeture du tooltip ODR Comportement responsive : Au touch : affichage du tooltip ODR Lien de téléchargement de l ODR Croix Comportement responsive : Au touch : fermeture du tooltip ODR 88

89 Blocs mobile

90 Module mobile - Parcours forfait Au rollover sur la zone : affichage de l état actif Tout la zone du mobile est cliquable : renvoi vers la fiche mobile Label exclusivité (optionnel) 6 Labels fonctionnalités DAS Visuel mobile Encart bundle 7 6 Bouton radio sélection couleur Au clique sélection de la couleur. 8 7 Marque + modèle Titre + prix ODR 0 0 Bouton ajouter au panier Au clique ajout du mobile au panier. 90

91 Module mobile - Parcours mobile Au rollover sur la zone : affichage de l état actif Tout la zone du mobile est cliquable : renvoi vers la fiche mobile Label exclusivité (optionnel) 6 Labels fonctionnalités DAS Visuel mobile Encart bundle 7 6 Bouton radio sélection couleur Au clique sélection de la couleur. 8 7 Marque + modèle Titre + prix ODR 0 0 Bouton ajouter au panier Au clique renvoi vers la page mobile + forfait. 9