Site Corporate Anuman - CAHIER DES CHARGES FRONT OFFICE - Version Mars 2012

Transcription

1 Site Corporate Anuman - CAHIER DES CHARGES FRONT OFFICE - Version Mars 2012 Date de mise en ligne : S. () NB : se baser sur le nouveau logo Anuman afin de définir l identité graphique du site. Important : les croquis présentés dans ce document ne sont là qu à titre indicatif pour l agence de créa graphique, afin de permettre de donner une image générale de ce qui est souhaité en terme de contenus pour ce site. Sommaire : Généralités P.02 Structure du site P.02 Contraintes techniques P.02 Contraintes graphiques P.03 Récapitulatif des pages à réaliser P.04 Page d accueil P.05 Rubrique Société P.07 Rubrique Marques P.08 Rubrique Stratégie P.11 Rubrique Prestations P.12 Rubrique Presse P.14 Rubrique Communauté P.20 Rubrique Contact P.21 Rubrique Partenaires P.23 Note à l attention de l appel à compétition sur : Faire une proposition graphique de 4 pages du site pour la compétition : => Page d accueil (cf P. 5-6 du brief) => Stratégie (cf P.11 du brief) => Fiche communiqué de presse (cf P du brief) => Communauté (cf P. 20 du brief) En fonction du résultat de la compétition, sera négociée ensuite la réalisation des autres pages du brief directement avec le graphiste sélectionné (cf P.4 du brief pour l estimation du nombre total de pages du site). 1

2 Généralités Ce site aura pour vocation de donner des informations corporate + produits aux professionnels (clients, partenaires, éditeurs, développeurs, journalistes, etc ) en Français et en Anglais. Note pour le dev : interface de gestion du site à prévoir donc dans les deux langues (cf CDC Back). Note pour Anuman : il faudra prévoir une redirection facilement identifiable à partir du site (par ex via un encart sur la colonne de gauche du site, ainsi que via une redirection dans le footer) vers le nouveau site corporate. L url de ce nouveau site sera la même qu actuellement : Note pour le dev : Il n y aura pas de raccordement à l Intranuman prévu à priori. Tout sera géré directement à partir de l admin de ce nouveau site. Il y aura donc un back office spécifique qui permettra d éditer les pages du nouveau site corpo. Le graphisme sera quant à lui géré en externe. Le découpage de la charte graphique, ainsi que le développement du site (front et back) seront gérés en interne (Sophie). La charte graphique du site devra être en adéquation avec l'image que nous souhaitons véhiculer auprès de nos partenaires... Celle-ci devra donc tenir compte du nouveau logo Anuman qui déterminera l orientation graphique générale du site (couleurs, formes, etc ) Chef de projet Anuman : Romuald Le Trotter => rletrotter@anuman.fr Structure du site La priorité est de proposer une structure à la navigation très simple, intuitive et ergonomique, avec un plan de site très compréhensible et un moteur de recherche basé sur des mots-clés rattachés uniquement aux communiqués de presse dans un premier temps à priori, présents sur le site. Il est important qu'à tout moment l'internaute sache où il se trouve et puisse immédiatement accéder au reste du contenu du site (recours au fil d ariane par ex à prendre en compte dans la créa graphique). Introduire la notion de référencement naturel dans la structure de chaque page du site : - Faire de l url rewrite pour donner du sens aux url du site - Mettre de la pertinence dans les balises TITLE de chaque page (cf tableau de correspondance Metas_url-rewrite.xlsx ) Contraintes techniques Tout devra être fait pour offrir un affichage rapide, un confort de lecture optimal et une mise à jour aisée. Dans le choix des technologies, il faudra garder en tête le renouvellement ultérieur du site (ajout de nouvelles rubriques, modules), qui doit être simplifié au maximum des possibilités. => Cf CDC Back. 2

3 Contraintes graphiques Rappel : (à l attention de l agence de créa graphique) A propos d Anuman Interactive : Créé en 2000, Anuman Interactive est un éditeur français de logiciels, d applications et de jeux vidéo destinés au Grand Public, très présent notamment sur les thèmes de l Architecture, du Code de la Route et des Loisirs créatifs. De par l expérience et le savoir-faire de ses équipes, Anuman Interactive a su développer son activité hors de ses frontières (utilitaires, ludo-éducatif ) et s impose aujourd hui comme un acteur important sur le secteur du jeu vidéo d aventure, à l international, grâce à la marque Microïds (L Amerzone, Dracula, Still Life, Syberia). Aujourd hui, Anuman Interactive développe, édite et distribue des applications, ainsi que des jeux vidéo, sur de nombreux supports (PC, Mac, Consoles, iphone, ipad, Androïd ) grâce à un catalogue de licences riches et variées. Acteur majeur sur l AppStore d Apple et partenaire de plateformes de téléchargement mondialement reconnues comme Steam ou Big Fish, Anuman Interactive est un éditeur en pleine ébullition! Pour plus d informations, visiter Stratégie Anuman à partir de 2011 : Anuman Interactive est plus reconnu comme un éditeur de logiciels de vie pratique (Code de la Route, logiciel d architecture, etc). Créé il y a 11 ans, Anuman a une image d éditeur de logiciels très axés Vie Pratique, PC et dédié au marché Français avec un circuit de distribution très classique. Ce positionnement un peu «low cost» du logiciel a été clairement assumé. Depuis début 2009, Anuman appartient à Media Participations (3ème éditeur de livres en FR et 1er éditeur de BD en Europe). Anuman est en quelque sorte la branche numérique du groupe, et traverse en 1er l ère du tout numérique. A ce jour, Anuman ne fabrique plus aucun produit physique : tout est 100% dématérialisé. Parallèlement à cela, son chiffre d affaire est largement réalisé à l international. Ce qui montre une réelle transformation pendant que d autres concurrents plus renommés connaissent des difficultés pour s adapter aux nouvelles demandes du marché. Hier c était le PC. Aujourd hui c est le PC, le Mac, l iphone, l ipad et Android Demain (en 2012) se rajouteront les plateformes Facebook, Web browser, PS Vita, XBLA, PSN et DSiWare et autres si affinités. Répartition du catalogue : => Anuman (vie pratique) => Microïds (jeux d aventures) => Microïds Games for all (Jeux casual, HdO [objets cachés], Monument builder, revival) => Home Design 3D by Livecad (iphone, ipad) environ 75% des ventes sont faites à l international => Réussir le Code de la Route (iphone, ipad, PC, Mac) => Logiciels et Applications avec la licence «Pour les Nuls» (For Dummies ) => Dictionnaires et Conjugueur Bordas (ios, Mac) => Applications exploitant les contenus du groupe Mediaparticipations (Fleurus, Rustica, Système D, Dupuis ) Important => valeurs et caractéristiques de la marque Anuman : => Des logiciels et des applications pour le Grand Public => Un positionnement prix bas => Un éditeur dynamique et réactif. => Une actualité riche et variée => Une équipe jeune => High tech, multimedia, multiplateformes 3

4 => En évolution perpétuelle => De part ses différentes activités (développeur, éditeur, ainsi que distributeur), Anuman a donc des valeurs alliant créativité, et aussi sérieux et professionnalisme. Le challenge sera donc de pouvoir mixer tout cela et trouver le bon équilibre. => Le côté débrouillard, «malin comme un singe». La charte graphique devra donc être en adéquation avec l'image que nous souhaitons véhiculer auprès de nos partenaires,... Celle-ci devra également tenir compte du nouveau logo Anuman qui sera déterminant pour l orientation graphique générale du site (couleurs, formes, etc ) Le graphisme sera géré en externe par une agence de créa graphique. Le découpage de la charte graphique sera quant à lui géré en interne par Anuman (Sophie). Format 1024x768 => Faire en sorte que le site tienne dans 980 px de large. NB : penser à inclure sur les psd tous les roll-over pour les boutons de rubriques, etc pour avoir un rendu dynamique des différents éléments présents sur le site. Des sites dont il faudrait s inspirer : Remarque => Je pense que le plus simple sera d abord de réaliser la créa des pages du site pour la version FR de celui-ci, puis une fois que cela aura été validé de passer sur la déclinaison des boutons en particulier pour la version UK du site. Récapitulatif des pages à réaliser => Page d accueil => Modèle de page générique (qui servira pour les pages Mentions légales, Plan de site, Société ) => Accueil Marques => Fiche Marques => Stratégie => Accueil Prestations => Fiche Prestations => Accueil Espace Presse => Fiche détail Communiqué de presse => Pop-up agrandissement visuel Communiqué de presse => Formulaire Contact Presse => Formulaire inscription Newsfeed => Confirmation désinscription Newsfeed => Contact (formulaire générique) => Communauté => Partenaires Remarque : concernant les 3 formulaires présents sur le site Corporate, veiller à ce que l on puisse facilement différencier ces différents formulaires (à savoir le formulaire de contact générique, le formulaire spécifique de contact à la presse, et le formulaire d abonnement au newsfeed). 4

5 Page d accueil Header : Le header sera donc décomposé comme suit : => Nouveau logo Anuman => Les rubriques principales du site (voir détail ci-dessous) => La possibilité bien identifiée de pouvoir passer du site en FR ou en UK (Note pour l agence graphique : passer davantage par la notion FR / EN que des drapeaux). Note pour le dev : bien penser à faire un redirect vers la bonne langue du site en fonction de la config de l utilisateur ( ou => Un moteur de recherche (voir détail du fonctionnement ci-dessous) Rubriques principales : 1. Société : cette rubrique présentera succinctement la société Anuman. 2. Marques : il s agira ici de présenter l activité générale d Anuman et ses produits. 3. Stratégie : cet espace présentera notamment la vision de l activité par Anuman, ainsi que les partenaires et un certain nombre de chiffres clés. 4. Prestations : redirigera vers une rubrique présentant le travail effectué par Anuman (sites web, applis, produits en marque blanche, etc ). 5. Presse : ici, les journalistes notamment pourront retrouver tous les communiqués de presse Anuman. 6. Communauté : cet espace présentera tous les réseaux sociaux sur lesquels est présent Anuman. 7. Contacts : cela consistera en un simple formulaire permettant de contacter rapidement la société. 8. Partenaires : présentera les différents partenaires d Anuman. NB : voir détail du fonctionnement de ces rubriques par ailleurs. 5

6 Moteur de recherche : Lorsque l utilisateur écrira un mot clé, la recherche se fera par auto-complétion afin de donner un premier échantillon de contenus disponible à celui-ci. Pour rappel, la recherche se fera en fonction de mots-clés rattachés uniquement aux communiqués de presse (dans les titres de ceux-ci) dans un premier temps à priori, présents sur le site. Le déroulé du champ de recherche devra proposer jusqu à 5 résultats max via l auto-complétion. Audelà, il faudra proposer sous les 5 résultats en question un lien «voir plus de résultats» qui redirigera vers la page des communiqués de presse filtrée en fonction du mot clé indiqué dans la recherche. Donc, comme précisé plus haut, rendre cet outil proactif en soumettant des résultats concrets déjà à la frappe. Les accents, les apostrophes, les majuscules, les minuscules, les signes typographiques spécifiques ne doivent pas être un frein à la recherche. Corps de page : Encart principal : Il s agira donc d un encart d auto-promotion qui permettra de mettre en avant l activité d Anuman. Prévoir un défilement des éléments en javascript. Au niveau graphique, prévoir donc 5 boutons de défilement dans l encart. Pour chaque élément mis en avant dans l encart, il faudra prévoir l affichage d une image (bannière), d un titre, et d une accroche (court descriptif sur 1-2 lignes max). Note pour le dev : il faudra permettre d afficher ici soit uniquement de l image, mais aussi de la vidéo dans le slide (cf fonctionnement détaillé dans le CDC Back P.3 et 4 ; partir sur un player open source du type Flowplayer). 3 encarts «secondaires» : (cf fonctionnement détaillé dans le CDC Back P.5 et 6) => Un encart «Nos marques» : cet encart devra présenter de façon générique nos marques Anuman (présentes sur différents supports tels que PC, Mac, iphone, ipad, Android ). Ainsi, cet encart proposera une présentation de cette rubrique du site sur la base d une image de mise en avant, ainsi qu un court texte de présentation. Note pour la créa graphique : voir exemple du site corpo Boeing, notamment le bloc en bas de page «Who is CDG?» ; Note pour le dev : redirection vers la rubrique principale Marques du site au clic sur l encart. => Un encart «Notre stratégie» : cet encart devra présenter de façon générique la stratégie de la société. Partir sur le même mode de présentation que pour l encart «Nos marques», avec image et texte. Note pour le dev : redirection vers la rubrique principale Stratégie du site au clic sur l encart. => Un encart «Télécharger la plaquette Anuman Interactive» : Il s agira juste d un simple encart permettant donc de télécharger la plaquette pdf de présentation de la société. A la différence des deux autres encarts, un simple encart en image suffira et il pourra être plus petit que ceux-ci. Footer : Le footer contiendra les liens suivants : - «Mentions légales» : redirection vers la page concernée - «Contactez-nous» : redirection vers la rubrique principale Contact du site - «Qui sommes-nous?» : redirection vers la rubrique principale Société du site. - «Plan de site» : redirection vers la page concernée. => Il faudrait prévoir également une redirection bien visible vers le site vitrine Anuman ( ainsi que vers la page Facebook officielle Anuman et la page Twitter Anuman. Note pour l agence graphique : les pages «Mentions légales» et «Plan de site» étant des pages génériques, il suffira de créer un seul gabarit standard de page vide dans laquelle les contenus de ces pages s insèreront. 6

7 Rubrique «Société» (UK => Company) Il s agira d une simple page générique éditée entièrement dans le back via un éditeur html par le webmaster (cf détail du fonctionnement de cette partie dans le CDC Back P.6). Note pour Guillaume : penser à préparer les éléments (textes, images, etc ) pour mettre en forme cette rubrique. Note pour l agence Graphique : pas besoin de faire de créa de cette page à proprement parler. Les contenus de cette rubrique s insèreront dans un gabarit standard de page générique (Cf P.4 du doc). 7

8 Rubrique «Marques» (UK => Brands) Accueil «Marques» : Au niveau de la présentation de cette page d accueil «Marques», il faudrait présenter sur la partie supérieure de la page les supports (plateformes) sur lesquels est présent Anuman, à savoir : PC, iphone, ipad, Mac, Macstore, Androïd. Ces images ne seront pas cliquables, elles seront juste là à titre informatif pour rappeler facilement visuellement le cœur d activité de l entreprise. 8

9 Ensuite, il y aura un texte de présentation du travail d Anuman et de ses marques de façon globale (Note pour le dev : ce texte sera éditable dans le Back). Enfin, sur le reste de la page seront présentées pour le moment les 4 marques rattachées à Anuman (NB : le nombre de marques est susceptible d évoluer à l avenir ; en tenir compte dans la créa graphique) : - Anuman vie pratique - Microïds - Microïds games for all - Home Design 3D Note pour Anuman : Concernant la marque Anuman vie pratique, à vrai dire il n y a pas de logo en soi. Eric proposait peut être de reprendre le nouveau logo Anuman en le mettant dans une autre couleur pour marquer une différenciation. On valide le principe? Par ailleurs, il me faudrait le logo «officiel» de Home Design 3D. Pour chaque marque, il faudra donc : - présenter le logo de celle-ci - afficher le nom de la marque + un texte de présentation de celle-ci. - des boutons Facebook et Twitter pour rediriger vers leurs pages officielles - un bouton "Plus d'infos" qui renverra vers la fiche détaillée de la marque à proprement parler (voir par ailleurs). Note pour le dev : cf détail du fonctionnement de cette page dans le CDC Back P.7 à 11). 9

10 Fiches «Marques» : Lorsque l utilisateur se rendra sur une marque à proprement parler à partir de la page d accueil «Marques», il aura accès aux infos suivantes : => On garde le rappel des supports (plateformes) sur lesquelles est présent Anuman, à savoir : PC, iphone, ipad, Mac, Macstore, Androïd. => Idem, on remet en rappel le logo de la marque et le texte descriptif associé à celle-ci, ainsi que les redirections vers les pages Facebook et Twitter. => On affiche 5 produits représentatifs de la marque en question avec la couv, le titre du jeu, et un léger texte descriptif. Enfin, on peut indiquer les supports sur lesquels se trouvent ces 5 jeux (Note pour le dev : prévoir une redirection en Target Blank vers la fiche du produit en question sur ce support). Note pour l agence graphique : prévoir également un bouton de retour sur l accueil des marques. 10

11 Rubrique «Stratégie» (UK =>Strategy) Cette page se décomposera en deux parties : => La partie haute de la page présentera la stratégie globale de la société avec quelques chiffres clés de son activité (Note pour le dev : cette partie de la page sera éditée directement par le webmaster via le back office du site ; voir détail du fonctionnement dans le CDC du Back P.12). => La partie inférieure de la page présentera, quant à elle, l activité d Anuman Interactive à travers le monde via une carte interactive (cf CDC du Back P.13). Les zones à prévoir sur cette carte interactive seront : - Amérique (Nord et Sud) - Europe - Asie - Australie Note pour l agence graphique : il faudra faire une proposition graphique de carte du monde sur le type de modèle présenté ci-dessus où l on présentera en quelque sorte l activité de la société par continent/zone (rendre cette carte dynamique via le recours au roll-over sur des zones de celle-ci par ex, des couleurs différentes en fonction des zones, etc ; ex de carte interactive : Note pour le dev : Les infos contenues dans la carte pour chaque zone seront gérées par le webmaster via le back office du site ; voir détail du fonctionnement dans le CDC du Back. Note pour Guillaume : il va falloir commencer à préparer les contenus présents dans cette page (éléments du haut + contenus pour la carte interactive). 11

12 Rubrique «Prestations» (UK => Services) Accueil «Prestations» : Au niveau de la présentation de cette page d accueil «Prestations», il faudrait prévoir un texte généraliste permettant de présenter les prestations qu est capable de réaliser Anuman sur différents supports pour des clients (Note pour le dev : ce texte sera éditable dans le Back). Enfin, sur le reste de la page seront présentées pour le moment 3 types d activités pour lesquels Anuman peut intervenir en terme de gestion de projet, à savoir : - Applis mobiles - Logiciels en marque blanche - Sites Web NB : il y en aura d autres par la suite tels que les jeux en ligne (web browser). Note pour l agence graphique : libre à vous de trouver des noms de rubriques plus «accrocheurs». Pour chaque marque, il faudrait donc : - Une illustration différente pour les 3 types d activités afin de bien les différencier. - Un texte de présentation du type d activité en particulier. - Un bouton «Plus d infos» (ou toute autre appellation) qui renverra vers la page du type d activité en question et qui recensera des projets réalisés par Anuman. Note pour le dev : cf détail du fonctionnement de cette page dans le CDC Back P.14 à 17. Note pour Anuman : il faudra également prévoir une mention pour inciter les professionnels à contacter l entreprise pour nous présenter leurs demandes de projets éventuels via une adresse de contact mail spécifique qui sera : pro@anuman-interactive.com 12

13 Fiches «Prestations» : Lorsque l utilisateur se rendra sur un type de prestation à proprement parler à partir de la page d accueil «Prestations», il aura accès aux infos suivantes : => On remet en rappel l image du type de prestation et le texte descriptif associé à celle-ci de la page d accueil «Prestations». => On affiche les projets réalisés sur le type d activité en question avec une image d illustration, le titre du projet, et un léger texte descriptif (Note pour le dev : prévoir une redirection en Target Blank vers la fiche du projet en question quand c est possible, par ex notamment pour les sites web). Note pour l agence graphique : prévoir également un bouton de retour sur l accueil des prestations et une pagination pour voir plus de projets. Note pour Anuman : comme sur l accueil des prestations, il faudra également prévoir une mention pour inciter les professionnels à contacter l entreprise pour nous présenter leurs demandes de projets éventuels via une adresse de contact mail spécifique qui sera : pro@anuman-interactive.com 13

14 Rubrique «Presse» (UK => Press) Accueil Presse : Remarque : A la différence de l'espace presse actuel du site Anuman Interactive (où les journalistes doivent s'inscrire pour accéder aux contenus), le nouvel espace presse présent sur le site corporate sera un espace presse ouvert à tous avec la possibilité de recevoir des alertes lorsque de nouveaux contenus seront mis en ligne (principe de newsfeed). Par ailleurs, sur le précédent espace presse, les personnes qui s'inscrivaient venaient très peu et d'une session à l'autre perdaient leurs accès la plupart du temps. Au bout d'un moment, elles ne venaient plus, car recréer ou redemander ses accès prend du temps (ce qui n est pas vraiment en phase avec la notion d immédiateté du métier de journaliste). Ainsi pour l accueil de l espace presse du nouveau site corporate, il faudra prévoir les éléments suivants : Corps de page : => Un texte d'intro éditable pour présenter ce que l'on va trouver sur cet espace et, éventuellement, mettre en avant certaines informations au fil du temps (cf fonctionnement détaillé dans le CDC Back P.18). => De manière, sobre et épurée, la liste des 5 ou 6 derniers communiqués de presse Corporate avec les informations suivantes : la date en toutes lettres, le titre du communiqué de presse Corporate et un bouton "Plus d'infos" qui renverra vers la fiche correspondant au communiqué en question. Note pour le dev : sur le site corporate ne seront affichés que les communiqués de presse corporate (donc pas de communiqués de presse «produits» ici ; cf fonctionnement détaillé dans le CDC back P.19) 14

15 Note pour l agence graphique : voir pour proposer éventuellement une icône standard corporate pour illustrer les communiqués de presse (en se basant par ex sur le nouveau logo Anuman ). => Une pagination qui permettra de naviguer dans tous les communiqués de presse. A droite, 3 encarts d'informations permanents : => Un pavé «Contact» qui renverra vers un formulaire de contact presse (donc différent du formulaire de contact générique ; cf rubrique principale Contacts du site). L objectif de ce formulaire étant entre autres de récupérer des informations précises sur la personne qui contacte le service presse et de les stocker en base. Note pour le dev : voir détail du fonctionnement de ce formulaire de contact presse par ailleurs. => Un pavé «Newsfeed» qui permettra aux journalistes de recevoir des alertes dès qu un nouveau communiqué de presse sera mis en ligne. Ce pavé renvoie vers un formulaire à remplir pour pouvoir s abonner au newsfeed. Note pour le dev : voir par ailleurs détail du fonctionnement de ce formulaire d abonnement au newsfeed ainsi que le fonctionnement du newsfeed à proprement parler. => Un pavé «Réseaux sociaux» avec quelques liens vers les principaux réseaux sociaux où est Anuman (cf fonctionnement détaillé CDC du Back P.23), tels que la page FB d Anuman, le compte Twitter d'anuman, etc (Note pour Guillaume : merci de lister les réseaux que l on affiche prioritairement dans le pavé) Un lien «Voir tous les réseaux sociaux» redirige vers la rubrique principale Communauté du site (page qui regroupe tous les réseaux sociaux à notre disposition, par marque ex : Microïds : Page FB, Twitter, Dailymotion, Youtube, etc... ; voir détail de cette rubrique par ailleurs). Note pour le dev : il faudra penser à faire la redirection vers la rubrique principale Communauté au clic sur le lien «Voir tous les réseaux sociaux». Détail d un communiqué de presse : 15

16 L'internaute arrive sur cette fiche après avoir cliqué sur un communiqué de presse sur l'accueil de l Espace Presse (voir plus haut). Ainsi pour les fiches affichant le détail d un communiqué de presse, il faudra prévoir les éléments suivants : => La date du communiqué de presse. => Le titre du communiqué de presse. => Une barre contenant 4 «boutons de partage», à savoir : envoi par mail à un ami [1 ; Note pour le dev : utiliser le module type addthis que l on a déjà utilisé sur de nombreux site], imprimer [2], partager sur Facebook [3], partager sur Twitter [4]. => Un court texte éditable, qui reprendra en quelques lignes les informations du communiqué de presse corporate. => La possibilité de télécharger soit : - le communiqué de presse (PDF) + le pack d images rattaché à celui-ci (le tout dans un.zip) - le communiqué de presse uniquement (pdf) - le pack d images uniquement (.zip) => Les visuels liés au communiqué de presse. Le journaliste pourra s il le souhaite agrandir le visuel et le télécharger dans sa définition d'origine (note pour le dev : il y a aura 10 visuels grand max par communiqué de presse). => Un bouton permettant de revenir à l accueil des communiqués de presse. Pop-up agrandissement image communiqué de presse : Si l utilisateur clique pour agrandir un visuel, cela ouvrira alors une pop-up avec l agrandissement de l image en question et la possibilité de faire défiler les images dans la pop-up ainsi qu une option permettant d enregistrer image par image. 16

17 Formulaire Contact Presse : L'internaute arrive sur ce formulaire par le biais de l'encart Contact équipe Presse sur la droite des pages de l espace presse (donc présent sur chaque page de l'espace presse). Note pour l agence graphique : trouver un moyen graphique de montrer que l on est sur le formulaire lié à cet encart de l espace presse. Ainsi pour le formulaire de contact presse, il faudra prévoir les éléments suivants : => Indiquer la mention «Formulaire de contact Presse». => Un texte d'intro en dur pour présenter les spécificités de ce formulaire de contact presse (en dur, car ce texte ne sera pas amené à changer en soi ; Note pour Guillaume : préparer le texte que tu souhaites voir ici). => Prévoir la possibilité pour les utilisateurs qui auraient déjà écrits via le formulaire de renseigner leur adresse , afin de pré-remplir les infos du formulaire. Note pour le dev : il faudra se baser sur la base des contacts presse du back (cf P.22 et 23 du CDC Back). => Possibilité pour l utilisateur de choisir une fonction du monde de la communication parmi les propositions de choix suivantes : Rédacteur en chef, Chef de rubrique, Journaliste, Pigiste, Autre. => Civilité (M. ; Mme ; Melle). => Nom. 17

18 => Prénom. => . => Pays (choix parmi une liste déroulante ; Note pour le dev : faire comme sur le site Dargaud par ex où on affichera les principaux pays choisis par Guillaume en haut de la liste déroulante, et les pays secondaires en dessous). => Nom du support qui peut être par ex le nom du magazine, site web, blog, etc pour lequel l utilisateur travaille. => Téléphone (facultatif). => Sujet du message. => Le message à proprement parler. Par ailleurs, on proposera également la possibilité de s inscrire au newsfeed Anuman à la fin du formulaire (NB : la check box sera décochée par défaut). Mail après remplissage du formulaire de contact presse : Note pour le dev : à envoyer à l adresse gbastide@anuman.fr Message contact Presse Site Corpo Anuman Fonction : Rédacteur en chef (ou Chef de rubrique ou Journaliste ou Pigiste ou Autre) Civilité : M. (ou Mme ou Melle) Nom & prénom : xxx / xxx xxxxx@xxxxx.fr Pays : xxxxxx (le pays choisi par l utilisateur sur le formulaire) Nom du support : xxxxxx (l info renseignée dans le champ du formulaire) Téléphone : xx.xx.xx.xx.xx (si info remplie par l utilisateur dans le champ du formulaire) Sujet du message : xxxxx Envoyé le : xx/xx/2010 xx:xx:xx Message : xxxxx Formulaire inscription au Newsfeed : 18

19 L'internaute arrive sur ce formulaire par le biais de l'encart Vous souhaitez recevoir nos infos sur la droite des pages de l espace presse (donc présent sur chaque page de l'espace presse). Note pour l agence graphique : trouver un moyen graphique de montrer que l on est sur le formulaire lié à cet encart de l espace presse. Ainsi pour le formulaire d inscription au Newsfeed, il faudra prévoir les éléments suivants : => Indiquer la mention «Recevoir nos informations presse». => Un texte d'intro en dur pour présenter les spécificités de ce formulaire d inscription au newsfeed (en dur, car ce texte ne sera pas amené à changer en soi ; Note pour Guillaume : préparer le texte que tu souhaites voir ici). => Possibilité pour l utilisateur de choisir une fonction du monde de la communication parmi les propositions de choix suivantes : Rédacteur en chef, Chef de rubrique, Journaliste, Pigiste, Autre. => Civilité (M. ; Mme ; Melle). => Nom. => Prénom. => . => Pays (choix parmi une liste déroulante ; Note pour le dev : faire comme sur le site Dargaud par ex où on affichera les principaux pays choisis par Guillaume en haut de la liste déroulante, et les pays secondaires en dessous). => Nom du support qui peut être par ex le nom du magazine, site web, blog, etc pour lequel l utilisateur travaille. Remarque => Une fois le formulaire d inscription au newsfeed envoyé, prévoir une mention sur la page du type «Vous êtes à présent inscrit au service d alerte d Anuman Interactive et recevrez régulièrement les nouvelles informations presse de la société». Par ailleurs, on proposera également la possibilité de se désinscrire du newsfeed Anuman à la fin du formulaire. En cliquant sur le lien de désinscription du newsfeed, on redirigera alors l utilisateur vers une page avec juste un champ adresse à remplir pour activer la désinscription au newsfeed, puis un message de confirmation de la désinscription (voir écran ci-dessous). Page désinscription Newsfeed Page confirmation désinscription Newsfeed Note pour Guillaume : préparer le texte que tu souhaites voir ici, pour le texte d'intro en dur présentant les spécificités de cette page de désabonnement du Newsfeed (en dur, car ce texte ne sera pas amené à changer en soi). Mail Newsfeed à envoyer aux gens inscrits => Guillaume, à toi de déterminer la façon dont doit être construit ce mail envoyant les nouvelles infos aux utilisateurs (contenu du mail, fréquence d envoi, etc ). NB : prévoir dans le mail également le lien pour se désinscrire avec redirection vers la page de confirmation de désinscription au newsfeed. 19

20 Rubrique «Communauté» (UK => Community) Cette rubrique «Communauté» du site présentera un récapitulatif de tous les réseaux sociaux où Anuman est présent (Facebook, Twitter, etc ), ainsi que les plateformes de visionnage de vidéos (Youtube, Dailymotion, etc ), et sera éditable en partie via le back office par le webmaster (textes + images des éléments de la frise en bas de page ; cf fonctionnement détaillé dans le CDC du Back P.24). Il faudrait donc avoir sur la partie haute de la page deux encarts consacrés au profil FB officiel d Anuman et au compte Twitter officiel d Anuman Note pour l agence graphique : Se baser sur l ex des sites ; En dessous, prévoir deux encarts pour s inscrire aux chaînes vidéos Youtube et Dailymotion d Anuman. Note pour Guillaume : fournir les deux url. Enfin, une frise (ou une galerie ; à voir en fonction des propositions de l agence graphique) listant les autres réseaux sociaux où se trouve Anuman, avec redirection en Target Blank vers ces espaces, au clic dessus. Note pour Guillaume : lister tous les réseaux sociaux que l on mettra en place sur cette rubrique du site. Note pour l agence graphique : faire une proposition de mise en page, pour séparer et présenter chaque réseau communautaire présenté dans la page, ainsi que les vignettes pour chaque réseau, les rollovers, etc 20