Analyse sectorielle Voici une analyse de 10 sites de FAI basée sur le design, l'ergonomie, le contenu, et les fonctionnalités. Sommaire : Sommaire :... 1 I) Orange (http://www.orange.fr/)... 2 II)Bouygues Télécom (http://www.bouyguestelecom.fr/)... 3 III) SFR (http://www.sfr.fr/)... 4 IV)Rogers (http://www.rogers.com/)... 5 V) Fido (http://www.fido.ca)... 6 VI) Numericable (http://offres.numericable.fr/)... 7 VII) Free (http://portail.free.fr/)... 8 VIII) Alice (http://www.aliceadsl.fr/ ) => Ressemble à Free... 9 IX)DartyBox (http:/www.dartybox.com/)... 10 X) Connexion verte (http://www.connexion-verte.fr/)... 11 XI) Free, un contenu riche et de nombreuses fonctions... 12 XII) Rogers, une ergonomie agréable... 17 XIII) Numericable, un design envoutant... 20 XIV) Conclusion... 22 Page 1
I) Orange (http://www.orange.fr/) 1)Design - Design assez sobre avec une dominante de blanc et orange - Division de l'espace en plusieurs blocs - Couleurs homogènes 2)Ergonomie - Page d'accueil sans menu de navigation - > Gros bloc présentant certains produits - Structure du site qui change suivant les pages (ex: page accueil différent de l'intérieur du site) - Beaucoup d'informations condensées - Pages lourdes à charger - Page annexe pour se connecter à l'espace client -Pied de page avec des différents liens 3)Contenu - Offres téléphonie, internet, téléphone portables, Clé 3G+,... - Beaucoup d'images et textes - Informations sur le service 4)Fonctions - Espace client - Module d'éligibilité ou non avec un numéro de tél. - Facture en ligne - Moteur de recherche - Panier Page 2
II)Bouygues Télécom (http://www.bouyguestelecom.fr/) Analyse sectorielle Julien 1)Design - Design sobre avec une dominante de blanc et bleu clair - Division de l'espace en plusieurs blocs avec des séparations par des lignes - Couleurs homogènes 2)Ergonomie - Menu principale toujours accessible - Structure du site qui reste la même mais la structure du contenu change (Colonnes différentes, espaces,...) - Informations aérées et lisibles - Pages lourdes à charger - Page espace client pour se connecter en gardant le menu et d'autres informations -Pied de page avec des différents liens - Séparation entre la version public et les versions pro -> Boutons en haut, charte graphiques légèrement différente, offres différentes,... 3)Contenu - Offres téléphonie, internet, téléphone portables, Clé 3G+,... - Beaucoup d'images et textes - Informations sur le service 4)Fonctions - Espace client - Module d'éligibilité ou non avec un numéro de tél. - Facture en ligne - Moteur de recherche - Panier - Une page en anglais pour expliquer et montrer le réseau aux étrangers Page 3
III) SFR (http://www.sfr.fr/) 1)Design - Design sobre avec une dominante de blanc et rouge - Division de l'espace en plusieurs blocs avec des séparations par des lignes - Couleurs homogènes 2)Ergonomie - Page d'accueil principale sans menu de navigation - Structure du site qui change suivant certains onglets (menu qui apparaît ou non) - Informations lisibles mais pas toujours aérées - Pages lourdes à charger - Page espace client pour se connecter en gardant le menu et d'autres informations -Pied de page avec des différents liens 3)Contenu - Offres téléphonie, internet, téléphone portables, Clé 3G+,... - Beaucoup d'images et textes - Informations sur le service 4)Fonctions - Espace client - Module d'éligibilité ou non avec un numéro de tél. - Facture en ligne - Moteur de recherche - Panier - Mini site en anglais pour expliquer et montrer le réseau aux étrangers Page 4
IV)Rogers (http://www.rogers.com/) 1)Design - Design sobre avec une dominante de blanc et rouge - Division de l'espace en plusieurs blocs - Couleurs homogènes 2)Ergonomie - Menu de navigation toujours visible - Structure du site change légèrement suivant les rubriques - Informations lisibles et bien aérées - Pages lourdes à charger - Login espace client disponible sur chaque page -Pied de page avec des différents liens 3)Contenu - Offres téléphonie, internet, téléphone portables, Clé 3G+,... - Beaucoup d'images et textes - Informations sur le service 4)Fonctions - Espace client - Facture en ligne - Moteur de recherche - Panier - Version anglaise - Calculateur de données pour évaluer les coûts et besoins Page 5
V) Fido (http://www.fido.ca) 1)Design - Design sobre avec une dominante de gris et jaune - Division de l'espace en plusieurs blocs - Couleurs homogènes 2)Ergonomie - Menu de navigation toujours visible avec 3 niveaux - Structure du site reste la même - Informations lisibles et bien aérées - Pages lourdes à charger - Login espace client disponible sur une autre page -Pied de page avec des différents liens 3)Contenu - Offres téléphonie, internet, téléphone portables, Clé 3G+,... - Beaucoup d'images et textes - Informations sur le service 4)Fonctions - Espace client - Facture en ligne - Moteur de recherche - Panier - Version anglaise Page 6
VI) Numericable (http://offres.numericable.fr/) 1)Design - Design sobre avec une dominante de noir, blanc et vert - Division de l'espace en plusieurs blocs - Couleurs homogènes 2)Ergonomie - Une page d'accueil qui présente les offres et propose un test d'éligibilité - deux structures de site => Accueil et espace client - Informations lisibles et bien aérées - Login espace client disponible sur une autre page -Pied de page avec des différents liens 3)Contenu - Offres téléphonie, internet, TV HD - Beaucoup d'images et textes - Informations sur le service - Système d'infos news 4)Fonctions - Espace client - Facture en ligne - Moteur de recherche - Panier - Système de parrainage Page 7
VII) Free (http://portail.free.fr/) 1)Design - Design sobre avec une dominante de gris, blanc et rouge - Division de l'espace en plusieurs blocs - Couleurs homogènes 2)Ergonomie - Une page d'accueil qui présente l'actualité et des articles divers, ainsi que la possibilité de s'inscrire - deux structures de site => Accueil et 'intérieur' du site => Menu qui change de place - Informations lisibles et bien aérées - Login espace client disponible sur une autre page -Pied de page avec des différents liens 3)Contenu - Offres téléphonie, internet, TV HD - Beaucoup d'images et textes - Informations sur le service, actus, articles, météo... 4)Fonctions - Espace client (webmail, factures, options routeur,..) - Moteur de recherche - Module de souscription et d'éligibilité à Free - Stockage en ligne, page perso (possibilité d'avoir un FTP et NDD.free) - Chat en ligne, web TV, newsgroup... - Boutique Page 8
VIII) Alice (http://www.aliceadsl.fr/ ) => Ressemble à Free Analyse sectorielle Julien 1)Design - Design sobre avec une dominante de gris, blanc et rouge - Division de l'espace en plusieurs blocs - Couleurs homogènes 2)Ergonomie - Une page d'accueil qui présente l'actualité et des articles divers, ainsi que la possibilité de s'inscrire - deux structures de site => Accueil et 'intérieur' du site => Menu qui change de place - Informations lisibles et bien aérées - Login espace client disponible sur une autre page -Pied de page avec des différents liens 3)Contenu - Offres téléphonie, internet, TV HD - Beaucoup d'images et textes - Informations sur le service, actus, articles,... 4)Fonctions - Espace client (webmail, factures, options routeur,..) - Moteur de recherche - Module de souscription et d'éligibilité - Page perso, antivirus, - 4h de téléphonie mobile Page 9
IX)DartyBox (http:/www.dartybox.com/) 1)Design - Design sobre avec une dominante de gris, blanc et rouge - Division de l'espace en plusieurs blocs - Couleurs homogènes 2)Ergonomie - Une page d'accueil qui présente les offres, ainsi que la possibilité de se connecter - Menu principale toujours visible - Impossibilité de revenir à l'accueil après un test d'éligibilité - Certaines pages lourds à charger - Informations lisibles et bien aérées - Login espace client disponible sur une autre page -Pied de page avec des différents liens 3)Contenu - Offres téléphonie, internet, TV HD - Beaucoup d'images et textes - Informations sur le service 4)Fonctions - Espace client (webmail, factures, options routeur,..) - Moteur de recherche - Module de souscription et d'éligibilité - Installation gratuite - Différents pack complémentaire (save en ligne, contrôle parentale,...) Page 10
X) Connexion verte (http://www.connexion-verte.fr/) 1)Design - Design sobre avec une dominante de vert et blanc - Division de l'espace en plusieurs blocs - Couleurs homogènes 2)Ergonomie - Une page d'accueil qui présente les offres - Menu principale toujours visible - Informations lisibles et bien aérées - Pas d'espaces clients 3)Contenu - Offres téléphonie, internet - Beaucoup d'images et textes - Informations sur le service 4)Fonctions - Formulaire de contact A travers cette analyse de 10 sites, j'ai choisi de garder Free pour les nombreuses fonctions et un contenu riche, Rogers pour son ergonomie et Numericable pour son Design. Page 11
XI) Free, un contenu riche et de nombreuses fonctions Analyse sectorielle Julien 1)Contenu Directement sur la page d'accueil, on est informé de l'actu et il y a différent articles avec des nom accrocheurs. On a également les vidéos disponibles avec la FreeBox ainsi que l'assistance en ligne et ses différents tutos. Page 12
Présentation de l'offre de façon claire et simple. On remarque aussi des cartes géographiques pour avoir une vison plus global de l'offre, que se soit pour les zones dégroupés ou les accès téléphoniques. 2)Fonctions Le moteur de recherche est directement accessible sur le portail. Il tourne avec Google. Le module d'éligibilité permet de tester le débit auquel on peut souscrire grâce à son numéro de téléphone. Page 13
Il permet ensuite de souscrire à l'offre Free en ligne avec un module de paiement qui explique chaque étape. Free propose également d'envoyer de gros fichier sur leurs serveurs gratuitement (comme MegaUpload). Et la possibilité de créer une page perso, c'est à dire un site avec NDD.free. On a accès au FTP ainsi qu'à une base de données. Page 14
Un espace client qui permet d'accéder à sa webmail, ses factures, aux options du routeur,... qu'à une boutique de différents accessoire de la Freebox (Courant CPL, antenne wifi,...). Ainsi Page 15
Enfin, nous avons aussi la possibilité de faire des traductions en ligne, d'accéder à un Tchat, de voir la météo, de faire des itinéraire,... Le site propose également de convertir les devises, d'informer sur le trafic des routes, d'accéder à l'annuaire PageJaunes,... Comme on peut le voir, Free offre de nombreuses fonctionnalités, qui vont au-delà du simple fournisseur d'accès. Cela lui permet de viser un public large et de garder un très grand trafic sur son site. Page 16
XII) Rogers, une ergonomie agréable 1) Page d'accueil Une fois arrivée sur le site, on a tous les éléments importants de façon très facile : La possibilité de choisir la langue Un moteur de recherche Un menu avec des intitulées qui parlent d'eux-mêmes, de façon aérée Une bannière de pub qui défile avec la possibilité de choisir la diapo ou de l'arrêter Un accès direct à l'espace client avec la possibilité de se connecter à son espace. On remarquera que l'on a la possibilité de se connecter sur chacune des pages du site Des bloc imagés qui permettent d'en savoir plus sur les offres. L'image permet de comprendre la cible sans prendre la peine de lire de page offre également des informations rapides d'accès : La possibilité de localiser les magasins ainsi que de les contacter Des informations sur l'entreprise Un plan du site La politique de confidentialité Les modalités et critères chez Rogers L'année départ de l'entreprise Le pied Page 17
2) L'offre Internet Voici la page des offres Internet de Rogers : On remarque que le son menu se cale juste en dessous de celui principal, la structure de page n'est donc pas déformé et c'est intuitif** Présentation des différents services avec un pictogramme et un titre, on a une vision global de l'offre et c'est agréable à lire Les différentes offres sont sous forme d'onglets qui permette d'avoir toute les infos sur l'offre quand on clique dessus Le prix est en visible en rouge, avec la possibilité de commander directement Les informations importantes sont en gras Page 18
On a un comparatif du débit avec des applications connues Services compris en plus de l'offre visible dans un cadre ** Avec la possibilité d'un accès rapide au sous menu avec une liste déroulante au survol On remarque là aussi la présence d'une image pour illustré le service 3) Support technique : 'soutien' Le support technique (ici 'soutien' en canadien) est simple d'accès et très bien structuré : Présence d'un fil d'ariane Moteur de recherche Division des services avec plusieurs blocs remplis d'un titre, d'une image et des fonctions Questions fréquentes mises en avant Bloc regroupant d'autres renseignement avec des pictogrammes et un texte explicatif Le site de Rogers présente une ergonomie sans défauts, c'est agréable de naviguer sur le site et c'est simple de retrouver l'information recherché! Page 19
XIII) Numericable, un design envoutant La plupart des sites présente un design sobre et homogène, j'ai choisi d'étudier celui de numericable car il y a un gros effort sur les images. 1) Page d'accueil Dès la page d'accueil, on remarque que le texte ne représente qu'une très petite partie de la page par rapport aux images : Le bandeau noir fait ressortir le logo ainsi que l'espace client avec le vert Cadre sombre avec un bouton rose qui ressort du lot pour tester son éligibilité Vidéo d'animation avec plein d'effets pour faire la pub de la marque Icônes des chaînes retravaillées Télé HD et globe terrestre 'en vectoriel' 2) Eléments graphiques Les différentes bannières sur le site présentant le services sont avec un design bien soigné. Page 20
Les barres de comparaisons sont illustré de pictogrammes Des images de télé ou consoles illustrent le texte L'espace client a un design très attirant On retrouve des couleurs homogènes avec et le texte accompagnés de pictogrammes travaillés. Le site de Numericable offre un panel d'images retravaillés qui rendant le visuel très agréable à regarder. Chaque texte est accompagnées d'images et on retrouve des vidéos de pubs ou explicatives. L'identité visuelle est respectée tout au long du site. Page 21
XIV) Conclusion A travers cette analyse, on remarque qu'il y a plusieurs points à améliorer sur le site de Connexion Verte. Tout d'abord, au niveau du design, trouver une identité visuelle qui sera respecter tout au long du site, ainsi qu'une structure simple mais pratique. Il faudra imager le contenu, proposer des pictogrammes explicites et mettre des images qui attirent l'oeil sur les promos. Dans l'ergonomie du site, il faudra proposer un espace client facile d'accès, un menu qui reste toujours en place avec un sous-menu qui s'adapte en fonction de celui-ci. Le contenu devra être aéré et simple d'accès. Les offres devront être mieux expliquées et mises en valeur. La page d'accueil devrait mettre en avant certaines actus et les promotions du site. Au niveau des fonctions, il faudra impérativement mettre un module d'éligibilité avec un espace client, ainsi qu'un moteur de recherche. Il serait préférable de pouvoir souscrire à l'offre en ligne avec l'aide d'une boutique. Au niveau du support, un tchat en ligne ou un formulaire d'aide avec une FAQ permettrait un meilleur suivi. Il pourrait être envisagé de proposer d'autres services comme un FTP perso ou un espace de stockage. Une fois ces modifications faites, une compagne de pub avec un jeu concours, une page Facebook et Twitter permettrait de relancer la nouvelle version du site. Page 22