WEB design. Pierre Chassany Comstone.ch vocables.com

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

Download "WEB design. Pierre Chassany Comstone.ch vocables.com"

Transcription

1 WEB design Pierre Chassany Comstone.ch vocables.com

2 graphisme Méthodologie(s) «Nomadisme» Responsive web design Techno tendances design 2

3 graphisme La direction artistique pour le web n est pas une démarche d ornementation visuelle mais recouvre des enjeux aussi différents que l orientation, l identification, la hiérarchisation, la valorisation, la mise en scène de l information et des messages de communication, qui produit et renforce son sens grâce aux interactions proposées par son design. La direction artistique d un projet assure non seulement la cohérence entre des objectifs de communication et leur traduction graphique, mais l élaboration d une relation entre l interface du site et son utilisateur. Benoît Drouillat 3

4 La spécificité du graphisme web Le web est un support qui a développé ses propres contraintes en terme de dispositif visuel Première loi : l utilisateur (ergonomie, interactivité et accessibilité) Définir un résultat esthétique, original et graphiquement adapté à la cible Adapter l habillage, les fonctionnalités, les outils, etc. Faire parvenir l information rapidement La cohérence Le respect de la marque et du projet (produit/service/...) au travers des différents supports digitaux Le respect des codes de communication existants 4

5 La spécificité du graphiste web Culture web = Veille et curiosité (com, market, techno,...) Une oreille (l écoute et la compréhension) Une main (le savoir faire) Créer/adapter une identité visuelle Mettre en oeuvre la réalisation technique avec l équipe de développement Ne se résume pas seulement à la conception graphique mais aussi à l interaction des pages du site web Prise en compte des contraintes spécifiques au support Internet en termes: d ergonomie d utilisabilité d accessibilité 5

6 Méthodologie(s) 6

7 Le Travail d équipe webdesigner Chef de projet Développeur(s) 7

8 * 8 * Le recettage d un projet web consiste a tester les fonctionnalités du produit livré

9 9

10 10

11 Le Brief créatif De préférence, un document écrit, et non un brief oral ou minimal... (voire un cahier de conception) qui? La Marque Identité Valeurs Positionnement Concurrence Charte graphique et éditoriale Pour qui? Le(s) Public(s) Caractéristiques Attentes Perception actuelle Perception souhaitée Quoi? Object(s) Problématique Objectifs de communication Message/promesse Dispositifs existants Autres opérations en cours ou prévues Comment? Bon à savoir Qui sont les interlocuteurs de référence? Contraintes graphiques Contraintes techniques Budget Planning Livrables... 11

12 Le Brief créatif Rassembler des informations institutionnelles, stratégiques, sectorielles, pratiques, et des ressources de travail Proposer des problématiques marketing et de communication à résoudre Nourrir la traduction graphique des objectifs et des messages très en amont du projet Susciter des interactions avec les créatifs mais aussi avec l équipe de développement Plus le brief contient d informations pertinentes et de ressources de travail et mieux les attentes seront formulées, plus la réponse créative sera précise et en adéquation avec les attentes. Le brief permet de faire le point sur les besoins réels et d évaluer de manière rationnelle une prestation créative. 12

13 Le Brief créatif 1. Définir le contexte de communication Qui est l annonceur? Le secteur d activité de la société L organisation de la société La culture de la société Son historique Son positionnement marketing (haut de gamme etc.) La concurrence directe et indirecte Axes de communication antérieurs Qui sont les cibles? Connaître les publics concernés par le message hiérarchisation motivations 13

14 Le Brief créatif 2. Définir les objectifs créatifs Objectifs institutionnels S agit-il de diffuser une information institutionnelle? Valoriser une stratégie de marque, la lancer, la déployer? Stratégie de recrutement? Dynamiser la réactivité éditoriale? Objectifs relationnels S agit-il de mettre en place une relation privilégiée avec la cible? Fédérer une communauté, animer un réseau? Rassembler des informations sur les visiteurs? Générer une base de contacts, fidéliser la cible? Dynamiser la chaîne marketing (dans le cadre d une action multi-supports)? Objectifs promotionnels Promotion : promouvoir un service, un produit, un événement? Se présenter personnellement? Démarcher des prospects? Mettre en place parallèlement une opération d ing? 14

15 Le Brief créatif 3. Orienter le positionnement créatif Le ton créatif Quelques exemples de tonalité, à combiner entre elles : «Classique, sobre, institutionnel, sérieux», «Sophistiqué, haut de gamme», «Pédagogique, simple, clair», «décalé», «Editorial, informatif», «Très Graphique, élaboré», «Tendance, avantgardiste»... Les éléments de continuité visuelle Les questions essentielles à poser pour transposer efficacement une identité existante sur le web : Quelles devront être les possibilités d évolution de la charte graphique web (adaptation des gabarits, déclinaisons envisagées, flexibilité de la mise en page )? Existe-t-il une charte graphique, des règles particulières d utilisation du logo? Iconographie : la société dispose-t-elle d une photothèque utilisable pour le site? 15

16 Le Brief créatif 4. Anticiper les contraintes créatives Contraintes liées à la technologie de développement En raison de la multitude de contrainte, une analyse préliminaire doit être menée Du côté hébergement, développement mais aussi des internautes Les contraintes créatives liées à des interdits culturels 16

17 Le Brief créatif 5. Architecture fonctionnelle et éditoriale Définir un type d interface Mini site = adapté aux problématiques événementielles, ou personnelles Site portail = adapté aux problématiques éditoriales et communautaires (fédérer) Site vitrine = adapté aux problématiques promotionnelles (sites produit), ou institutionnelles (courtes présentation, volume de texte faible) Site outil ou applicatif = adapté à des institutions ou organisations désirant partager des données ou développer des savoirs Définir les critères ergonomiques Amorcer une réflexion sur la facilité d accès aux contenus dans un contexte non-linéaire (car arborescent). Etablir le plus précisément possible les spécifications fonctionnelles et l arborescence du projet, car ils sont les données de départ de l interface graphique. Estimer l éditorial Etudier les contenus prévus pour les adapter à la lecture sur écrans 17

18 Le Zoning et le storyboard L organisation visuelle de la page Les principes de navigation et d ergonomie Garder à l esprit que la conception fonctionnelle (zoning, scénarios) est une étape qui doit s effectuer en amont du design de l interface. L allure graphique de la maquette n est pas encore à l ordre du jour. C est le point de vue fonctionnel et ergonomique qui est important à cette étape là Le zoning Cette phase permet de bien spécifier toutes les fonctionnalités nécessaires pour répondre aux actions des internautes. Il s agit donc d un découpage de la page en autant de zones que nécessaire A réaliser pour les plus importantes pages dont les différences sont sensibles. Le storyboard Décrire les fonctionnalités Décrire toutes les étapes relatives à des (inter)actions Permettre de comprendre le chemin ou le processus d un internaute ou de plusieurs (notion de rôle) 18

19 Le Zoning et le storyboard 19

20 «Nomadisme» 20

21 21

22 site web «responsive» une compatibilité optimale du design et des contenus sur les différents supports (écrans) site web mobile «template dédié» un contenu adapté prenant en compte les caractéristiques du support mobile et de l utilisateur «nomade» Application Web (web App) site mobile enrichi ou logiciel applicatif développée à l aide des technologies du web (html5), généralement placée sur un serveur et manipulable grâce à un navigateur Web Permet le stockage de données hors ligne, en étant fonctionnel, et d agir comme une application réelle au lieu de simplement se contenter de lecture = réactivité et mode déconnecté ex: messageries web en ligne, twitter ou facebook, google documents, ou encore les systèmes de gestion de contenu, les wikis et les blogs sont des applications web. Application mobile (App) application native logiciel applicatif indépendant mais souvent limité développée à l aide de framework «universel» (Apple, Android) et distribué via des catalogues en ligne: AppStore, Android Market que l on installe sur un smartphone. Mise à jour ou d installation nécessaire 22

23 Comment bien choisir entre site web mobile, Application native et Application web pour proposer la meilleure expérience client? 1/2 Le choix doit être le résultat d une analyse et d un diagnostic selon: une connaissance précise des attentes et des niveaux d équipements des utilisateurs, des standards imposés par les offres concurrentes; un diagnostic SWOT (Forces/Faiblesses/Opportunité/Menaces - Strengths, Weaknesses, Opportunities, Threats) de l utilisation de chaque technologie sur un périmètre fonctionnel comparable. 23

24 Comment bien choisir entre site web mobile, Application native et Application web pour proposer la meilleure expérience client? 2/2 Pour choisir la solution la mieux adaptée il faut aussi se poser les bonnes questions: A quelle population je m adresse? Quels sont les besoins pour répondre aux exigences techniques? Pourquoi se lancer dans le web mobile? Quel est le positionnement de mon canal mobile par rapport à mon canal web ou mes autres canaux? Ce sont les réponses à ces questions ET une bonne connaissance des différences techniques entre Web App et natif qui permettront de faire le bon choix. Il est possible qu en fonction du contexte, plusieurs options soient envisagées. Enfin, pour avoir une présence mobile performante, il faut investir (dans des budgets, des ressources, des compétences en interne et marquer une réelle volonté) et se donner les moyens de réussir, car les utilisateurs ne se contenteront pas de compromis

25 Application native nécessitant une mise à jour permanente des données 25

26 Site mobile - Templates web dédiés 26

27 Lancy.ch Modèle responsive design Home page Ecran mobile (mini 320x480) Ecran mobile et tablette vertical (mini 480x640) Ecran tablette vertical (740 >> 800) LOGO LOGO LOGO IMAGE HEADER medium Bienvenue Bienvenue Bienvenue ImG Caroussel ImG Caroussel ImG Caroussel sur-titre titre sur 2 lignes f<sdva<vsdv SC<sda <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf dffsdf ASFASD ASDa sur-titre titre sur 1 ou 2 lignes f<sdva<vsdv SC<sda <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf dffsdf ASFASD ASDa L ACTUALITÉ COMMUNALE L ACTUALITÉ LACTUALITÉ T CULTURE ET LOISIRS sur-titre titre sur 1 ou 2 lignes f<sdva<vsdv SC<sda <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf dffsdf ASFASD ASDa L ACTUALITÉ COMMUNALE L ACTUALITÉ COMMUNALE L ACTUALITÉ CULTURE ET LOISIRS CALENDRIER CALENDRIER E L ACTUALITÉ CULTURE ET LOISIRS Meteo Accès c direct Sélection de pages Bloc x1 Meteo Accès direct f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv Sélection de pages f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv f<sdva<vsdv Bloc x2 Bloc x1 Bloc x2 Bloc x3 27

28 Lancy.ch Modèle Site mobile LOGO LOGO LOGO LOGO Bienvenue Actualités Agenda infos pratiques ImG Caroussel titre sur 1 ligne Actualités Agenda Infos pratiques Associations Découvrir titre sur 1 ligne JJ.MM.AAAA ImG titre sur 1 ligne JJ.MM.AAAA ImG titre sur 1 ligne JJ.MM.AAAA f<sdva<vsdv SC<sda <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf f<sdva<vsdv SC<sda <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf f<sdva<vsdv SC<sda <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf Du 27 octobre au 2 novembre Culture <SDVA<VSDV SC<sda VSDV SC<sda sdasd sdf ASF ASD ASDa ffsdf ASFASD ASDa Sports <SDVA<VSDV SC<sda VSDV SC<sda sdfas Loisirs ffsdf ASF ASD SDa FsdfsfFf FaS sdf dffsdf ASFASD << < > >> Votre mairie le conseil administratif f<sdva<vsdv SC<sda <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf dffsdf ASFASD ASDa f<sdva<vsdv SC<sda <VSDV SC<sda sdfas dffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf dffsdf ASFASD ASDa f<sdva<vsdv SC<sda dffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf LOGO LOGO LOGO LOGO Bienvenue Accueil Contact Plan du site Rss ImG Caroussel titre t sur 1 ligne Actualités Agenda Infos pratiques Associations o Découvrir r Actualités titre sur 1 ou 2 lignes JJ.MM.AAAA ImG f<sdva<vsdv SC<sda f<sdva<vsdv SC<sda f<sdva<vsdv SC<sda <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf <VSDV SC<sda sdfasdffsdf ASF ASD ASDa FsdfsfFf FaS Fsdf Agenda infos pratiques Culture Sports Culture Loisirs Politique Social Du 27 octobre au 2 novembre e Cette e semaine e <SDVA<VSDV < S SC<sda VSDV V SC<sda sdasd sdf ASF ASD ASDa ffsdf ASFASD A ASDa Sports <SDVA<VSDV < S SC<sda VSDV V SC<sda sdfas Loisirs s ffsdf ASF ASD SDa FsdfsfFf f f FaS sdf dffsdf f f ASFASD << < > >> Votre Mairie Votre mairie Numéros d urgence Adresses utiles Gestion des déchets Carte Interactive Travaux routiers le conseil administratif a i f<sdva<vsdv < D SC<sda <VSDV V SC<sda sdfas- s dffsdf f d ASF ASD ASDa FsdfsfFf s F FaS Fsdf dffsdf f d ASFASD A ASDa f<sdva<vsdv < D SC<sda <VSDV V SC<sda sdfas dffsdf f d ASF ASD ASDa FsdfsfFf s F FaS Fsdf dffsdf f d ASFASD A ASDa f<sdva<vsdv < D SC<sda dffsdff d ASF ASD ASDa FsdfsfFf s F FaS Fsdf 28

29 UI interface utilisateur UX Expérience utilisateur Même si tout cela ne date pas d hier, les concepts de mobile first*, de content first, d ergonomie et UX sur mobiles, de performances web et d optimisation, sont en pleine mutation et font l objet des principales reflexions. * https://speakerdeck.com/janimakela/modern-web-design 29

30 Responsive web design «Design réactif» 30

31 Responsive web design L idée clé du responsive design est d adapter dynamiquement le site à son contexte d exécution avec un seul code source. Ces bonnes pratiques permettent d exploiter encore plus les avantages de la séparation du contenu et de la présentation: l intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d autres critères variés pour améliorer l apparence graphique et la lisibilité (voire l utilisabilité) d un site web. Intégration de règles pour les «comportements»: 31 agrandir la taille du texte agrandir la taille des contrôles et zones cliquables (pour une utilisation au doigt) faire passer le contenu sur une seule colonne escamoter ou adapter le/s menu/s masquer ou afficher des éléments spécifiques ajuster les dimensions et marges

32 32

33 Adaption dynamique 33

34 34

35 35

36 36

37 37

38 38

39 39

40 Responsive web design - Contenus complexes 40

41 Responsive web design - Mobile first 41

42 Responsive web design - Contenus complexes 42

43 Techno 43

44 L avantage majeur est une optimisation sur le temps de chargement des pages, car moins d images, moins de code, moins de fichiers flash, etc. HTML5 Pas besoin de télécharger de programmes supplémentaires. Adapté à tous les Browsers. Supporté parfaitement par l ensemble des appareils mobiles (Androïd, ios, Windows Phone) et des navigateurs (Chrome, Internet Explorer, Firefox, WebOS, Safari, Nokia, Opera) Non propriétaire. Contrairement à Flash qui par exemple se voit privé des utilisateurs d Iphone et d Ipad étant donné qu Apple ne supporte pas cette technologie. Connexion directe et rapide au serveur pour des infos à jour et réactives ntégration de Widgets HTML5 gère de façon native les vidéos et les fichiers sons MP3. Par exemple, il vous est donc possible d insérer facilement une vidéo (Youtube, Vimeo etc.) sur votre présentation et de la visualiser sur votre téléphone, tablette, PC, etc. Réalisation d éléments graphiques ou des animations (avec des scripts JavaScript). Adobe commence à proposer des plugin pour les logiciels de créations graphiques afin de convertir les éléments graphiques au «format canvas». Le travail des Graphistes Web sera donc lui aussi touché par cette évolution. Certains bénéfices pour le Référencement SEO. (Flash est limité) Un fort potentiel de progression 44

45 CSS3 & javascript animations et transitions d éléments visuels fluides gestion optimisée de la typographie réduction du nombre d images par remplacement d éléments codés > bords arrondis, filets, boîtes, couleurs, dégradés, ombres, multi-colonage, effets textuels etc. 45

46 CSS3 46

47 Les avantages d une Web App développée en HTML5 et CSS3 47

48 HTML5 / CSS3 > Compatibilité des différents navigateurs > IE = encore un problème 48

49 Ecran retina 49

50 Ecran retina 50

51 L ergonomie des écrans nomades 51

52 De nouveaux codes visuels / Les nouvelles habitudes Icône «plus» Icône «grille d mages» Icône «liste» Icône «3 lignes - Menu» Gros boutons Footer - sitemap Pied de page - Plan du site Accordéons 52

53 Les polices de caractères: des solutions 53

54 Les polices de caractères: des solutions 54

55 Les polices de caractères: compatibilité limitée Compatibilité des différents navigateurs : 55

56 Font icônes 56

57 57

58 58

59 59

60 tendances design 60

61 Une structure de page... fréquente et donc commune... mais efficace 61

62 Une structure de page

63 Une structure de page

64 L extrême simplicité 64

65 L extrême simplicité «flat design» 65

66 «flat design» 66

67 «flat design» 67

68 Boxes et images 68

69 Boxes et images 69

70 Le full screen avec background photo t h i t h/d /h 70

71 Le full screen orienté outil local.ch 71

72 Le full screen avec background vidéo f i i / 72

73 Le full screen avec background vidéo t t ti / 73

74 Parallaxe 74

75 La navigation en colonne de gauche 75

76 Polices XL 76

77 Mobile first - structure 77

78 Mobile first - Accès simplifiés 78

79 Mobile first - images 79

80 Navigation spécial tablette 80 /

81 81

82 https://speakerdeck.com/janimakela/modern-web-design

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

Comment formaliser un brief créatif?

Comment formaliser un brief créatif? soudre dans un même geste : ils élaborent des pistes créatives à partir d une stratégie formalisée en amont. 2. Plus le brief contient d informations pertinentes et de ressources de travail et mieux les

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

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

PROFIL. Intégrateur Web. Missions

PROFIL. Intégrateur Web. Missions L intégrateur HTML est chargé de développer la partie front office des sites internet ou encore de coder les newsletters en HTML. À partir des éléments graphiques fournis au format Photoshop, il réalise

Plus en détail

Solution Web pour l hôtellerie par MMCréation

Solution Web pour l hôtellerie par MMCréation Solution Web pour l hôtellerie par MMCréation 15 ans d expertise auprès des chaînes hôtelières Une équipe multidisciplinaire Des références reconnues dans le secteur hôtelier De nombreuses récompenses

Plus en détail

Création du site internet [insérez le nom de votre site]

Création du site internet [insérez le nom de votre site] Création du site internet [insérez le nom de votre site] Cahier des charges 1. [Insérez le nom de votre société]... 3 2. Le projet... 4 3. Les prestations attendues... 5 4. Les fonctionnalités du futur

Plus en détail

Personne à contacter : Françoise LE GUERN

Personne à contacter : Françoise LE GUERN Mairie de Guingamp 1 place du Champ-au-Roy BP 50543 22205 GUINGAMP cédex Tél : 02 96 40 64 40 Fax : 02 96 44 40 67 Email : mairie@ville-guingamp.com Personne à contacter : Françoise LE GUERN SOMMAIRE 1

Plus en détail

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET?

COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? COMMENT RÉDIGER UN CAHIER DES CHARGES POUR UN SITE INTERNET? 1. Présentation 1.1 Les coordonnées Mentionnez ici les coordonnées exactes de l entreprise ou de la collectivité (adresse postale, numéro de

Plus en détail

Solution Web pour l hôtellerie par MMCréation

Solution Web pour l hôtellerie par MMCréation Solution Web pour l hôtellerie par MMCréation 15 ans d expertise auprès des chaînes hôtelières Une équipe multidisciplinaire Des références reconnues dans le secteur hôtelier De nombreuses récompenses

Plus en détail

PROFIL. Web Designer. Missions

PROFIL. Web Designer. Missions Le graphiste Web ou web designer est un profil qui a une sensibilité graphique et qui maîtrise les outils logiciels dédiés au graphisme. Il créé les éléments graphiques de nos sites, des emailings ou des

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

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

Mode d emploi d artishoc mobile

Mode d emploi d artishoc mobile Mode d emploi d artishoc mobile Version gratuite Version 4 Mise à jour le 05/01/2011 Ce mode d emploi est à l usage exclusif des utilisateurs de l offre mobile gratuite d artishoc mobile. Il n a pas de

Plus en détail

Un site EFFICACE passe par un BON GRAPHISME

Un site EFFICACE passe par un BON GRAPHISME Un site EFFICACE passe par un BON GRAPHISME Rassurer, apprécier, interloquer,... autant de verbes importants aux yeux de l'internaute qui découvre pour la première fois votre site Internet. Ne dit- on

Plus en détail

Introduction @ 1. La gamme Microsoft Expression

Introduction @ 1. La gamme Microsoft Expression La gamme Microsoft Expression Microsoft propose déjà dans son catalogue des outils orientés graphisme ou destinés à la création de sites web. Avec l arrivée de Vista et plus précisément d une couche nommée

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

INTEGRATEUR DEVELOPPEUR

INTEGRATEUR DEVELOPPEUR www.emweb.fr INTEGRATEUR DEVELOPPEUR FORMATION ELIGIBLE AU DIF/CIF DURÉE : 700 h de formation PRE REQUIS Avoir un esprit logique Etre motivé(e)! OBJECTIF A l issue de cette formation, vous serez capable

Plus en détail

CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011. La création de sites internet

CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011. La création de sites internet CCI DE SAÔNE-ET-LOIRE - ATELIER ENP 18 MAI 2011 La création de sites internet Le référencement de sites internet Je veux créer mon site internet Objectifs et démarche Les objectifs Définition Un site internet

Plus en détail

Modèle de cahier des charges pour la création de votre site internet

Modèle de cahier des charges pour la création de votre site internet Modèle de cahier des charges pour la création de votre site internet 1. Votre société Une présentation en quelques lignes de l entreprise derrière le site internet et de son identité : Son nom Sa mission

Plus en détail

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1 + Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news agence moonseven www.moonseven.fr 1 + Un marché en pleine croissance 2 FOCUS Entre mars 2013 et mars 2014, le trafic

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

Modèle de cahier des charges pour un site Internet

Modèle de cahier des charges pour un site Internet Modèle de cahier des charges pour un site Internet Modèle de cahier des charges Site Internet 1 Ce document a pour objectif de préciser quels éléments doivent être détaillés dans votre cahier des charges

Plus en détail

PLAN 1. A PROPOS 2. EXPERTISE 3. NOS RÉFÉRENCES 4. TECHNOLOGIES 5. CONTACT

PLAN 1. A PROPOS 2. EXPERTISE 3. NOS RÉFÉRENCES 4. TECHNOLOGIES 5. CONTACT PLAN 1. A PROPOS 2. EXPERTISE 3. NOS RÉFÉRENCES 4. TECHNOLOGIES 5. CONTACT A PROPOS D EMENCIA QUI SOMMES NOUS? Emencia est une société de services en logiciels libres (SSLL) spécialisée dans l intégration

Plus en détail

FICHES MÉTIERS BY SHEFFERD

FICHES MÉTIERS BY SHEFFERD FICHES MÉTIERS BY SHEFFERD COMMUNICATION - Directeur de la Communication - Responsable Social Média - Chargé de communication Web CREATION - Directeur Artistique - Directeur de la Création - Creative Technologist

Plus en détail

CityTechs Cahier de spécifictions v2

CityTechs Cahier de spécifictions v2 CityTechs Cahier de spécifictions v2 Le 8 décembre 2010 Page 1 sur 7 Table des matières Présentation du projet... 3 Environnement technique... 3 Le système de gestion de contenus WordPress Environnement

Plus en détail

Cahier des charges pour la rénovation du site internet de Kinross Tasiast

Cahier des charges pour la rénovation du site internet de Kinross Tasiast Cahier des charges pour la rénovation du site internet de Kinross Tasiast Page 1 sur 7 OBJECTIFS DU PORTAIL 1) Présenter Kinross : le Groupe et les implantations en Mauritanie, les valeurs du Groupe (rubrique

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

cahier des charges Modèle de cahier des charges de Site internet A l attention de :

cahier des charges Modèle de cahier des charges de Site internet A l attention de : cahier des charges 2015 Modèle de cahier des charges de Site internet A l attention de : VOTRE CONTACT avant-vente : Franck SEDILLO Port : 06 60 52 79 74 UX Designer Email : fsedillo@kaponord.com 1/ Présentation

Plus en détail

CAHIER DES CHARGES REALISATION DE SITE WEB

CAHIER DES CHARGES REALISATION DE SITE WEB CAHIER DES CHARGES REALISATION DE SITE WEB Nom de l entreprise : Nom du projet : Personne à contacter dans l entreprise : Adresse : Tel : Email : 1. PRESENTATION DE L ENTREPRISE Une présentation en quelques

Plus en détail

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

Plus en détail

Création d'un Portail partagé sur l'offre de formation en région Languedoc-Roussillon

Création d'un Portail partagé sur l'offre de formation en région Languedoc-Roussillon Création d'un Portail partagé sur l'offre de formation en région Languedoc-Roussillon Retours des entretiens téléphoniques 1. Présentation du contexte : Atout Métiers LR Offre de formation L association

Plus en détail

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE Cahier des Charges Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE 1 PRESENTATION DE L ENTREPRISE... 2 PRESENTATION DU PROJET... 2.1 ROLES...

Plus en détail

REALISER SON CAHIER DES

REALISER SON CAHIER DES Page 0 sur 9 REALISER SON CAHIER DES CHARGES Technique et fonctionnel Avant de démarrer son site internet, il est recommandé de «poser ses idées sur le papier». Ainsi, il sera plus aisé de faire des corrections

Plus en détail

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Web Designer Durée 90 jours (630 h) Public Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Objectifs La formation Web designer

Plus en détail

c o n c e p t i o n Un savoir-faire et des experts pour concevoir des sites efficaces et durables

c o n c e p t i o n Un savoir-faire et des experts pour concevoir des sites efficaces et durables c o n c e p t i o n Un savoir-faire et des experts pour concevoir des sites efficaces et durables Notre approche de la conception Nous concevons des sites web et mobiles centrés utilisateurs, en prenant

Plus en détail

AGENCE DE COMMUNICATION INTERACTIVE LES POSTES CLEFS EN AGENCE WEB

AGENCE DE COMMUNICATION INTERACTIVE LES POSTES CLEFS EN AGENCE WEB AGENCE DE COMMUNICATION INTERACTIVE LES POSTES CLEFS EN AGENCE WEB MM Création 32 Avenue de Wagram 75 008 Paris Tél : 01 45 74 76 00 Fax : 01 45 74 95 06 E-mail : info@mmcreation.com Site : www.mmcreation.com

Plus en détail

Introduction. e-communication et e-réputation

Introduction. e-communication et e-réputation Introduction e-communication et e-réputation Eco-Système d une stratégie Web Attirer Convertir Fidéliser Eco-système d une stratégie web : attirer Principaux outils permettant d attirer les internautes

Plus en détail

WEB-BOOK / DOMINIQUE MARÉCHAL / PLAN PROJET PARIS 05Ò/2012 / P1

WEB-BOOK / DOMINIQUE MARÉCHAL / PLAN PROJET PARIS 05Ò/2012 / P1 WEB-BOOK / DOMINIQUE MARÉCHAL / PLAN PROJET PARIS 05Ò/2012 / P1 WEB-BOOK / DOMINIQUE MARÉCHAL / PLAN PROJET / PRÉSENTATION GÉNÉRALE n LE CONTEXTE : > Après de nombreuses années passées comme créatif en

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

Packs Graphiques. Comparez nos offres! Chrome Silver Gold Platinum. 04 86 26 26 26 Appel non surtaxé. Comment choisir votre pack? Design.

Packs Graphiques. Comparez nos offres! Chrome Silver Gold Platinum. 04 86 26 26 26 Appel non surtaxé. Comment choisir votre pack? Design. Packs Graphiques Comparez nos offres! Chrome Silver Gold Platinum Design - Design général du site - Boutons dans l en-tête - Champ recherche dans l en-tête - Blocks marketing stylisés - Optimisation de

Plus en détail

Création de site internet

Création de site internet Création de site internet [Nom de votre société / collectivité] - Cahier des Charges - Sommaire : 1. Présentation... 2 1.1. Les coordonnées... 2 1.2. Description de l établissement... 2 1.3. Contexte...

Plus en détail

Formaliser un brief créatif pour le web

Formaliser un brief créatif pour le web septembre 2003 1 à propos De l auteur Benoît Drouillat Directeur artistique interactif, il a collaboré avec des agences reconnues du marché : Business Lab, CPP, Himalaya, et travaille actuellement, en

Plus en détail

CRÉAZ STUDIO PLAQUETTE. Un style, une expression... GRAPHISME WEBDESIGN A UDIOVISUEL PHOTOGRAPHIE AGENCE

CRÉAZ STUDIO PLAQUETTE. Un style, une expression... GRAPHISME WEBDESIGN A UDIOVISUEL PHOTOGRAPHIE AGENCE AGENCE CRÉAZ STUDIO PLAQUETTE GRAPHISME WEBDESIGN A UDIOVISUEL PHOTOGRAPHIE Un style, une expression... N siret : 790 593 685 00015 www.creazstudio.fr www.facebook.com/creazstudio Présentation du studio

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

Bienvenue au congrès du tourisme en Bretagne

Bienvenue au congrès du tourisme en Bretagne Bienvenue au congrès du tourisme en Bretagne Christophe Leux Webmaster éditorial du CRT Congrès du tourisme en Bretagne Atelier 4 Déroulé de l atelier 14h 15h00 les «10 bonnes pratiques» présentées par

Plus en détail

MODELE DE BRIEF AGENCE

MODELE DE BRIEF AGENCE MODELE DE BRIEF AGENCE MODELE DE BRIEF AGENCE Laurie GIACOBI www.my-marketing-manager.com Document à usage professionnel offert par My Marketing Manager. Reproduction et diffusion interdites. Ne peut être

Plus en détail

FABRIK4WEB. création web - communication interactive - solutions digitales

FABRIK4WEB. création web - communication interactive - solutions digitales FABRIK4WEB création web - communication interactive - solutions digitales SITE INTERNET WEB DESIGN ET ERGONOMIE Performance et plaisir! INTEGRATION ET DEVELOPPEMENT Innover pour évoluer, Evoluer pour convaincre!

Plus en détail

Présentation rapide. Intranet. Planning. Office 365. Mars 2015

Présentation rapide. Intranet. Planning. Office 365. Mars 2015 Présentation rapide Intranet Planning Office 365 Mars 2015 Informations Vous les utiliserez pour vous connecter : - A votre espace Intranet - A votre espace Office 365 - Au réseau Wifi de l IPAG - Aux

Plus en détail

COMMENT METTRE A JOUR SON SITE WEB?

COMMENT METTRE A JOUR SON SITE WEB? Un site web est d autant plus intéressant pour l internaute qu il est actualisé. A contrario, une information obsolète peut ternir l image de l entreprise (manque de dynamisme, manque de rigueur ). Différentes

Plus en détail

Présentation de la solution IZI-MEDIA mise en œuvre par SiteWebPro

Présentation de la solution IZI-MEDIA mise en œuvre par SiteWebPro Présentation de la solution IZI-MEDIA mise en œuvre par SiteWebPro 1. GENERALITÉS : LA GESTION DE CONTENU - CONTENT MANAGEMENT SYSTEM 1.1. LA GESTION DE CONTENU, C'EST QUOI? Un système de gestion de contenu

Plus en détail

Conseils cahier des charges

Conseils cahier des charges Conseils cahier des charges Voici quelques conseils pour vous aider dans la rédaction de votre cahier des charges que vous pourrez ensuite nous transmettre. Comment rédiger un cahier des charges? La construction

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

Une expérience d achat Paradyse!

Une expérience d achat Paradyse! Une expérience d achat Paradyse! Objectif Concevoir une nouvelle version du site optimisée pour la transformation, répondant aux attentes des utilisateurs dans le respect des valeurs de marque Virgin Mobile.

Plus en détail

Sommaire. 01 / Pourquoi choisir MGM? 02 / Nouveautés de la version 4.0. 03 / MGM - la solution base de données. 04 / Références. 05 / Conclusion.

Sommaire. 01 / Pourquoi choisir MGM? 02 / Nouveautés de la version 4.0. 03 / MGM - la solution base de données. 04 / Références. 05 / Conclusion. Sommaire 01 / Pourquoi choisir MGM? 02 / Nouveautés de la version 4.0. 03 / MGM - la solution base de données. 04 / Références. 05 / Conclusion. 06 / Contacts. Pourquoi choisir MGM 4.0? Pourquoi choisir

Plus en détail

FORMATIONS FORMATIONS : E-COMMERCE / E-MARKETING / WEBDESIGN / VENTE / INFORMATIQUE / BUREAUTIQUE LE CATALOGUE DE

FORMATIONS FORMATIONS : E-COMMERCE / E-MARKETING / WEBDESIGN / VENTE / INFORMATIQUE / BUREAUTIQUE LE CATALOGUE DE FORMATIONS : E-COMMERCE / E-MARKETING / WEBDESIGN / VENTE / INFORMATIQUE / BUREAUTIQUE CENTRE DE FORMATIONS PROFESSIONNELLES CONTINUES LE CATALOGUE DE FORMATIONS NUMÉRIQUES POUR DÉVELOPPER DE MEILLEURES

Plus en détail

VOLUME 1 CRÉATION D UN SITE WEB

VOLUME 1 CRÉATION D UN SITE WEB VOLUME 1 CRÉATION D UN SITE WEB Comprendre les principales étapes TABLE DES MATIÈRES PARTIE 1 - RENCONTRE DE DÉMARRAGE 03 PARTIE 2 - ANALYSE FONCTIONNELLE 03 PARTIE 3 - ARBORESCENCE 04 PARTIE 4 - MAQUETTES

Plus en détail

HTML5 Quels enjeux pour la mobilité et le RIA?

HTML5 Quels enjeux pour la mobilité et le RIA? HTML5 Quels enjeux pour la mobilité et le RIA? Julien Roche Philippe Guédez Ludovic Garnier 2 Sommaire Evolution des usages du Web Applications mobiles multiplateformes Contributions d HTML5 au RIA Conclusion

Plus en détail

CRÉA WEB ON PRIN. muniquer autrement!

CRÉA WEB ON PRIN. muniquer autrement! CRÉA G KIN R WO CO WEB ON T PRIN FA B muniquer autrement! w w w. c o w a g e n c y. c o m IDEN TITE CRÉATION GRAPHIQUE Fort de notre expertise et de tous les univers dont est composé CowAgency, nous travaillons

Plus en détail

Guide d utilisation Version 1. Par Guide d utilisation de ViaMobile 1.0. www.sviesolutions.com

Guide d utilisation Version 1. Par Guide d utilisation de ViaMobile 1.0. www.sviesolutions.com Guide d utilisation Version 1 1 Par www.sviesolutions.com Table des matières Installation & accès... 3 Installation de l application Via Mobile... 4 Accéder à Via... 5 Application synchrone... 5 Les zones

Plus en détail

SITES ET APPLICATIONS INTERNET. Cours d IHM - CSII 1ère année EPSI Bordeaux - Cours n 3

SITES ET APPLICATIONS INTERNET. Cours d IHM - CSII 1ère année EPSI Bordeaux - Cours n 3 SITES ET APPLICATIONS INTERNET Cours d IHM - CSII 1ère année EPSI Bordeaux - Cours n 3 INTERNET le réseau des réseau : un ensemble de serveur interconnectés. au départ réservé aux universitaires, il s

Plus en détail

L OFFRE, LA METHODOLOGIE, LE SAVOIR-FAIRE

L OFFRE, LA METHODOLOGIE, LE SAVOIR-FAIRE L OFFRE, LA METHODOLOGIE, LE SAVOIR-FAIRE Applications Smarphones et Tablettes Tactiles RDMobile 64 Boulevard Malesherbes, 75008 Paris +33 1 77 19 16 07 www.rdmobile.fr SOCIETE RDMobile se positionne comme

Plus en détail

Whaller.com. Réseau social d entreprise

Whaller.com. Réseau social d entreprise Whaller.com Réseau social 13.01.2015 Réseau social 2 Sommaire 1. Principes généraux 2. Whaller au sein de l entreprise 3. Concrètement 4. Pour aller plus loin Réseau social 1. Principes généraux Réseau

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

VOUS PRÉSENTE. 69, rue Gorge de Loup - 69009 LYON // Tél. : +33 426 994 401 // contact@o2sources.com

VOUS PRÉSENTE. 69, rue Gorge de Loup - 69009 LYON // Tél. : +33 426 994 401 // contact@o2sources.com VOUS PRÉSENTE arce que la réussite d un projet réside dans le dialogue et l échange permanent entre le client et son prestataire, nous mettons à votre disposition cette plaquette qui vous permettra de

Plus en détail

Création et Administration d un Site Web

Création et Administration d un Site Web Création et Administration d un Site Web Notions diverses RAYAR Frédéric frederic.rayar@univ-tours.fr Année 2011-2012 Sommaire 1 Introduction 2 3 4 5 6 Sommaire 1 Introduction 2 3 4 5 6 Introduction Introduction

Plus en détail

Un Site Internet à votre mesure. www.votrecommune.fr. Un site internet gratuit sur mesure en toute indépendance

Un Site Internet à votre mesure. www.votrecommune.fr. Un site internet gratuit sur mesure en toute indépendance www.votrecommune.fr Un site internet gratuit sur mesure en toute indépendance Quelques exemples www.jouesurerdre.fr Quelques exemples www.mouzeil.fr Quelques exemples www.riaille.fr Quelques exemples www.saintherblon.fr

Plus en détail

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT CONECT Innovation & Entrepreneurship Plateform Cahier des charges Réalisé par : Haythem LABBASSI, DSI - CONECT IT Confédération des Entreprises Citoyennes de Tunisie Adresse : 8 rue Imem Ibn Hanbal (par

Plus en détail

Site Internet du CERCLE (version 1) CAHIER DES CHARGES

Site Internet du CERCLE (version 1) CAHIER DES CHARGES Site Internet du CERCLE (version 1) CAHIER DES CHARGES 1. Moyens préconisés Nature des contenus ACCUEIL Actualités vidéo INFOS PRATIQUES images RESSOURCES Catalogue de ressources images fichiers PDF à

Plus en détail

Les ateliers Numériques 2013

Les ateliers Numériques 2013 Les ateliers Numériques 2013 1 2 Sommaire 1. Réalisation d un site internet 1. Les différentes étapes 2. La planification stratégique et la conception 3. Un site internet dans le tourisme 2. Les tendances

Plus en détail

Sites Internet : les. tendances. Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE

Sites Internet : les. tendances. Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE Sites Internet : les tendances pour 2014 Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE Inaa$v, une agence de communica$on avec des spécificités CONSEiL EN COMMUNICATION FoRmatiOns WEBMARKETING

Plus en détail

CAHIER DES CHARGES. Côte-d Or Tourisme. Agence de développement touristique 19, rue Ferdinand de Lesseps BP 1601 21035 DIJON cedex

CAHIER DES CHARGES. Côte-d Or Tourisme. Agence de développement touristique 19, rue Ferdinand de Lesseps BP 1601 21035 DIJON cedex Côte-d Or Tourisme Agence de développement touristique 19, rue Ferdinand de Lesseps BP 1601 21035 DIJON cedex CAHIER DES CHARGES Objet de la consultation : Amélioration graphique et ergonomique d une l

Plus en détail

Cours ios. Cours en ligne Développement d Apps sur iphone e ipad. Académie Libre info@academielibre.fr

Cours ios. Cours en ligne Développement d Apps sur iphone e ipad. Académie Libre info@academielibre.fr Cours ios Cours en ligne Développement d Apps sur iphone e ipad Académie Libre info@academielibre.fr Programme général du Cours ios Module 1 Introduction à la programmation Unité 1 Introduction aux ordinateurs

Plus en détail

Lettre à l équipe projet

Lettre à l équipe projet Lettre à l équipe projet Ce document présente l offre de services concernant le projet de réalisation et de mise en œuvre du site web de REMESS. Ce projet a pour objectif de satisfaire les besoins et les

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

Cahier des charges site internet. Le 31/07/14

Cahier des charges site internet. Le 31/07/14 Cahier des charges site internet Le 31/07/14 1. Environnement et situation Le programme ADD-ON (Angers Digital Development - Ouest Numérique) propose une réponse aux attentes et besoins des acteurs numériques

Plus en détail

Modèle de Cahier des charges. Consultation pour la Conception et réalisation d un site internet

Modèle de Cahier des charges. Consultation pour la Conception et réalisation d un site internet A conserver par l établissement Modèle de Cahier des charges Consultation pour la Conception et réalisation d un site internet Vous trouverez ci-joint un modèle de cahier des charges qui sert de cadre

Plus en détail

CCP3: Contribuer à la réalisation de supports de communication numériques

CCP3: Contribuer à la réalisation de supports de communication numériques Nous CCP3: Contribuer à la réalisation de supports de communication numériques Le titre professionnel est composé de trois certificats de compétences professionnelles (CCP) Celui-ci prépare à la certification

Plus en détail

L Avenue Digital Media. Visualisation de processus industriels par l image 3D. créateur de mondes virtuels

L Avenue Digital Media. Visualisation de processus industriels par l image 3D. créateur de mondes virtuels L Avenue Digital Media Visualisation de processus industriels par l image 3D créateur de mondes virtuels L Avenue Digital Media En quelques mots L Avenue Digital Media est spécialisée dans les créations

Plus en détail

ERGO web. Augmentez votre e-business grâce à une conception Web de qualité taillée sur mesure, ergonomique, innovante et créative.

ERGO web. Augmentez votre e-business grâce à une conception Web de qualité taillée sur mesure, ergonomique, innovante et créative. ERGO web Augmentez votre e-business grâce à une conception Web de qualité taillée sur mesure, ergonomique, innovante et créative. Notre philosophie Créativité, Ergonomie et Innovation sont les trois mots

Plus en détail

Portfolio Sites internet :

Portfolio Sites internet : Portfolio Sites internet : 2010 ARA architecture www.ara-architecture.com Type : Portfolio d architecte Fonctionnalités principales : Galerie de projet d architecture, Actualités, Textes sur l agence,

Plus en détail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

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

WordPress : principes et fonctionnement

WordPress : principes et fonctionnement CHAPITRE 1 WordPress : principes et fonctionnement WordPress est à l origine un outil conçu pour tenir un blog, c est-à-dire un journal ou carnet de bord en ligne. Mais il a évolué pour devenir un système

Plus en détail

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET CAHIER DES CHARGES DE REALISATION DE SITE INTERNET Nom de l entreprise : Adresse : Tel : Fax : Email : Personne à contacter dans l entreprise : 1 SOMMAIRE 1 PRESENTATION DE L ENTREPRISE...3 2 PRESENTATION

Plus en détail

SITE WEB. Définition. Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau

SITE WEB. Définition. Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau SITE WEB Définition Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau Comment mon site est sur internet Je crée mon site sur mon ordinateur, en local.

Plus en détail

Whaller.com. Créez votre réseau associatif!

Whaller.com. Créez votre réseau associatif! Whaller.com Créez votre réseau! 14.01.2015 Réseau social 2 Sommaire 1. Principes généraux 2. Whaller au service des associations 3. Concrètement 4. Pour aller plus loin Réseau social 1. Principes généraux

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE I NTERNET. Conception d un site Web SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.

Plus en détail

DIGITAL OM. le dispositif I2 I3

DIGITAL OM. le dispositif I2 I3 I2 I3 L OM digital c est un outil efficace de communication et de connexion avec le plus grand nombre et notamment les supporters 2.0. L OM est incontestablement le premier Club français en terme de communauté

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

Partenaire de vos projets

Partenaire de vos projets Partenaire de vos projets Page 1 sur 6 L'Internet vu par CERA Notre but est de vous différencier : Comment? En vous apportant une solution personnalisée! Un site CERA Interactive est un site unique, à

Plus en détail

Services de direction marketing externalisée

Services de direction marketing externalisée Services de direction marketing externalisée VOTRE DIRECTION MARKETING DÉDIÉE Pour les dirigeants des PME et TPE, le marketing semble inaccessible et sophistiqué : souvent, vous considérez le marketing

Plus en détail

SOMMAIRE 1. NOTRE AGENCE... 3 2. NOS PRESTATIONS... 6 3. NOTRE MÉTHODOLOGIE PROJET... 11 4. NOS OFFRES...12 5. LES ATOUTS DE NOS OFFRES...

SOMMAIRE 1. NOTRE AGENCE... 3 2. NOS PRESTATIONS... 6 3. NOTRE MÉTHODOLOGIE PROJET... 11 4. NOS OFFRES...12 5. LES ATOUTS DE NOS OFFRES... CONCEPTION WEB SOMMAIRE 1. NOTRE AGENCE... 3 1.1 Nos valeurs... 4 1.2 Notre expertise... 5 1.3 Notre équipe... 5 2. NOS PRESTATIONS... 6 2.1 Site institutionnel / vitrine... 7 2.2 Site e-commerce... 8

Plus en détail

L avenir de votre marque se décide en ligne.

L avenir de votre marque se décide en ligne. L avenir de votre marque se décide en ligne. www.lanouvelle-r.com 192 rue Legendre 75 017 PARIS 01 84 16 07 36 agence@lanouvelle-r.com 01 Notre agence La Nouvelle R est une agence digitale et indépendante,

Plus en détail

Spétechs Mobile. F é v r i e r 2 0 1 4

Spétechs Mobile. F é v r i e r 2 0 1 4 Spétechs Mobile F é v r i e r 2 0 1 4 Appli ios Appli Android Site Mobile Web Mobile Les clicks URL Appli ios Créa en dur HTML5 Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing

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

Versus Etude Technologique

Versus Etude Technologique VS Versus Etude Technologique 1 VS Contents Introduction... 3 Présentation des technologies... 3 Phonegap... 3... 3 Pour quels besoins?... 4 Comment ça fonctionne? Les models... 4 Phonegap... 5... 6 Comparatif...

Plus en détail