Cahier des charges du REF > Charte graphique > Site internet MIS À JOUR LE 23 JANVIER 2015 1
Table des matières I. QU EST- CE QUE LE RESEAU EUROMED FRANCE? 3 II. NOS ATTENTES 4 A. Ce que nous apportons 4 B. Ce qui doit être livré 4 III. SITUATION DE LA CHARTE GRAPHIQUE 5 A. Ce que l aspect graphique doit véhiculer comme message 5 B. Ce qui doit être gardé 5 IV. LE SITE INTERNET 5 A. Quelques exemples de site internet 6 B. Quelques pages du site 6 1. La page d accueil 6 2. Une page d article 7 3. Un espace uniquement accessible aux membres 7 C. Une navigation dynamique 7 1. Une classification des contenus par mots clés permettant de créer des groupes de catégorie, pouvant évoluer : 8 2. Catégories possibles (pouvant évoluer) qui composeront le menu 8 D. On distinguera sur le site web et accessible en un clic 9 E. Les modules 9 V. VOTRE PROPOSITION ERREUR! SIGNET NON DEFINI. 2
I. Qu est- ce que le Réseau Euromed France? Le (REF) est une plateforme nationale qui rassemble 44 organisations de la société civile française (associations et syndicat ayant un rayonnement local et/ou national) engagées en région euro-méditerranéenne dans des domaines pluri-thématiques. Il a pour objectif de soutenir le renforcement de la société civile en France et son implication active dans le Partenariat euro-méditerranéen, ainsi que le développement des échanges et la coopération entre des acteurs des sociétés civiles de la région euro-méditerranéenne, fondés sur les valeurs de démocratie, de paix et sur les droits humains universels. Au quotidien, il travaille ainsi à : Valoriser le travail des membres, mettre en commun et capitaliser les expériences (animation de groupes de travail thématiques, séminaires internes) ; Faire connaitre les enjeux méditerranéens auprès du grand public (organisation de temps de débats publics, édition des Cahiers du REF», ) ; Faire du plaidoyer auprès des institutions français et européennes ; Créer du lien entre les organisations de la société civile françaises et euroméditerranéennes engagées sur des problématiques communes (droits de l homme, égalité homme-femme, éducation, mobilité, ) ; Soutenir les organisations de la société civile de l autre rive de la Méditerranée (projet de renforcement de la société civile libyenne, ). Le REF est aussi membre de la Plateforme Non-Gouvernementale Euromed qui regroupe l ensemble des réseaux «Euromed» du bassin méditerranéen. Nous sommes une équipe de 2 salariés et des membres bénévoles engagés sur les questions politiques du REF. Notre logo actuel : Le logo précédent : Le logo de la Plateforme Non-Gouvernementale Euromed : 3
Notre public Nous voulons mieux communiquer et avoir des outils au service du projet associatif et des membres du REF. Et auprès des publics suivants (avec classement par ordres d importance) : 1. nos membres, 2. les associations françaises et euro-méditerranéennes, 3. les institutions publiques, 4. les universitaires, 5. le grand public. II. Nos attentes Une nouvelle charte graphique comprenant : > Logo > Site internet > Carte de visite > Papier à en-tête > Dépliant (option) > Les Cahiers du REF (option) Un site internet opérationnel sous wordpress. Budget Notre budget est entre 2500 et 4000. A. Ce que nous apportons Le contenu du site actuel sous SPIP qui doit être transféré vers le nouveau : www.euromed-france.org Le nom de domaine. L hébergement chez OVH Les points de couleurs à côté du logo qui représente la Plateforme NG Euromed dont nous sommes membre. B. Ce qui doit être livré > Une charte graphique avec le logo, les cartes de visite et le papier à en-tête. > En option des éléments graphiques pour le dépliant et les Cahiers du REF. > Le site internet opérationnel. > Les codes administrateurs du site et du FTP. > Une copie des fichiers sources. 4
III. La charte graphique La charte graphique actuelle du site internet et de nos outils de communication n est plus d actualité. Nous souhaitons une charte graphique plus amène de nous représenter à travers le site internet, la carte de visite, le papier à en-tête, le dépliant et nos différentes productions. A. Ce que l aspect graphique doit véhiculer comme message > La Méditerranée et l Europe, > Une organisation de la société civile qui travaille sur les enjeux citoyens > Un réseau (cad une plateforme qui fédère et représente des associations ainsi que des bénévoles) > Contemporain > Dynamique B. Ce qui doit être gardé Spécifiquement pour le logo, les points de couleurs actuellement à côté du nom doivent être repris tels quels. Une vectorisation de ces points est souhaitée. IV. Le site internet Vous travaillerez à la réalisation d un tout nouveau site internet du REF, en reprenant tous les articles déjà présents sur le site internet actuel sans reprendre l architecture en elle-même. Le site proposera régulièrement comme contenu : > des articles textes avec/sans des éléments multimédias > des articles multimédias (photos, vidéos et son) Les articles seront présentés centrés et/ou en colonne (exemple : http://orientxxi.info/magazine/quand-tripoli-declarait-la-guerre,0757 ; https://inkyfada.com/2014/12/processus-electoral-contentieux-recours-tnpreztunisie/). Il sera «responsive» pour s adapter à tous les supports de visionnage (écran d ordinateur, tablette, téléphone, ). Nous souhaitons à travers ce site : > faire connaître notre actualité et celle de nos membres au niveau national, européen et méditerranéen ; > avoir une action de plaidoyer à travers nos articles auprès des institutions publiques ; > proposer des outils et des infos auprès de nos membres, > un lieu d échanges et transmission des compétences entre les membres 5
Le site sera en langue française avec une perspective d évolution en langue arabe et anglaise. Nous voulons la mise en place d un bon référencement. A. Quelques exemples de site internet Pour la présentation des articles : http://orientxxi.info http://inkyfada.com Pour le dynamisme des mots clés et du menu : http://www.ldh-france.org L utilisation du bandeau supérieur : http://www.croix-rouge.fr http://www.ldh-france.org Ce que nous ne voulons pas : http://www.ecume.org/fr/ http://www.amesc.fr http://www.mediterranee2000.org B. Quelques pages du site 1. La page d accueil On pourrait trouver sur la page d accueil différents niveaux d informations : > le menu > des focus > l actualité (classée chronologiquement, avec les premières phrases de l article qui peut être sur-imprimé sur une image, et les mots-clés accessibles) > les éléments distingués (voir partie IV/ C.) 6
2. Une page d article On pourrait trouver sur cette page d article les éléments suivants : > le menu > les éléments distingués > des images > des notes de bas de pages > des liens URL > des encarts > 3. Un espace uniquement accessible aux membres > La présentation des membres ; > Une boite à outils (principalement des PDF) : o Outils en relation avec notre zone d action, o Outils réalisés par nos membres. > Les appels à projet toujours en relation avec l Euromed. C. Une navigation dynamique La navigation dans le site internet se fera par un menu horizontal en haut de page (il peut rester fixe lorsque l on scroll vers le bas). Il utilisera les mots clés, groupés par catégories, qui permettront aussi de créer des interactions entre les articles. Ces éléments pourront être modifiés par la suite. Les rubriques ainsi constituées seront dynamiques permettant une actualisation des catégories dans le menu ou sous-menu de façon automatique. Le menu pourra aussi évoluer en fonction de nos besoins. Création d un «espace outils» qui ne sera accessible qu aux membres. 7
1. Une classification des contenus par mots clés permettant de créer des groupes de catégorie, pouvant évoluer : Quelques exemples : > REF > Le nom des membres > Plaidoyer/Communiqué > Evénement : o Séminaire o Forum o Colloque o Table ronde o Intervention o Festival o Rencontre o Sommet o Assise o Conférence o Exposition > Groupe de travail : o Mobilité o Palestine > Un mot clé par pays d Europe et du pourtour de la Méditerranée > Cahier du REF > Mobilité > L eau > Formation > Stage/emploi/bénévolat > Actualités > Mobilisation > Egalité hommes/femmes > Démocratie > Engagement > Droit de l homme > Société civile > Europe > Méditerranée > Collectif > Délégation > Gouvernance locale > Jeunesse > Sensibilisation > Migrations > Projet > Mission > Interculturalité > 2. Catégories possibles (pouvant évoluer) qui composeront le menu > Espace géographique > Evénements > Plaidoyer > Jeunesse > Mobilités/migrations > Egalité homme/femme > Droit > Démocratie > Interculturalité > Zone d intervention 8
D. On distinguera sur le site web et accessible en un clic > Un lien vers la présentation du REF (descriptif, activités, présentation des équipes (administrateurs de l association et salariés)). > «Adhérez» : devenir membre. > Un lien vers la présentation des membres du REF (descriptif, activités, présentation des équipes (administrateurs de l association et salariés)). > Un lien vers la présentation des partenaires (financiers avec l Afd, la Région IDF, la Région PACA ; associatif avec la FIDH, le REMDH, ) > Un lien vers la présentation des collectifs dont nous sommes membres : Coordination SUD et la Plateforme non gouvernementale Euromed. > «Contactez nous» > «Donnez» > S inscrire au bulletin d information. > Lien vers notre page facebook > L accès au site internet de la Plateforme NG Euromed. Exemple : http://www.ldh-france.org, avec sur le côté droit un menu mobile, mais d autres propositions sont possibles. E. Les modules Nous souhaiterions intégrer les modules suivants : > Newsletter : http://www.mailpoet.com (ou autre), avec la possibilité de gérer une base de données d utilisateur, faire des envois différents en fonction des groupes, mettre en place des automatisations, analyse et statistique, permettre des inscriptions, > Analyse et statistique > favicon > un moteur de recherche > réseaux sociaux : lien et relation direct avec la page facebook pour automatiquement à jour les articles sur FB > formulaire de contact > un agenda > 9
V. Comment allons nous procéder? Temps 1 Vous nous enverrez par mail avant le 1 er mars minuit : > Un document présentant vos motivations et votre démarche de travail ; > Un book de vos différentes réalisations en lien avec nos attentes ; > Votre profil ; > Un devis détaillé. Temps 2 Nous sélectionnons 3 à 5 graphiques sur la base des éléments ci-dessus. Temps 3 Lors d un premier RDV, nous discuterons plus en avant de la réalisation de ce projet pour qu ensuite vous puissiez nous faire une première proposition graphique (ébauche). Cette première proposition pourra être indemnisée mais cela diminuera d autant l enveloppe globale de cette prestation. Temps 4 Choix du prestataire final sur la base de la proposition graphique réalisée après le premier RDV. Les délais > Votre proposition envoyée avant le 1 er mars 2015 minuit ; > Retour sur les candidats retenus la semaine du 9 mars 2015 ; > Premier RDV entre le 10 et le 20 mars ; > Première proposition la semaine du 13 avril (le rdv de travail sera dans la même semaine) ; > La date de rendu pour la seconde proposition sera définie lors du rdv de la semaine du 13 avril. >. 10