Bailly Pauline Multimédia & Images

Dimension: px
Commencer à balayer dès la page:

Download "Bailly Pauline Multimédia & Images"

Transcription

1 Bailly Pauline Multimédia & Images Université de La Rochelle Licence Professionnelle Création Multimédia 2013/2014

2 INTRODUCTION Ce rapport présente les travaux effectués au sein de l EC «Données du Multimédia et Image», dispensé par Goulven Baron et Pierre Courtellemont dans le cadre de la Licence Professionnelle Création Multimédia de l Université de La Rochelle. En relation avec le thème du «e-tourisme», nous avons été amené à refondre un site préexistant. Une approche «Mobile First», une simplicité ergonomique et le remaniement de la charte graphique furent les principales problématiques de ce sujet. Ce dossier de présentation sera rédigé dès à présent dans l esprit de rendu au commanditaire. C est pourquoi nous mentionnerons, dans un premier temps, les objectifs graphiques, avant que d aborder les questionnements ergonomiques dans un second temps.

3 Salut Babel. Ce dossier de présentation a pour but de vous présenter les travaux de refonte effectués sur le site de l organisme associatif Babel Voyages, qui «a pour but d encourager à voyager plus responsable». Ce dossier de présentation du travail jusqu à présent engagé doit nous fournir les clés pour respecter les objectifs suivants : 1) Redonner une cohérence graphique à l association, tout en gardant son dynamisme et son goût «décalé», 2) Vous offrir une organisation plus ergonomique de la page d accueil: redonner la priorité aux éléments qui font l identité de l association, 3) Donner plus de visibilité à la structure, en expliquant qui ils sont, ce qu ils font, et pourquoi le visiteur en quête de voyages écoresponsables a tout intérêt à poursuivre sa visite sur leur site internet. Tous les éléments présents dans ce dossier constituent une trame de production graphique, nécessaire à la reprise potentielle d une refonte plus poussée. Il doit offrir les clés qui donneront au projet les moyens d avancer, ou encore, lui donner les moyens d y répondre autrement. Bonne navigation.

4 babelvoyages IMPRESSION GENERALE Babel-voyages est un site de e-tourisme, proposant des voyages écologiquement responsables. Sur cette page, et la suivante, vous trouverez une analyse objective de la page d accueil du site de votre association. Elle nous a été utile pour définir les points stratégiques pour le site, et les failles,!devenues les fondements des objectifs fixés. Toutefois, seul le logo permet d identifier la nature du site ; les éléments de la page sont plutôt présentés comme une suite d articles culturels. Il est de surcroît encombré et sans organisation visible. Le visiteur, rebuté par cette vague d informations sans lien avec sa recherche, pourrait être rapidement décontenancé. IDENTITE GRAPHIQUE Contrairement aux sites précédents, Babelvoyages est immédiatement reconnaissable. Le choix des couleurs représente un réel parti pris d audace, et développe une ambiance décalée dûment désirée. Cette approche délurée est retransmise par les choix typographiques, la disposition des blocs, la stylistique du message. L identité graphique est donc cohérente avec la totalité des éléments de contenu et d affichage. Cependant, pour élargir le public cible à des écovoyageurs lambda, il pourrait être préférable d adoucir la charte graphique, et de lui conférer une réelle organisation visuelle.

5 ERGONOMIE En premier lieu, le menu de Babel-voyages est visible dès l affichage de la page. Il engage une belle lisibilité sur les réseaux sociaux, avec un menu secondaire à droite du logo, incitant le visiteur à découvrir l identité du site. Un léger paradoxe est toutefois à relever, puisque le lien vers la page «On parle de nous» est situé dans le footer. Nous retrouvons encore une fois l usage du slider, et le mobile de sa présence en tête de page reste inchangé. Nous retrouvons également un défaut partagé entre chacun des sites ici analysés : la surabondance du menu. Une refonte plus organisée du site serait à envisager. Toutefois, le menu principal reste présent sur chaque page, pour permettre au visiteur de revenir sur ses pas.. Ci-contre, un aperçu du wireframe original du site de Babel Voyages. Il a été conçu à l aide du logiciel web Wirify. Il démontre à la fois le décalage graphique désiré, et le manque!d organisation ergonomique qui en découle. FAIBLESSES Si on retourne faire un saut dans le subjectif, y a pas à dire, votre site est chouette. Que ce soit dans le ton décalé donné aux articles, l ambiance générale et l ensemble graphique, nous, on se sent bien devant votre page d accueil. Mais il y a, premièrement, un problème de visibilité. Votre association n est présentée que par le biais d un lien dissimulé dans le footer de la page. Le visiteur ne sait ni à quel type d organisme il a affaire, et n est plus sûr de la thématique initialement prévue lorsqu il parcourt la page d accueil (cuisine, expo, livres, sorties... et le voyage, dans tout ça?). Ce qui renvoie à notre deuxième point: Les principales informations sont voilées, noyées dans le flux des articles de type «blog». La page d accueil ne possède aucune zone d articles classés par catégories, et la quête des propositions en lien avec l écotourisme peut devenir rapidement fatigante pour le visiteur. Notre dernier et troisième point porte sur l identité graphique du site internet. La cohésion entre les couleurs est mal définie, le logo de type «texte» n est pas suffisamment percutant. Il pourrait être intéressant de remodeler cette identité.

6 conclusion 1 Redéfinir une charte graphique plus approprié au thème écotouristique, ligne phare de l association. Il faut que cette nouvelle directive soit tout aussi percutante que la première, colorée, vive, et éclatante ; tout en ayant une cohésion bien définie. 2 Offrir une organisation ergonomique à votre page d accueil, afin de capter l attention de votre visiteur, et l emmener à l endroit où vous désirez l amener en priorité. 3 Vous donner de la visibilité! Faire comprendre aux visiteurs votre démarche, votre manière de faire, et votre fiabilité.

7 GRAPHIQUEMENT PARLANT

8 analyse concurrentielle Sur un plan graphique, les recherches effectuées ont révélées (sans surprise) que les principales couleurs utilisées pour le thème du e-tourisme écologique rassemblaient des couleurs froides : vert, bleu-vert, bleu, et marron. Les thèmes graphiques les plus régulièrement utilisés sont la faune, la flore, les tracés géographiques et les logos textes.

9 moodboard Première ébauche Réalisé sous Photoshop. Le moodboard ci-dessous, réalisé à la suite de l analyse concurrentielle, et reprenant les «lieux communs» graphiques du e-tourisme, n a pas été retenu. Les couleurs ne sont ni opposées, ni analogues. Elles ne font donc pas ressentir l énergie propre à Babel Voyages. L harmonie n est pas cristallisée. Nous nous sommes donc reportés sur un choix de couleurs monochromatiques, avec une teinte principale de couleur vive, pour remédier à ce manque de dynamisme. La première partie du moodboard final se trouve sur votre gauche!

10 moodboard Ébauche finale Réalisé sous Indesign, Photoshop, et Illustrator Beaucoup plus adapté à l identité de l association, ce moodboard met dès à présent en scène des éléments fonctionnels qui seront intégrés à la maquette de la page d accueil. On y trouve le logo, les icônes, certaines photographies du slider principal, les couleurs et les textures. Véritable charte graphique visuel, ce moodboard reflète parfaitement la ligne graphique que nous avons voulu suivre : énergique, flamboyante, et chaleureuse.

11 chartegraphique Polices Nous avons souhaité conserver la diversité visible sur le site de Babel Voyages. Ces disparités sont plus spécifiquement ancrées dans les teintes utilisées et l organisation despotique des éléments. Comme l organisation et l unifications des corps font partie des objectifs à atteindre, nous avons préféré créer une arborescence de polices diversifiée, majoritairement sans-serif pour une meilleure lecture à l écran. Les deux polices de titre utilisées, «Code Bold» et «Dream Orphans», sont imposantes. La première tranche par sa rondeur et son interlettrage prononcé, ce qui interpellera l oeil du visiteur face aux autres éléments. La seconde, beaucoup plus verticale et très resserrée, vient contrecarrer «Code Bold», tout en restant plus discrète par la taille de police et la graisse moins conséquente. La police de paragraphe, «Myriad Pro», offre une authentique clarté visuelle, porteuse de blancs larges et aérés. Les formes minimales de cette police apporte une légèreté et une fraîcheur qui ne peut que correspondre au domaine du tourisme responsable. «Ebrima» est visuellement proche de cette dernière. «Give it your heart», utilisée pour les liens principaux, renforce une identité versatile et insouciante. L éco tourisme vous rend plus léger!

12 chartegraphique Couleurs Si nous suivons notre volonté première d éviter les lieux communs, nous avons écarté les couleurs «clichés» du domaine responsable / écologique. C est pourquoi nous avons adopté une couleur opposée, mais complémentaire au bleu, une couleur universellement chaleureuse, le orange. En choisissant une couleur chaude comme couleur principale, nous conservons votre identité pleine de vitalité, tout en redonnant la cohésion souhaité en utilisant une gamme monochrome. Comme vous pouvez le remarquer sur le cercle chromatique ci-contre, les teintes #FF9966 et #E8380C font partie des couleurs analogues recommandées par le logiciel web Adobe Kuler. Les deux couleurs secondaires ont été sélectionnées pour apporter la fraîcheur reflétée par les polices. Elles s utilisent également comme «tampons», contrecarrant légèrement la densité des couleurs précédemment citées.

13 chartegraphique Logo Le logo initial de l association Babel Voyages est un logo texte rassemblant les trois teintes bleu, vert et rouge très saturées,symboles de leur identité graphique. Il a donc fallu le refondre entièrement, pour l adapter à la nouvelle ligne visuelle. Le détachement des couleurs sur les deux initiales de l association donne une représentation symbolique des couches terrestres internes (lithosphère, asténosphère, manteau inférieur). Nous avons adopté la même démarche qui se veut en contrepied avec les lieux communs de l écotourisme, tout en conservant certains aspects ou symboles. Le globe terrestre, très utilisé, n est représenté que dans sa forme minimale, avec le cercle entourant les lettres. Nous avons également repris l idéogramme de l étonnement, visible principalement en bande dessinées, en utilisant non plus des traits étirés, mais des gouttes d eau. Elles illustrent la promesse d un voyage enivrant, complet de surprises et d étonnement.

14 PARLONS ER-GO-NO-MIE!

15 babelvoyages Vue d ensemble Réalisée sous Photoshop Voici l ensemble du travail de maquettage réalisé. Vous pouvez y voir la page d accueil en situation, dans toute sa hauteur, sur l écran du fond. Juste devant lui, la page d accueil est vue à l ouverture du site internet. Vous trouvez au premier plan la version tablette et la version smartphone. Le dernier screen représente, lui, l application mobile de Babel Voyages.

16 page d'accueil Voici la page d accueil créée pour le site Elle a été réalisée sur un format de 1024px pour une hauteur de 3000px. L objectif principal était de réorganiser les éléments, confus sur la page initiale. Pour ce faire, nous avons créé 3 zones principales : l entête, le corps de page, le footer. Optimisation de la recherche des informations La première partie de la page, l en-tête, hiérarchise les éléments. Elle indique instantanément au visiteur la thématique du site, et le guide vers le coeur du sujet porté par Babel Voyages, les séjours écotouristiques. Dès l affichage de la page sur le navigateur, l utilisateur pourra choisir une destination, un voyage organisé ou un voyage indépendant. Au clic, comme le montre le storyboard à droite de la page, un menu s ouvrira pour permettre au voyageur de choisir une spécification sur la destination. Le temps de recherche des éléments est amoindri : plutôt que de parcourir la page d accueil dans sa totalité sans forcément trouver d éléments en lien avec sa recherche, il pourra la lancer dès son arrivée. Quant à l utilisateur plus attaché à la partie «blog», il n aura qu à scroller ou cliquer sur la flèche descendante du menu pour parvenir au corps de page. Le temps de recherche des informations est ainsi optimisé!

17 ... au survol Réorganisation des contenus Visibilité Si nous mentionnons maintenant le corps de page, nous pouvons aisément dire que le contenu est simplifié. Cela n est peut-être pas adapté à l identité de l association, mais l utilisateur pourra trouver les informations qu il souhaite bien plus facilement. Sur la page de contenu initiale, les recommandations, autant que les news ou les expos ou les sorties sont mélangées. Nous avons trouvé intéressant de regrouper les éléments par un ordre d importance hiérarchique. En effet, organiser les articles par thèmes ou par affiliation n aurait pas été faisable, étant donné la quantité d éléments divers que propose Babel-Voyages. Ainsi, Les zones «Coups de coeur», «Actu», et «Bons plans» vous permettent d oganiser les éléments avec intelligence. De surcroît, comme Babel Voyages est également un site de contenus de type «blog», la section «Coups de coeur» s est révélée être une évidence. Composée comme un slider, elle vous permet de mettre à jour vos informations privilégiées, au nombre de votre choix. Elle privilégiera les voyages et les sorties culturelles. La section des actus vous permet de mettre à jour régulièrement les nouveaux articles. Le visiteur peut également cliquer sur le calendrier pour n avoir que les contenus mis en ligne le jour choisi. Petit bémol sur cette section, nous aurions pu y insérer un bouton «Newsletter» permettant au visiteur de s inscrire. La troisième section, enfin, vous permet d incorporer toutes les recommandations de restaurants, de séjours à bas coûts, etc... Avec la première section, «Qui sommes-nous», il comprendra qui vous êtes ; élément qui était à la base de notre objectif «visibilité». C est pourquoi cette partie se trouve directement après la zone d accueil. Cependant, cette section manque certainement d un lien qui redirigera l usager vers une page consacrée entièrement à l association. Le footer, quant à lui, est une interface de communication entre le visiteur et Babel- Voyages. Il présente vos coordonnées et un formulaire de contact. Il renvoie également aux réseaux sociaux sur lesquels l association est présente. Ainsi, dès la page d accueil, l utilisateur peut donner un avis ou poser une simple question ; Babel Voyages est accessible à tous, et pour tous. Pour vous rendre plus présent encore sur la toile du numérique, nous avons créé une page d accueil responsive, adaptable à tous supports, les trois principaux formats étant l ordinateur, la tablette, et le smartphone.

18 maquette i-phone La maquette optimisée smartphone reprend les trois sections précédemment citées : le header, le contenu, et le footer. page d'accueil L une des principales modifications est portée sur la zone de recherche des destinations ; elle perd sa hiérarchie verticale pour lui préférer une hiérarchie numérale. Elle figure en premier lieu sur la page, mais n est pas démarquée des autres sections. D autre part, la section «Qui sommes-nous» a du être supprimée au profit de l élément précédent. Le burger renverra au menu secondaire, c est-à-dire le menu présentant les icônes. Le footer maintient son rôle de plateforme de contact et son objectif de visibilité, avec les icônes de réseaux sociaux centrés sur la section.

19 icone i-phone news letter L icône de l application mobile a été réalisée grâce à l outil App Icon Template. Elle s illustre d un symbole type du tourisme responsable, le sac à dos. Le logo de l association aurait également pu y être intégré. La newsletter est construite sur le même modèle que la maquette PC, en conservant toutefois l aspect dénudé de la maquette Smartphone. Le logo dirige l utilisateur vers le site de l association, et la première section de contenu présente l information la plus importante.

20 " BIENVENUE DANS LES ANNEXES "

21 annexe 1 WIREFRAME Ceci est le wireframe de la page d accueil du site internet. Il a été développé sous Axure, après plusieurs prototypes non concluants développés sous Balsamiq Mockups.

22 annexe 2 RECHERCHE LOGOTYPE Recherche logographique. Ci-dessous, les premiers logos recherchés en lien avec le premier moodboard. Ci-contre, les logos d essai avec initiales et idée de «couche terrestre».

23 annexe 3 VEILLE - ANALYSE CONCURRENTIELLE Analyse de deux sites concurrents, avec zoning. Définition des failles et des atouts. voyagespourlaplanete.com ecovoyageurs LOGO ZONE DE NAVIGATION SLIDESHOW Photos générales FORMULAIRE DE RECHERCHE PRODUITS ARTICLES Présentation des produits LOCALISATION LIEN PAGE FACEBOOK LIENS RESEAUX SOCIAUX LIENS MANUEL D UTILISATION FORMULAIRE CONTACT LABELS PARTENAIRES NUAGE DE MOTS CLES FOOTER - Mentions légales

24 voyages pourlaplanete ecovoyageurs IMPRESSION GENERALE Le site internet Voyages pour la Planète est un site de e-tourisme, référençant des offres de voyages en accord avec la thématique. Le visiteur peut clairement identifier la nature et le sujet du site. IDENTITE GRAPHIQUE La home page est attractive. Le sujet est cerné par l utilisation de couleurs, de textures et d images en lien avec les valeurs promulguées par l écotourisme. (le bois, le feuillage, icône en forme de planète,...). De surcroît, le site développe sa thématique écologique en insérant des symboles propres à la figure du voyageur : boussole, photographies, passeport... Cependant, la zone de contenu manque de créativité : les polices sont standardisées, les bordures des différents blocs sont minimales, le formulaire de recherche l est également. Voyages pour la Planète manque d une charte graphique précise, innovante et créative. ERGONOMIE Les contenus importants sont visibles dès l affichage de la page d accueil (navigation et formulaire de recherche) ; ils sont de surcroît mis en évidence par le positionnement du slider, qui va attiser la curiosité du visiteur. Le site propose également une zone de contenu présentant les offres récentes (sur le zoning, la zone <ARTICLES>), distinctes des zones secondaires par sa taille et son design. Toutefois, si l interface de navigation semble en premier lieu claire et concise, son contenu est trop imposant. Il aurait été plus judicieux de développer le menu principal, afin d alléger la liste déroulante des différentes pages proposées. Également, le footer ne permet pas au visiteur de remonter en haut de la page d accueil. L ergonomie manque de fluidité. IMPRESSION GENERALE Le site internet Ecovoyageurs est un site de e-tourisme, référençant des offres de voyages en accord avec la thématique. Le visiteur peut clairement identifier la nature et le sujet du site. Toutefois, le site semble légèrement encombré. Le visiteur peut être rebuté par le trop grand nombre de blocs de contenus. ERGONOMIE La barre de navigation est visible dès l affichage de la page d accueil ; le site met également en évidence le formulaire permettant de rejoindre la communauté. Pour donner envie au visiteur de le faire, ils ont positionné un bloc présentant les valeurs du site. C est un bonus indéniable. De plus, comme le site Voyages pour la planète, le positionnement du slider va attirer l oeil du visiteur sur ses trois zones essentielles. A contrario, le contenu du menu déroulant manque encore une fois d organisation. Le visiteur peut réellement être découragé par l abondance de pages. Il faudrait envisager une refonte du site, composé avec une organisation des pages beaucoup plus concise. IDENTITE GRAPHIQUE Bien que classique, l identité visuelle du site www. ecovoyageurs.com respecte la thématique écotouristique. Les couleurs utilisées sont en accord ave le produit de vente. Les différents niveaux de textes sont reconnaissables. Cependant, les couleurs sont relativement restreintes (3 teintes principales), et le choix typographique est discutable. La charte graphique manque de cohérence, puisque le choix d un design sobre et minimaliste, plutôt d inspiration urbaine et futuriste, n est pas en accord avec le thème du voyage, de la découverte, et du respect de l envvironnement. De surcroît, le site n utilise que des photographies ; ni texture, ni illustration. Il serait important de diversifier l identité visuelle du site, à mon goût, trop épurée.

25 BAILLY PAULINE

M1205P - INFOGRAPHIE. TD4 et TD5 - ÉVALUATION FINALE GREEN MONSTERS FESTIVAL

M1205P - INFOGRAPHIE. TD4 et TD5 - ÉVALUATION FINALE GREEN MONSTERS FESTIVAL M1205P - INFOGRAPHIE TD4 et TD5 - ÉVALUATION FINALE GREEN MONSTERS FESTIVAL Vous allez dans cet exercice être amenés à réaliser le modèle graphique de la page d accueil du site du festival Green Monsters

Plus en détail

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

BENCHMARK. Site catalogue pour la compagnie de voyages. Voyage dans les profondeurs. Remy Laetitia W1-Webdesign

BENCHMARK. Site catalogue pour la compagnie de voyages. Voyage dans les profondeurs. Remy Laetitia W1-Webdesign BENCHMARK Site catalogue pour la compagnie de voyages Submersion Voyage Remy Laetitia W1-Webdesign AVANT-PROPOS Submersion Voyage Ce site est un site vitrine catalogue pour une agence de voyage : Submersion

Plus en détail

CAHIER DE SYNTHESE. responsive campus PAGE 1/27

CAHIER DE SYNTHESE. responsive campus PAGE 1/27 CAHIER DE SYNTHESE responsive campus PAGE 1/27 CONTEXTE Projet Court réalisation d une interface web responsive. Ce projet correspond à la phase de finalisation (ph3) d un projet long en 3 phases Ce projet

Plus en détail

Charte graphique. Guide d application d identité visuelle

Charte graphique. Guide d application d identité visuelle Charte graphique Guide d application d identité visuelle Sommaire 1 - Introduction - Le concept p. 03 2 - Logotype p. 04 Quadrichromie p. 04 Pantone p. 05 Noir et blanc p. 06 Monochrome p. 07 Au trait

Plus en détail

Analyse du site AMAZON.

Analyse du site AMAZON. (Mateo SEPULVEDA Groupe G) Analyse du site AMAZON. Repérage: Première impressions: Points positifs: Site bien organisé, icônes importantes bien mises en valeurs. Points négatifs: Certaine rubriques cachées,

Plus en détail

LE LOGOTYPE. LE LOGOTYPE - La construction. Le logotype en quadrichromie. La grille de construction du logotype

LE LOGOTYPE. LE LOGOTYPE - La construction. Le logotype en quadrichromie. La grille de construction du logotype CHARTE GRAPHIQUE LE LOGOTYPE LE LOGOTYPE - La construction Le logotype en quadrichromie Penser, agir et dire Depuis sa création en 1981, Fert s est illustrée par sa discrétion. Porteuse des valeurs humanistes

Plus en détail

Analyse comparative de trois sites d'archives départementales. Florian Manin Alexandre Le Breton Jérémy Monier

Analyse comparative de trois sites d'archives départementales. Florian Manin Alexandre Le Breton Jérémy Monier Analyse comparative de trois sites d'archives départementales Florian Manin Alexandre Le Breton Jérémy Monier 1. Analyse critique du site des Archives Départementales d'illeetvilaine : Première impression

Plus en détail

W EBD ESIGNS 2011-2015

W EBD ESIGNS 2011-2015 1 W EBD ESIGNS 2011-2015 2 3 REFONTE COMPLÈTE DU SITE «MERCI POUR L ADRESSE» BRIEF CLIENT Re-penser la plateforme en accord avec le magazine gratuit. Travailler en collaboration avec la Directrice Artistique

Plus en détail

Dossier de présentation - Site évènementiel autour du skateboard William Traoré - M2

Dossier de présentation - Site évènementiel autour du skateboard William Traoré - M2 Dossier de présentation - Site évènementiel autour du skateboard William Traoré - M2 Sommaire Concept Benchmark Technologie Architecture Concept Avant propos Concept Accroche Titre retenu Avant propos

Plus en détail

CAHIER DES CHARGES. Refonte du Site : ToufikOulmi.com. 28/03/2012 - Cahier des charge «TOUFIKOULMI.COM» - S.LARVET

CAHIER DES CHARGES. Refonte du Site : ToufikOulmi.com. 28/03/2012 - Cahier des charge «TOUFIKOULMI.COM» - S.LARVET CAHIER DES CHARGES Refonte du Site : ToufikOulmi.com 1/20 SOMMAIRE 1- Contexte 2- Objectifs 3- Pérennité du site 4- Résultats attendus et publics visés 5- Contraintes 6- Délais 7- Benchmark 8- Les Contenus

Plus en détail

Analyse d un site : guildwars2.com

Analyse d un site : guildwars2.com Rachid ADOUL GIO4 par apprentissage API08 Analyse d un site : guildwars2.com I. Evaluation subjective A. Présentation du site Le site guildwars2.com est le site officiel du jeu vidéo Guild Wars 2. Le jeu

Plus en détail

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE @... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN

Plus en détail

Guide Ultra-book / 2012

Guide Ultra-book / 2012 Guide Ultra-book / 2012 Avant de commencer Le logiciel Ultra-book est optimisé pour les derniers navigateurs web standards : Firefox 10 ou 11 Chrome 18 Safari 5 Vous trouverez ces navigateurs en téléchargement

Plus en détail

M1105 Web Design Analyse Sectorielle Sites de grands musées

M1105 Web Design Analyse Sectorielle Sites de grands musées M1105 Web Design Analyse Sectorielle Sites de grands musées Godlewski Louis Fort Hugo 2 Rijksmuseum Flat Design Fonctionnelle Responsive Design - Sobre - Esthétique - Vaste Source d information 3 onglets

Plus en détail

IDENTITITÉ DU FESTIVAL

IDENTITITÉ DU FESTIVAL IDENTITITÉ DU FESTIVAL Romain Lefort Marion Colléaux Domitille Zakia Chloé Van Driessche Sylvain Neau Chef de projet Directrice artistique Directrice artistique UX/UI Designer UX/UI Designer Sommaire Logotype

Plus en détail

CHARTE GRAPHIQUE CHARTE GRAPHIQUE. Xxxxxxx. Xxxxxxxxxxxx

CHARTE GRAPHIQUE CHARTE GRAPHIQUE. Xxxxxxx. Xxxxxxxxxxxx Xxxxxxxxxxxx Xxxxxxx CHARTE GRAPHIQUE 1 Sommaire Positionnement du site Ce site se veut élégant, sobre et adapté aux professionnels ciblés par son ergonomie simple et efficace. Il met en avant les produits

Plus en détail

Atelier E-TOURISME 2013. Optimiser la visibilité de son site sur les moteurs de recherche. ecotourismepro.jimdo.com

Atelier E-TOURISME 2013. Optimiser la visibilité de son site sur les moteurs de recherche. ecotourismepro.jimdo.com Atelier E-TOURISME 2013 Optimiser la visibilité de son site sur les moteurs de recherche ecotourismepro.jimdo.com Optimiser la visibilité de son site sur les moteurs de recherche Audrey Piquemal Chargée

Plus en détail

REFONDRE SON SITE INTERNET, LES PISTES A SUIVRE

REFONDRE SON SITE INTERNET, LES PISTES A SUIVRE LAD C MENES / Shutterstock REFONDRE SON SITE INTERNET, LES PISTES A SUIVRE Février 2014 Loire-Atlantique développement - Direction de l'action touristique - 1 PRÉAMBULE Votre site web est la vitrine de

Plus en détail

Trucs et astuces d un Expert Jimdo pour un site réussi

Trucs et astuces d un Expert Jimdo pour un site réussi Trucs et astuces d un Expert Jimdo pour un site réussi Tour de France Jimdo Jimdo MeetUp - Lyon 24/10/2014 L agence 24-7 en quelques mots Créée en 2004, installée à l Écocentre de Crolles (près de Grenoble)

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail

Charte graphique. Maison de services au public. Conception graphique. Camille Baudelaire & Pierre Sponchiado

Charte graphique. Maison de services au public. Conception graphique. Camille Baudelaire & Pierre Sponchiado Charte graphique Maison de services au public Conception graphique 2015 Camille Baudelaire & Pierre Sponchiado 1 Sommaire «Maison de services au public» est une commande de la Caisse des Dépôts pour le

Plus en détail

À LA DÉCOUVERTE de PowerPoint 2010

À LA DÉCOUVERTE de PowerPoint 2010 Chapitre 1 À LA DÉCOUVERTE de PowerPoint 2010 C est le logiciel de présentation le plus utilisé au monde. PowerPoint est devenu au fil du temps un incontournable. Intégré à la suite bureautique Office

Plus en détail

Victor Finkel. American. Photographer. In Paris

Victor Finkel. American. Photographer. In Paris An Victor Finkel American Photographer In Paris 1 La délimitation du projet Contexte La cliente est une photographe américaine, qui vit à Paris. Afin de lui apporter de la visibilité, et tenter de développer

Plus en détail

Sommaire. - Page 1 sur 19 -

Sommaire. - Page 1 sur 19 - Sommaire I Ergonomie du site 2xmoinscher... 2 1 Infos globales... 2 2 Homogénéité/cohérence... 3 3 Adaptabilité... 3 4 Guidage... 4 5 Représentativité... 5 6 Charge de travail... 6 7 Gestion des erreurs...

Plus en détail

2.1 Bien cerner le site et le concevoir sur de bonnes bases : - quel est l objectif du site?

2.1 Bien cerner le site et le concevoir sur de bonnes bases : - quel est l objectif du site? A quoi sert le cahier des charges? Un cahier des charges est un document contractuel définissant de façon exhaustive ce que le commanditaire attend de la réalisation d un produit ou d un service. Le cahier

Plus en détail

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

GESTION DES LONGS DOCUMENTS

GESTION DES LONGS DOCUMENTS 1 Gestion des longs documents LE TRAITEMENT DE TEXTE GESTION DES LONGS DOCUMENTS (DOCUMENTS HIÉRARCHISÉS) LES CONCEPTS DE STYLES, DE HIÉRARCHIE ET DE CHARTE GRAPHIQUE Les documents de grande taille sont

Plus en détail

Analyse Sectorielle site d E-Commerce

Analyse Sectorielle site d E-Commerce Analyse Sectorielle site d E-Commerce Ce document traite de l analyse sectorielle de 3 sites d E-commerce : Amazon Cdiscount et Laredoute ils ont été réalisés respectivement par Marc Bourset- Marcella,

Plus en détail

SITE WEB Service Client. Charte graphique et technique

SITE WEB Service Client. Charte graphique et technique Service Client Charte graphique et technique 1 Sommaire a / MISE EN FORME Introduction... 3 Les logos Veolia... 4 Police & taille - généralité... 6 Police & taille gabarits principaux... 7 Palette de couleur...

Plus en détail

votre site web et autre stratégie digitale

votre site web et autre stratégie digitale votre site web et autre stratégie digitale 2014 SERVICES sur mesure Audit Stratégie éditoriale Production de contenu Webrédaction Blogs, réseaux sociaux Veille Community Management Accompagnement de projet

Plus en détail

Cahier des charges et des spécifications pour la refonte du site Internet du Centre de Recherche sur les Liens Sociaux (CERLIS)

Cahier des charges et des spécifications pour la refonte du site Internet du Centre de Recherche sur les Liens Sociaux (CERLIS) Cahier des charges et des spécifications pour la refonte du site Internet du Centre de Recherche sur les Liens Sociaux (CERLIS) http://recherche.parisdescartes.fr/cerlis Version finale (28 mai 2015) A

Plus en détail

VILLE DE CABOURG. MARCHES PUBLICS DE PRESTATIONS INTELLECTUELS Marché passé selon la procédure adaptée DOSSIER DE CONSULTATION CAHIER DES CHARGES

VILLE DE CABOURG. MARCHES PUBLICS DE PRESTATIONS INTELLECTUELS Marché passé selon la procédure adaptée DOSSIER DE CONSULTATION CAHIER DES CHARGES VILLE DE CABOURG MARCHES PUBLICS DE PRESTATIONS INTELLECTUELS Marché passé selon la procédure adaptée DOSSIER DE CONSULTATION CAHIER DES CHARGES Objet du marché Refonte du site Internet de la Ville de

Plus en détail

Benchmark graphique. Projet de site portail. Auteur : Julien Amblard. Référencement des écoles et des formations graphiques

Benchmark graphique. Projet de site portail. Auteur : Julien Amblard. Référencement des écoles et des formations graphiques Benchmark graphique Projet de site portail Référencement des écoles et des formations graphiques Auteur : Julien Amblard Référencement des écoles et des formations graphiques Projet de site portail Benchmark

Plus en détail

REFONTE DE SITE WEB - CAHIER DES CHARGES

REFONTE DE SITE WEB - CAHIER DES CHARGES REFONTE DE SITE WEB - CAHIER DES CHARGES AUTEUR : DIOP ADJA Responsable Communication adiop@neurotech.sn : 33 869 90 44 8, Boulevard du sud - Immeuble Tandian, Point E T: (221) 338699090 F: (221)338245725

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

Description sémiotique et comparative d un corpus de sites web

Description sémiotique et comparative d un corpus de sites web Description sémiotique et comparative d un corpus de sites web Pages d accueil des sites de la presse écrite internationale Brochet Hélène Lusson Audrey Beaumont Frédéric Master 2 Management de la Communication

Plus en détail

Réaliser une carte de vœux

Réaliser une carte de vœux Réaliser une carte de vœux - 6 janvier 2014 p 1 Réaliser une carte de vœux Un petit tutoriel de saison, qui utilisera les connaissances acquises autour de la gestion de vos photos, et le logiciel libre

Plus en détail

Bienvenue chez Spluw

Bienvenue chez Spluw 1 Bienvenue chez Spluw Ce guide présente les principales fonctions de mise en page et d édition de votre site Web. Vous y trouverez les étapes essentielles de construction de page et de mise en forme pour

Plus en détail

La direction artistique web

La direction artistique web La direction artistique web Introduction La partie design est une étape délicate à gérer dans le processus de création d un site web car le client est toujours impatient de voir le résultat visuel de son

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Guide méthodologique Les grandes étapes d un projet numérique

Guide méthodologique Les grandes étapes d un projet numérique Guide méthodologique Les grandes étapes d un projet numérique V1-10 oct 2011 1 Mode d emploi Le guide méthodologique vous est proposé par l équipe du concours Web Generationet a été approuvé par une équipe

Plus en détail

Espace de travail. Les éléments... 12 Modifications de l affichage... 17

Espace de travail. Les éléments... 12 Modifications de l affichage... 17 Espace de travail Les éléments... 12 Modifications de l affichage... 17 Chapitre 1 Espace de travail L espace de travail d InDesign CS4 s inscrit dans la lignée de tous les produits de la gamme Creative

Plus en détail

ReaL. Charte graphique. I Les éléments de la reconnaissance visuelle I

ReaL. Charte graphique. I Les éléments de la reconnaissance visuelle I Charte graphique I Les éléments de la reconnaissance visuelle I Le Réseau Interdisciplinaire d Etudes et d Analyses de la province de Luxembourg (RIEAL) a pour objet la mise en commun des compétences d

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

Plus en détail

E-LECLERC LEVALUATION DU SITE WEB. A. Evaluation «subjective» du site web. 1. Choix du site web. 2. Présentation le site A P I 0 8 1 1 / 0 3 / 2 0 1 4

E-LECLERC LEVALUATION DU SITE WEB. A. Evaluation «subjective» du site web. 1. Choix du site web. 2. Présentation le site A P I 0 8 1 1 / 0 3 / 2 0 1 4 LEVALUATION DU SITE WEB E-LECLERC A P I 0 8 1 1 / 0 3 / 2 0 1 4 A. Evaluation «subjective» du site web 1. Choix du site web J ai choisi de réaliser l évaluation «subjective» sur le site web : www.e-leclerc.com,

Plus en détail

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5

Plus en détail

CAHIER DES CHARGES. Sommaire. 1 Présentation 1.1 Vos interlocuteurs 1.2 Date de remise des offres

CAHIER DES CHARGES. Sommaire. 1 Présentation 1.1 Vos interlocuteurs 1.2 Date de remise des offres CAHIER DES CHARGES Utilisation du cahier des charges : - conservez ou modifier les textes en noir. Nous avons volontairement ajouté de nombreux points ou caractéristiques dans le cahier des charges. Vous

Plus en détail

MANUEL UTILISATEUR. Application 4trip

MANUEL UTILISATEUR. Application 4trip * MANUEL UTILISATEUR Application 4trip Table des matières 1. Introduction... 1 1.1. Description globale du produit... 1 1.2. Description de la finalité du manuel... 1 2. Manuel d utilisation... 2 2.1.

Plus en détail

Jean Baptiste COMTE. Analyse de l ergonomie des sites Internet

Jean Baptiste COMTE. Analyse de l ergonomie des sites Internet Jean Baptiste COMTE Analyse de l ergonomie des sites Internet 1) La densité informationnelle La société privée Adobe ne se noie pas dans son offre. La palette de produits et services, pourtant étoffée,

Plus en détail

- SPECIFICATIONS FONCTIONNELLES - V2 DU 17/07/2015

- SPECIFICATIONS FONCTIONNELLES - V2 DU 17/07/2015 De : Alix Beltra Site Ligue contre le cancer 31 A : Marie-Ange Leophonte - SPECIFICATIONS FONCTIONNELLES - V2 DU 17/07/2015 Nombre de gabarits 4 1. OBJET DU DOCUMENT ET RÈGLES GÉNÉRALES Le présent document

Plus en détail

Nom du site: Izakaya lengue

Nom du site: Izakaya lengue SUSINI Marion TONDEUR Leila Magistère CFI 1 Fiche du site Nom : Minato Sujet : Site web d un bar/karaoké japonais à Paris. Résumé : Création du site web d un bar japonais à Paris. L objectif est de faire

Plus en détail

Gammes de couleurs p. 13 Couleurs majeures et couleurs d accompagnement p. 12. Typographie p. 15 Univers typographique p. 16

Gammes de couleurs p. 13 Couleurs majeures et couleurs d accompagnement p. 12. Typographie p. 15 Univers typographique p. 16 Charte Graphique Conçue afin de garantir une cohérence de l identité visuelle de Routd Af et une homogénéité de ses productions graphiques, cette charte présente l ensemble des principes à respecter et

Plus en détail

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005 MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par

Plus en détail

Analyse Sectorielle de site e-commerce

Analyse Sectorielle de site e-commerce Analyse Sectorielle de site e-commerce - Caillet Mélissa Groupe E La Redoute - Gobillard Sébastien Groupe E - Cdiscount - Bourbon Adrien Groupe E - Amazon Site analysé La Redoute http://laredoute.fr/ 1

Plus en détail

ASTER et ses modules

ASTER et ses modules ASTER et ses modules Sommaire Caractéristiques du site internet Rubriques et pages... page 3 Actualités... page 3 Agenda... page 4 Sons... page 4 Documents à télécharger... page 4 Liens... page 4 Albums

Plus en détail

Adobe Indesign. L art de la mise en page CHAPITRE 2

Adobe Indesign. L art de la mise en page CHAPITRE 2 M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Indesign L art de la mise en page CHAPITRE 2 Sommaire 1. Les blocs a. Types de blocs b. Manipuler les blocs c. Interactions entre les blocs d. Appliquer

Plus en détail

Félicitation, votre site est créé!

Félicitation, votre site est créé! Guide de démarrage e-monsite.com Félicitation, votre site est créé! Vous avez fait le plus difficile. A présent, découvrez comment administrer votre site web. 1 Comprendre l interface du manager de votre

Plus en détail

Edouard Sastre PORT FOLIO

Edouard Sastre PORT FOLIO Edouard Sastre PORT FOLIO 2015 1 2 EDOUARD SASTRE Portefolio ew.sastre@gmail.com edouardsastre.com 06 26 79 29 77 3 4 SOMMAIRE Intripid Design Concept Projet professionnel 6 Hermès Redesign Concept Projet

Plus en détail

4. Créer des compteurs, des curseurs ou des bandes déroulantes : a) Création des objets. b) Affectation à une cellule et réglage du pas.

4. Créer des compteurs, des curseurs ou des bandes déroulantes : a) Création des objets. b) Affectation à une cellule et réglage du pas. Logiciel Excel version Office 2007. Voici une liste non exhaustive de fonctions de ce logiciel en relation avec le stage. Au sommaire : 1. Créer des boutons de raccourci dans une barre d outils: a) Sélection

Plus en détail

Cahier des Charges Site Web Internet by DMPARIS

Cahier des Charges Site Web Internet by DMPARIS Cahier des Charges Site Web Internet by DMPARIS Page 1 Cahier des Charges Site Web Internet by DMPARIS Merci de remplir le formulaire ci-dessous, afin que nous puissions cerner et répondre au mieux à votre

Plus en détail

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010 Manuel du rédacteur Dernière mise à jour : le 14/04/2010 Table des matières 1 PRÉSENTATION GÉNÉRALE... 3 2 L INTERFACE DE GESTION... 3 2.1 ACCÈS À L INTERFACE DE GESTION... 3 2.2 PRÉSENTATION GÉNÉRALE...

Plus en détail

DOKEOS Author Manuel du formateur

DOKEOS Author Manuel du formateur Retrouvez-nous en ligne sur notre site dokeos.com/fr DOKEOS Author Manuel du formateur Trois raisons de choisir DOKEOS Author Facile à prendre en main, DOKEOS Author est l outil de la suite Dokeos qui

Plus en détail

http://www.content-square.fr

http://www.content-square.fr http://www.content-square.fr Qui sommes-nous? 2 Jonathan CHERKI Président Fondateur Études : + ESSEC + Licence de Mathématiques et de statistiques + Master de Marketing L équipe (composée de 25 experts)

Plus en détail

Guide graphique. www.ber r yprovince.co m. www.berryprovince.com

Guide graphique. www.ber r yprovince.co m. www.berryprovince.com Guide graphique www.ber r yprovince.co m ryprovince.com 2 Sommaire Le logo Le logo La typographie La chromie Environnement chromatique p.4 p.5 p.6 p.7 p.8 La papeterie Tête et suite de lettre Carte de

Plus en détail

CONTACT. www.agglo-limoges.fr. Refonte du site internet Communauté d agglomération Limoges Métropole. Dossier de presse Vendredi 30 août 2013

CONTACT. www.agglo-limoges.fr. Refonte du site internet Communauté d agglomération Limoges Métropole. Dossier de presse Vendredi 30 août 2013 Dossier de presse Vendredi 30 août 2013 Refonte du site internet Communauté d agglomération Limoges Métropole www.agglo-limoges.fr CONTACT LIMOGES METROPOLE Hélène VALLEIX 9, place Léon-Betoulle 87031

Plus en détail

Analyse Sectorielle. L ille & Vilaine

Analyse Sectorielle. L ille & Vilaine Analyse Sectorielle Nous avons analysé 4 sites différents d archives départementales dans l optique de réaliser une liste d indication à reproduire ou à éviter lors de la conception de nos futurs sites

Plus en détail

Il existe plusieurs manières de démarrer Word. La plus classique consiste à ouvrir l application à partir du menu Démarrer.

Il existe plusieurs manières de démarrer Word. La plus classique consiste à ouvrir l application à partir du menu Démarrer. 1 Premiers pas La sortie d une nouvelle version de Word est toujours un événement. Et pour ce cru 2010, Microsoft a revu certaines fonctionnalités tout en gardant l interface organisée en «ruban», initiée

Plus en détail

Le site Internet de FilCall.com

Le site Internet de FilCall.com Le site Internet de FilCall.com Visuel de la page d'accueil du site FilCall.com (Février 2008) Introduction Le développement du site FilCall.com (filiale de la société VitavieTravel.com) a été conçu à

Plus en détail

Studio de création graphique

Studio de création graphique Nos Services Atooprint, votre partenaire Atooprint est un studio de création graphique créé en 2011. Nous assurons la conception, la réalisation et le suivi de fabrication de vos outils de communication

Plus en détail

Gérer un site internet simple

Gérer un site internet simple TUTORIEL Gérer un site internet simple Pourquoi avoir un site internet? Table of Contents Table of Contents... 2 Étape 1 : créer un compte Google (Gmail)... 3 Etape 2 : créer un site internet Google...

Plus en détail

Analyse d un cahier des charges Proposition de refonte de site Le Parc Zoologique de Nantes. 23.02.11 Jérémy Héno / Juliette Neveu

Analyse d un cahier des charges Proposition de refonte de site Le Parc Zoologique de Nantes. 23.02.11 Jérémy Héno / Juliette Neveu Analyse d un cahier des charges Proposition de refonte de site Le Parc Zoologique de Nantes Sommaire - Notre agence - Résumé de la demande - Analyse - Benchmark / étude de la concurrence - Proposition

Plus en détail

TP3-Traitement de texte : Word

TP3-Traitement de texte : Word TP3-Traitement de texte : Word Objectifs : Mise en page d un document, sauts de pages, sauts de section, marges, numérotation des pages, mise en colonnes, encadrement d une page. Utilisation des éléments

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

Plus en détail

CHARTE D IDENTITÉ GRAPHIQUE

CHARTE D IDENTITÉ GRAPHIQUE CHARTE D IDENTITÉ GRAPHIQUE LE LOGOTYPE Réservé à la promotion touristique du Bassin d Arcachon pour le SIBA. CODE COULEUR : Les réfèrences de la typographie : Quadri : C=100 / M=70 / J=0 / N=0 Pantone

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

Réalisation d'une brochure PDF en A4 avec SCRIBUS

Réalisation d'une brochure PDF en A4 avec SCRIBUS Réalisation d'une brochure PDF en A4 avec SCRIBUS 1/ planifier son travail quelle cible en terme de population? quelle format? quelle sortie? Écran, print N&B, couleur... s'inspirer de brochures publicitaires,

Plus en détail

Concepteur réalisateur graphique

Concepteur réalisateur graphique FORMATIONS PRINT Concepteur réalisateur graphique Durée 142 jours (994h) Objectifs A la fin de cette formation, les participants auront acquis les connaissances leur permettant d être capable de : - avoir

Plus en détail

Un site web performant

Un site web performant Un site web performant Vivian VIDAL Fondateur Dirigeant du cabinet 4V Co fondateur du groupement id rezo Expert en stratégie marketing Expert en marketing touristique vidal@4v.fr http://www.facebook.com/4v.marketing.tourisme

Plus en détail

Intervenant : Peut-on innover en communication interne?

Intervenant : Peut-on innover en communication interne? Intervenant : Peut-on innover en communication interne? L innovation par l intranet 2.0 Conseil général des Hauts-de-Seine 1. Le contexte du projet 1. Le contexte du projet 1.1 Le contexte Un intranet

Plus en détail

Conception Création Site. Web CAHIER DES CHARGES CREATION DE SITE WEB

Conception Création Site. Web CAHIER DES CHARGES CREATION DE SITE WEB Conception Création Site Web CAHIER DES CHARGES CREATION DE SITE WEB Nom de l entreprise : Adresse : Tel : Email : Personne(s) à contacter dans l entreprise : 1 CCS S.A.R.L. au capital de 45 000 RCS 434

Plus en détail

Charte Graphique 1 Octobre 2010

Charte Graphique 1 Octobre 2010 Charte Graphique 1 Octobre 2010 Charte Graphique Introduction 1- Le Logo Couleurs utilisées avec références colorimétriques Espace de respiration et tailles minimum Déclinaisons en noir et blanc Déclinaisons

Plus en détail

6. Utiliser la messagerie

6. Utiliser la messagerie "Tablette Windows 8" Sélection de Bonnes Feuilles Août 2012 6. Utiliser la messagerie D e nos jours, la messagerie est devenue un outil du quotidien. Nous recevons tous des e-mails, des messages instantanés,

Plus en détail

GUIDE D UTILISATION. Comment maîtriser Scoop.it Business

GUIDE D UTILISATION. Comment maîtriser Scoop.it Business GUIDE D UTILISATION Comment maîtriser Scoop.it Business Table des matières I. SCOOP.IT, PLATEFORME DE PUBLICATION PAR CURATION... 3 1. Sélectionner du contenu... 3 2. Editer le contenu... 6 3. Partager

Plus en détail

serialkreative.be Création de site Internet Site vitrine et catalogue Cahier des charges

serialkreative.be Création de site Internet Site vitrine et catalogue Cahier des charges serialkreative.be Création de site Internet Site vitrine et catalogue Merci d avoir choisi Serial Kreative! Ensemble, nous allons créer votre nouveau site Internet. Ce cahier de charges comprend l ensemble

Plus en détail

La mise en page web, feuille de style, cadre.

La mise en page web, feuille de style, cadre. La mise en page web, feuille de style, cadre. L importance du navigateur, son rôle est de lire le code HTML et CSS afin d afficher un résultat visuel à l écran, le problème est que les navigateurs n affichent

Plus en détail

TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET ORGANISATIONS

TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET ORGANISATIONS TECHNOLOGIE DE LA COMMUNICATION, MÉDIAS ET ORGANISATIONS CIM404A Septembre 2013 ELISABETH DE PABLO 1 WEB PUBLISHING - créer, éditer, publier, diffuser, animer sur le web un produit [de communication] -

Plus en détail

Website Express Créer un site professionnel avec Orange

Website Express Créer un site professionnel avec Orange Website Express Créer un site professionnel avec Orange mars 2015 Safiétou Ndao Ndiaye Sommaire Présentation... 3 Description du service... 3 Configuration requise... 4 Consignes... 4 Pour bien démarrer...

Plus en détail

Analyse de l ergonomie du site «adsl.free.fr» Selon les critères AFNOR (Scapin et Bastien)

Analyse de l ergonomie du site «adsl.free.fr» Selon les critères AFNOR (Scapin et Bastien) Analyse de l ergonomie du site «adsl.free.fr» Selon les critères AFNOR (Scapin et Bastien) Introduction Free est un des fournisseurs d'accès Internet leader dans son domaine. À travers son site Web, la

Plus en détail

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

Plus en détail

Projet S1 Conception de documents et d interfaces numériques

Projet S1 Conception de documents et d interfaces numériques Projet S1 Conception de documents et d interfaces numériques Document de suivi Ce document, complété par vos soins, sera à rendre le 15 janvier sous forme papier (un exemplaire par groupe) : son rôle est

Plus en détail

Manuel d aide www.aixpoz.com

Manuel d aide www.aixpoz.com Manuel d aide www.aixpoz.com Introduction AIXPOZ est un système de création de sites Internet «galerie photo» à destination de toute personne souhaitant exposer des images sur Internet. Que vous soyez

Plus en détail

Powerpoint. PowerPoint 2007/2010 Initiation MAJ février 2012

Powerpoint. PowerPoint 2007/2010 Initiation MAJ février 2012 Powerpoint Création de votre première présentation....2 Saisie du titre de la présentation....3 Saisie dans la diapositive courante....4 Modifier les listes à puces....6 Changer la mise en forme du titre

Plus en détail

CREER ET DIFFUSER UNE NEWSLETTER

CREER ET DIFFUSER UNE NEWSLETTER CREER ET DIFFUSER UNE NEWSLETTER Lorraine De plus en plus d entreprises décident d éditer une newsletter. Cette publication électronique permet de valoriser ses produits et ses services, de générer des

Plus en détail

la-cagouille.fr // Offre de refonte de site multilingue (en-fr)

la-cagouille.fr // Offre de refonte de site multilingue (en-fr) hello@marknightingale.net marknightingale.net 22 rue de la Nuée Bleue 67000 STRASBOURG France 06 76 16 38 51 la-cagouille.fr // Offre de refonte de site multilingue (en-fr) 14 octobre 2014 1. Parties ENTRE

Plus en détail

CONDUITE DE PROJET WEB

CONDUITE DE PROJET WEB 1) La conception fonctionnelle A. Déterminer la structure du site et des pages Web Livrables pour cette phase : Plan du site Trames de pages Spécifications fonctionnelles Tâche réalisée par le Web designer.

Plus en détail

REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL

REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL CAHIER DES CHARGES TECHNIQUE Client Fédération Algérienne de Football (FAF) Chef de projet WEBQAM Marine CHARLES Solution retenue WordPress multilingue

Plus en détail

SOMMAIRE 1. INTRODUCTION. 2. LE LOGOTYPE 2.1. La symbolique 2.2. Les paramètres

SOMMAIRE 1. INTRODUCTION. 2. LE LOGOTYPE 2.1. La symbolique 2.2. Les paramètres SOMMAIRE 1. INTRODUCTION 2. LE LOGOTYPE 2.1. La symbolique 2.2. Les paramètres 3. LA TYPOGRAPHIE 3.1. La typographie institutionnelle 3.2. La typographie administrative 3.3. La typographie de lecture 4.

Plus en détail

SITE INTERNET DE BOUD MER. Manuel de mise à jour

SITE INTERNET DE BOUD MER. Manuel de mise à jour SITE INTERNET DE BOUD MER Manuel de mise à jour www.boudmer.org Avril 2011 Mode d emploi site web Boudmer 1 Sommaire 1. Présentation du site et organisation des informations 3 Organisation générale 3 Arborescence

Plus en détail