SlideShare une entreprise Scribd logo
1  sur  16
Le métier de Webdesigner
20 octobre 2017
Mathilde Morard & Jou-Hsuan Lin
Master GCI, Université Paris-Sorbonne
Plan
1. Quelques mots sur le métier de webdesigner
2. Missions et profil correspondant
3. Opportunités
Partie 1 : Quelques mots sur le métier de webdesigner
1.1 Niveau de connaissance sur le métier de webdesigner au
sein du Master GCI
1.2 Idées clés
Conception graphique,
visuelle et ergonomie
Alliage de créativité et
technique
Compétences en graphisme
et en programmation
Travail d’un site web, d’une
application mobile et/ou de
ses services associés
(newsletter, e-mailing…)
Presque tous les secteurs
ont recours aux
webdesigners
1.3 Chiffres clés
-30 000 webdesigners
-Environ 3 000 emplois se dégagent
chaque année
France
-Niveau d'étude: Bac +3/4
Licences audiovisuel et multimédia ;
arts du spectacle ; arts et technologies
-Jeune diplômé : entre 24 et 30 K€
-Jeune cadre : entre 30 et 45 K€
-261 600 webdesigners
-Environ 3 600 emplois se dégagent
chaque année
USA
-Niveau d'étude: Bac +4
Bachelor design d'interface
-Jeune diplômé : entre 26 et 30 K€
-Jeune cadre : entre 36 et 44 K€
€ €
Partie 2 : Missions et profil correspondant
2.1 Missions du webdesigner
Conception des supports
de communication
Test de design et mise en ligne
Elaboration du contenu
Conception visuelle
Identification du projet
Réalisation technique du site
Les plus Les moins
Définition finale de l’aspect d’un site
Forte influence
Processus complexe
Respect du cahier des charges
2.2 Savoir-faire du webdesigner
HTML, CSS,
Javascript
Maitrise des logiciels graphiques
Maitrise du développement web
Connaissances des règles
Notions basiques en termes de:
Photoshop,
Illustrator,
Dreamweaver, Flash,
Print, 3D
typographiques,
ergonomiques
design sonore,
référencement,
marketing,
communication
2.3 Savoir-être du webdesigner
Être
Avoir
Title Goes Here
-curieux
-rigoureux
-efficace
-organisé
-autonome
Esprit
-un sens artistique
-une bonne culture du web
-une grande sensibilité graphique
et visuelle
-à l’écoute
-au courant des dernières
tendances et évolutions
technologiques du web
Faire preuve de
-patience
-dymanisme
Partie 3 : Opportunités
3.1 Qui recrute?
Freelance
Entreprises avec département Internet
Agences web
Agences de communication et de publicité
Agences médias
Studios de création indépendants
Éditeurs de jeux vidéo
3.2 Perspectives d’avenir
Chargé de projet
Responsable de
création
Directeur
artistique
Où aller après un poste de webdesigner ?
Sources en français :
• https://cadres.apec.fr/files/live/mounts/media/medias_delia/documents_a_telecharger/refe
rentiel_metiers/referentiel_des_metiers_de_l_internet/199bd283bd8a9b98306952dccf3efb
01.pdf
• http://www.letudiant.fr/metiers/secteur/informatique-telecom-web/webdesigner.html
• http://www.designersinteractifs.org/2017/02/02/les-acteurs-du-design-dinteraction-en-
france/
Sources en anglais :
• https://www.bls.gov/ooh/arts-and-design/graphic-designers.htm
• https://www.payscale.com/research/US/Job=Graphic_Designer/Salary
Bibliographie
Présentation du métier de webdesigner

Contenu connexe

Tendances

TeachmeBizを支えるフロントエンドのアーキテクチャと品質担保
TeachmeBizを支えるフロントエンドのアーキテクチャと品質担保TeachmeBizを支えるフロントエンドのアーキテクチャと品質担保
TeachmeBizを支えるフロントエンドのアーキテクチャと品質担保Shingo Sasaki
 
M05 Metamodel
M05 MetamodelM05 Metamodel
M05 MetamodelDang Tuan
 
Word2Vec: Vector presentation of words - Mohammad Mahdavi
Word2Vec: Vector presentation of words - Mohammad MahdaviWord2Vec: Vector presentation of words - Mohammad Mahdavi
Word2Vec: Vector presentation of words - Mohammad Mahdaviirpycon
 
Cw comp1640 211453_mo233_20131120_214054_1314
Cw comp1640 211453_mo233_20131120_214054_1314Cw comp1640 211453_mo233_20131120_214054_1314
Cw comp1640 211453_mo233_20131120_214054_1314Owen Muzi
 
Financial Question Answering with BERT Language Models
Financial Question Answering with BERT Language ModelsFinancial Question Answering with BERT Language Models
Financial Question Answering with BERT Language ModelsBithiah Yuan
 
Using Text Embeddings for Information Retrieval
Using Text Embeddings for Information RetrievalUsing Text Embeddings for Information Retrieval
Using Text Embeddings for Information RetrievalBhaskar Mitra
 
NLP-Text classification.pptx
NLP-Text classification.pptxNLP-Text classification.pptx
NLP-Text classification.pptxNguyễn Thái
 

Tendances (10)

What is word2vec?
What is word2vec?What is word2vec?
What is word2vec?
 
Word2Vec
Word2VecWord2Vec
Word2Vec
 
TeachmeBizを支えるフロントエンドのアーキテクチャと品質担保
TeachmeBizを支えるフロントエンドのアーキテクチャと品質担保TeachmeBizを支えるフロントエンドのアーキテクチャと品質担保
TeachmeBizを支えるフロントエンドのアーキテクチャと品質担保
 
M05 Metamodel
M05 MetamodelM05 Metamodel
M05 Metamodel
 
Word2Vec: Vector presentation of words - Mohammad Mahdavi
Word2Vec: Vector presentation of words - Mohammad MahdaviWord2Vec: Vector presentation of words - Mohammad Mahdavi
Word2Vec: Vector presentation of words - Mohammad Mahdavi
 
Cw comp1640 211453_mo233_20131120_214054_1314
Cw comp1640 211453_mo233_20131120_214054_1314Cw comp1640 211453_mo233_20131120_214054_1314
Cw comp1640 211453_mo233_20131120_214054_1314
 
Financial Question Answering with BERT Language Models
Financial Question Answering with BERT Language ModelsFinancial Question Answering with BERT Language Models
Financial Question Answering with BERT Language Models
 
Using Text Embeddings for Information Retrieval
Using Text Embeddings for Information RetrievalUsing Text Embeddings for Information Retrieval
Using Text Embeddings for Information Retrieval
 
Tutorial on word2vec
Tutorial on word2vecTutorial on word2vec
Tutorial on word2vec
 
NLP-Text classification.pptx
NLP-Text classification.pptxNLP-Text classification.pptx
NLP-Text classification.pptx
 

Similaire à Présentation du métier de webdesigner

dut src ppp projets personnel et professionnel séance 01
dut src ppp   projets personnel et professionnel  séance 01dut src ppp   projets personnel et professionnel  séance 01
dut src ppp projets personnel et professionnel séance 01JCD srcmontbeliard
 
2nd Cycle Design Digital
2nd Cycle Design Digital2nd Cycle Design Digital
2nd Cycle Design Digitalalaincarre14
 
Plaquette bachelor web-design-et-communication
Plaquette bachelor web-design-et-communicationPlaquette bachelor web-design-et-communication
Plaquette bachelor web-design-et-communicationWilfried Rovetto
 
Guide des formations à l'UX design, au design d'interface et au design d'inte...
Guide des formations à l'UX design, au design d'interface et au design d'inte...Guide des formations à l'UX design, au design d'interface et au design d'inte...
Guide des formations à l'UX design, au design d'interface et au design d'inte...designers interactifs
 
Power point carrières
Power point  carrièresPower point  carrières
Power point carrièresCodySteeves
 
Ou et comment recruter un.e UX designer pour ma startup ? @GEN
Ou et comment recruter un.e UX designer pour ma startup ? @GENOu et comment recruter un.e UX designer pour ma startup ? @GEN
Ou et comment recruter un.e UX designer pour ma startup ? @GENFrenchTechCentral
 
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL
 
Carrières
CarrièresCarrières
CarrièresAlaa0394
 
Document présenté pour le concours Ma Créa 2012
Document présenté pour le concours Ma Créa 2012Document présenté pour le concours Ma Créa 2012
Document présenté pour le concours Ma Créa 2012(Agence) b. - Jennifer Ogor
 
Projet carrières-Aissata.Bâ
Projet carrières-Aissata.BâProjet carrières-Aissata.Bâ
Projet carrières-Aissata.Bâaissataba
 
It project
It projectIt project
It projectlucsau
 
Rapport problématisé de stage : penser l'ergonomie et l'expérience utilisat...
Rapport problématisé de stage : penser l'ergonomie et l'expérience utilisat...Rapport problématisé de stage : penser l'ergonomie et l'expérience utilisat...
Rapport problématisé de stage : penser l'ergonomie et l'expérience utilisat...Camille Perazzi
 

Similaire à Présentation du métier de webdesigner (20)

dut src ppp projets personnel et professionnel séance 01
dut src ppp   projets personnel et professionnel  séance 01dut src ppp   projets personnel et professionnel  séance 01
dut src ppp projets personnel et professionnel séance 01
 
2nd Cycle Design Digital
2nd Cycle Design Digital2nd Cycle Design Digital
2nd Cycle Design Digital
 
Projet carriere
Projet carriereProjet carriere
Projet carriere
 
Plaquette bachelor web-design-et-communication
Plaquette bachelor web-design-et-communicationPlaquette bachelor web-design-et-communication
Plaquette bachelor web-design-et-communication
 
Guide des formations à l'UX design, au design d'interface et au design d'inte...
Guide des formations à l'UX design, au design d'interface et au design d'inte...Guide des formations à l'UX design, au design d'interface et au design d'inte...
Guide des formations à l'UX design, au design d'interface et au design d'inte...
 
Power point carrières
Power point  carrièresPower point  carrières
Power point carrières
 
Ou et comment recruter un.e UX designer pour ma startup ? @GEN
Ou et comment recruter un.e UX designer pour ma startup ? @GENOu et comment recruter un.e UX designer pour ma startup ? @GEN
Ou et comment recruter un.e UX designer pour ma startup ? @GEN
 
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet2UNL - Le Kit documentaire de conception pour simplifier la communication projet
2UNL - Le Kit documentaire de conception pour simplifier la communication projet
 
MéTier
MéTierMéTier
MéTier
 
Présentation1
Présentation1Présentation1
Présentation1
 
Carrières
CarrièresCarrières
Carrières
 
Carrière
CarrièreCarrière
Carrière
 
Carrière
CarrièreCarrière
Carrière
 
It project
It projectIt project
It project
 
Document présenté pour le concours Ma Créa 2012
Document présenté pour le concours Ma Créa 2012Document présenté pour le concours Ma Créa 2012
Document présenté pour le concours Ma Créa 2012
 
It project
It projectIt project
It project
 
Projet carrières-Aissata.Bâ
Projet carrières-Aissata.BâProjet carrières-Aissata.Bâ
Projet carrières-Aissata.Bâ
 
It project
It projectIt project
It project
 
Rapport problématisé de stage : penser l'ergonomie et l'expérience utilisat...
Rapport problématisé de stage : penser l'ergonomie et l'expérience utilisat...Rapport problématisé de stage : penser l'ergonomie et l'expérience utilisat...
Rapport problématisé de stage : penser l'ergonomie et l'expérience utilisat...
 
Cariere
Cariere Cariere
Cariere
 

Présentation du métier de webdesigner

  • 1. Le métier de Webdesigner 20 octobre 2017 Mathilde Morard & Jou-Hsuan Lin Master GCI, Université Paris-Sorbonne
  • 2. Plan 1. Quelques mots sur le métier de webdesigner 2. Missions et profil correspondant 3. Opportunités
  • 3. Partie 1 : Quelques mots sur le métier de webdesigner
  • 4. 1.1 Niveau de connaissance sur le métier de webdesigner au sein du Master GCI
  • 5. 1.2 Idées clés Conception graphique, visuelle et ergonomie Alliage de créativité et technique Compétences en graphisme et en programmation Travail d’un site web, d’une application mobile et/ou de ses services associés (newsletter, e-mailing…) Presque tous les secteurs ont recours aux webdesigners
  • 6. 1.3 Chiffres clés -30 000 webdesigners -Environ 3 000 emplois se dégagent chaque année France -Niveau d'étude: Bac +3/4 Licences audiovisuel et multimédia ; arts du spectacle ; arts et technologies -Jeune diplômé : entre 24 et 30 K€ -Jeune cadre : entre 30 et 45 K€ -261 600 webdesigners -Environ 3 600 emplois se dégagent chaque année USA -Niveau d'étude: Bac +4 Bachelor design d'interface -Jeune diplômé : entre 26 et 30 K€ -Jeune cadre : entre 36 et 44 K€ € €
  • 7. Partie 2 : Missions et profil correspondant
  • 8. 2.1 Missions du webdesigner Conception des supports de communication Test de design et mise en ligne Elaboration du contenu Conception visuelle Identification du projet Réalisation technique du site
  • 9. Les plus Les moins Définition finale de l’aspect d’un site Forte influence Processus complexe Respect du cahier des charges
  • 10. 2.2 Savoir-faire du webdesigner HTML, CSS, Javascript Maitrise des logiciels graphiques Maitrise du développement web Connaissances des règles Notions basiques en termes de: Photoshop, Illustrator, Dreamweaver, Flash, Print, 3D typographiques, ergonomiques design sonore, référencement, marketing, communication
  • 11. 2.3 Savoir-être du webdesigner Être Avoir Title Goes Here -curieux -rigoureux -efficace -organisé -autonome Esprit -un sens artistique -une bonne culture du web -une grande sensibilité graphique et visuelle -à l’écoute -au courant des dernières tendances et évolutions technologiques du web Faire preuve de -patience -dymanisme
  • 12. Partie 3 : Opportunités
  • 13. 3.1 Qui recrute? Freelance Entreprises avec département Internet Agences web Agences de communication et de publicité Agences médias Studios de création indépendants Éditeurs de jeux vidéo
  • 14. 3.2 Perspectives d’avenir Chargé de projet Responsable de création Directeur artistique Où aller après un poste de webdesigner ?
  • 15. Sources en français : • https://cadres.apec.fr/files/live/mounts/media/medias_delia/documents_a_telecharger/refe rentiel_metiers/referentiel_des_metiers_de_l_internet/199bd283bd8a9b98306952dccf3efb 01.pdf • http://www.letudiant.fr/metiers/secteur/informatique-telecom-web/webdesigner.html • http://www.designersinteractifs.org/2017/02/02/les-acteurs-du-design-dinteraction-en- france/ Sources en anglais : • https://www.bls.gov/ooh/arts-and-design/graphic-designers.htm • https://www.payscale.com/research/US/Job=Graphic_Designer/Salary Bibliographie