Dossier Professionnel

DOSSIER PROFESSIONNEL (DP)
Nom de naissance  GHNASSIA

Nom d’usage  DESYEUX
Prénom  ALiénor
Adresse  Lieu Dit Le Thieure
30480 SAINT PAUL LA COSTE
Titre professionnel visé

Cliquez ici pour entrer l’intitulé du titre professionnel visé.
MODALITÉ D’ACCÈS :
☐ Parcours de formation
☐ Validation des Acquis de l’Expérience (VAE)
DOSSIER PROFESSIONNEL-Version du 01/06/2016 Page 1

Présentation du dossier
Le dossier professionnel (DP) constitue un élément du système de validation du titre

professionnel. Ce titre est délivré par le Ministère chargé de l’emploi.
Le DP appartient au candidat. Il le conserve, l’actualise durant son parcours et le présente
obligatoirement à chaque session d’examen.
Pour rédiger le DP, le candidat peut être aidé par un formateur ou par un accompagnateur VAE.
Il est consulté par le jury au moment de la session d’examen.
Pour prendre sa décision, le jury dispose :

1. des résultats de la mise en situation professionnelle complétés, éventuellement, du questionnaire
professionnel ou de l’entretien professionnel ou de l’entretien technique ou du questionnement à partir
de productions.
2. du Dossier Professionnel (DP) dans lequel le candidat a consigné les preuves de sa pratique
professionnelle
3. des résultats des évaluations passées en cours de formation lorsque le candidat évalué est issu d’un
parcours de formation
4. de l’entretien final (dans le cadre de la session titre).
[Arrêté du 22 décembre 2015, relatif aux conditions de délivrance des titres professionnels
du ministère chargé de l’Emploi]
Ce dossier comporte :
 pour chaque activité-type du titre visé, un à trois exemples de pratique professionnelle ;
 un tableau à renseigner si le candidat souhaite porter à la connaissance du jury la détention d’un titre,
d’un diplôme, d’un certificat de qualification professionnelle (CQP) ou des attestations de formation ;
 une déclaration sur l’honneur à compléter et à signer ;
 des documents illustrant la pratique professionnelle du candidat (facultatif)
 des annexes, si nécessaire.
Pour compléter ce dossier, le candidat dispose d’un site web en accès libre sur le site.
 http://travail-emploi.gouv.fr/titres-professionnels
2
2
Sommaire
Exemples de pratique professionnelle
Sommaire
Intitulé de l’activité-type n° 1 p.
Élaborer le design graphique d’un outil de communication numérique
Exemples
EXEMPLE 1 de
 Intitulé de pratique
l’exemple
Concevoir un1professionnelle
n° ............................................................................................p.
site ou une application web pages p.6-7
 Intitulé de l’exemple n° 2 ............................................................................................p. p.
Intitulé de
EXEMPLE 2 l’activité-type
Réaliser desn° 1
illustrations, des graphismes et des visuels pages p.8-9
 Intitulé de l’exemple n° 3 .............................................................................................p p.
EXEMPLE 3 l’activité-type
Intitulé de Réaliser desn° maquettes
2 et des interfaces pages 10-11
p.
Intitulé de l’exemple n° 2 ............................................................................................p. p.

EXEMPLE 4 de
 Intitulé Réaliser une
l’exemple n° 1animation pages p.
............................................................................................p. 12-13
Réaliser
Intitulé ded’un outil de
l’activité-type n° communication
2 numérique p.
EXEMPLE Intégrer desn°
4 l’activité-type
Intitulé de pages
3 web en tenant compte des standards, pages 14-15
du référencement, de l’accessibilité, et de l’ergonomie p.
 Intitulé de l’exemple n° 1 ............................................................................................p.
pages p.16-17
EXEMPLE 5 de
 Intitulé
Adapter des
l’exemple n° 3systèmes de gestion de contenus
.............................................................................................p p.
à partir d’un cahier des charges
Intitulé de l’activité-type n° 3 pages 18-19
p.
EXEMPLE 6 de
 Intitulé Publier desn°pages
l’exemple web
3 .............................................................................................p p.
Contribuer
 Intitulé deà la gestion
l’exemple et au suivid’un projet de communication numérique
n° 2 ............................................................................................p. p.
Intitulé de l’exemple n° 1 ............................................................................................p. p.

Intitulé de l’exemple n° 3 .............................................................................................p p.

EXEMPLE 7 Contribuer à l’élaboration d’un cahier des charges pages 20-21
pour différents types de sites
 Intitulé
EXEMPLE 8 de l’exemple
Assurer unen° veille pages p.
3 .............................................................................................p
technique et concurentielle 22-23
Titres, diplômes,
EXEMPLE CQP, attestations
9 Réalisation d’un Pressbook de formationimprimé / papier
(facultatif) pages p.24-25
Déclaration sur l’honneur
p.
Documents illustrant la pratique professionnelle (facultatif)
p.
Titres, diplômes, CQP, attestations de formation (facultatif) pages 26
Annexes (Si le RC le prévoit) p.
p.
pages 27
p.
Documents illustrant la pratique professionnelle (facultatif)
p.
Annexes (Si le RC le prévoit)
p.
3
3
4
EXEMPLES DE PRATIQUE
PROFESSIONNELLE
5
5
Élaborer le design graphique d’un outil
Activité-type 1 de communication numérique
Exemple n° 1  Concevoir un site ou une application web
1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :
Conception d’un PORTFOLIO/ site internet
Choix du nom professionnel correspondant à une activité de webdesign et graphisme

Conception d’un logo
Développement de l’identité graphique
Synthèse et rédaction des contenus
Élaboration de wireframes et maquettes
2. Précisez les moyens utilisés :
Réflexion et croquis papiers

Conception du logo sur logiciels vectoriels :
> Logiciels : Affinity Designer et Adobe Illustrator
Réalisation de différentes maquettes
>Logiciel : Affinity Designer
Écriture du code HTML et CSS
> Logiciels : Brackets, Atom et Visual Studio Code
> Visualisation / debug : Chrome & Firefox
Insertion d’un module lightbox en JavaScript (galerie).
6
6
3. Avec qui avez-vous travaillé ?
Cliquez ici pour taper du texte.

Travail réalisé en autonomie.
Occasionnels retours de personnes proches.
4. Contexte
Nom de l’entreprise, organisme ou association  Objet Visuels

Cliquez ici pourNumérique & Informatiques
taper du texte.
Chantier, atelier, service  Cliquez ici pour taper du texte.

Période d’exercice  Du
Du 03/06/2021
Cliquez ici au 23/07/2021
au Cliquez ici
5. Informations complémentaires (facultatif)
7
Exemple n° 2  Réaliser des illustrations, des graphismes et des visuels
Réalisation d’une AFFICHE pour une conférence
L’illustration (montage de ©Mohanad Shuraideh) était déjà choisi par les organisateurs.
En dehors des information légales, adresses et logo de l’association, les titres et détails
de formulation ont donc été affinés au fur et à mesure.
/ Cahier des charges peu précis.
L’occasion de faire cette affiche a permis la mise au point d’une maquette modèle :
Possibilité de décliner pour de futurs évènements de l’association.
> Réalisation d’un document de qualité pour impression numérique.

Logiciel : Adobe Photoshop
> Version .pdf CMJN à imprimer / Format A3 & A4

> Version .pdf RVB pour téléchargements internet
> Version .jpg RVB pour la diffusion internet
6
8

Travail réalisé en autonomie,
avec plusieurs retours et petites modification de rédactions et détails,
de la part des organisateurs et intervenants.
4. Contexte
Nom de l’entreprise, organisme ou association  Association Abraham

Cliquez ici pour taper duMazel
texte.
Chantier, atelier, service  Impression chez

Cliquez ici pour Topdu
taper Office
texte.
Du 10/04/2021
au Cliquez ici
9
Exemple n° 3  Réaliser des Maquettes et des interfaces
Réalisation de maquettes et interfaces pour un PORTFOLIO
Recherches autour du logotype

Différentes pistes développées en maquettes et interfaces possibles.
Approfondissement du processus de conception des logos.

> Documentation et tutoriels provenant de Batipôle et internet
Logotypes et maquettes conçus en vectoriel
> Logiciel : Affinity Designer
Compléments images, photos, recadrages...
> Logiciels: Adobe Photoshop
6
10

Occasionnels retours du formateur et des stagiaires.
4. Contexte
Nom de l’entreprise, organisme ou association  PORTFOLIO personnel


Du 15/04/2021
au Cliquez ici
CONTACT
STUDIO ALIEN Or
[email protected]
07 77 447 777
nom / prénom / pseudo
e-mail
objet
message
EN
VO
YE
R
11
Exemple n° 4  Élaborer une animation pour différents supports de diffusion
Élaborer une ANIMATION
Réalisation d’une animation pour présenter les prestation, dans le site professionnel.
Tenant compte de l’esprit épuré, je me suis orienté vers un déplacement simple du logo,
qui après les trajectoires, vienthabiller le coin de la carte compétence.
Réalisation de l’animation en .js

> Bibliothèque Greensock Gsap
6
12

4. Contexte
Nom de l’entreprise, organisme ou association  ???


Du 07/07/2021
au Cliquez ici
13
Activité-type 2 Réaliser d’un outil de communication numérique
Intégrer des pages web en tenant compte des standards, du
Exemple n° 5  référencement, de l’accessibilité, et de l’ergonomie
Conception de la charte graphique

Listage des mots clés, pluralité du secteur d’activité pour optimiser le référencement
Maquettes des différents formats d’affichage (téléphone, tablette, écran)
Charte graphique et maquettes

> Logiciel : Affinity Designer
Écriture du code HTML et CSS
> Logiciels : Brackets, Atom et Visual Studio Code
> Visualisation / debug : Chrome & Firefox
6
14

Travail réalisé dans le cadre de la formation et en autonomie.
4. Contexte
Nom de l’entreprise, organisme ou association  GRENADE-IN


Du 01/06/2021
au Cliquez ici
GRENADE-!N
la grenadine avec de la grenade dedans !
LOGO
grenade
couleur : #B8170B [email protected]
M.Pierre BOULEZ 0033 (0) 7 96 89 78 87
reflet dégradé
couleur #FFFFFF > #FF5362
FOND BLANC #FFFFFF
/ sur fond noir #000000 LOGO
contour seul
grenade
couleur : #B8170B
#FFBFC5 #FF8893 #FF5362 #B8170B
MOTIF / PATTERN
#FFFFFF #CCCCCC #333333 #000000 grenade
couleur : #B8170B
Utilisé en FRISES
- Carte de visite
- Courriers
GRENADE-!N TITRE
le vrai !
SIROP
SLOGAN
grenade
couleur : #B8170B
de
FOND variable #FFBFC5
Couleur : #B8170B GRENADINE
ou dans les couleurs choisies
TYPO : Antapani Extra Bold avec un peu de grains / bruit
>>> AVRILESANS Blocs du site

#textes typo: ANTAPANI
couleur : #B8170B
couleurs : #B8170B & #000000
FOND titre
variable #FFBFC5
TYPO : Avrile Sans Medium ou dans les couleurs choisies
avec un peu de grains / bruit
textes
couleurs : #000000 FOND texte # FFFFFF
#B8170B [ link / span / important ]
PHOTO
Grains de grenade
Avrile Sans Light > en fond de bloc
Avrile Sans Regular > en arrière-plan
> écran < 1024px
Avrile Sans Medium
Avrile Sans Bold
15
Adapter des systèmes de gestion de contenus
Exemple n° 6  à partir d’un cahier des charges
Intégration de pages web

Intégration et constructions de pages dans une structure Wordpress.
Expériences de réglages «responsive» par le constructeur de thème.
Essais de différentes extensions proposées par Wordpress.
Installation du CMS Wordpress, et extensions.

PAGES : Mise en place du menu, construction et intégration des pages, réglages...
> CMS : Wordpress & Divi
Images: gestion des formats d’image, exports, upload

Intégration: logos, galerie lightbox, fonds d’écran...
Référencement : prise en main des possibilités de renseigner les informations complé-
mentaires et sémantiques liées aux documents picturaux.
> Logiciels: Adobe Photoshop et Affinity Designer
6
16

4. Contexte
Nom de l’entreprise, organisme ou association  PORTFOLIO / Wordpress

Cliquez ici pour & Divi
taper du texte.

Du 01/06/2021
au Cliquez ici
17
Exemple n° 7  Publier des pages web
Publication
Transfert FTP de sites réalisés en local :
• Connexion FTP
• Transfert des fichiers
• Actualisation des fichiers
FTP > Logiciel : Fillezilla
6
18

4. Contexte
Nom de l’entreprise, organisme ou association  OVNI

Cliquez/ ici
GRENADE-IN
pour taper du texte.

Du 01/06/2021
au Cliquez ici
19
Contribuer à la gestion et au suivi
Activité-type 3 d’un projet de communication numérique
Exemple n° 8  Assurer une veille technique et concurentielle
Veille (non exhaustive) des outils techniques, tendances, UX et ergonomie.

Recherches internet des différents concurrents, appréciation des contenus,
architectures des sites, sémantiques...
Analyse SEO et mots clés.
Discussions avec des utilisateurs, graphistes ou codeurs

Prise de notes papier et numériques.
Recherches sur internet, vidéos Youtube
> Logiciels : Chrome & Firefox
6
20

Travail réalisé dans le cadre du stage professionnel
4. Contexte
Nom de l’entreprise, organisme ou association  PLAN

CliquezXYZ
ici pour taper du texte.

Du 16/06/2021
au Cliquez ici
21
Contribuer à l’élaboration d’un cahier des charges
Exemple n° 9  pour différents types de sites
Connaissance des besoins et du public visé

Affiner la navigation, les contenus, les rendre confortables pour le visiteur
Étudier les solutions techniques répondant aux besoins et aux fonctionnalités néces-
saires, afin de déterminer les mieux adaptées
Discussions avec les clients

Listages et prises de notes papier et numériques.
6
22

Travail réalisé dans le cadre de la formation et du stage professionnel
4. Contexte
Nom de l’entreprise, organisme ou association  PLAN

CliquezXYZ et autres
ici pour taper du texte.

Du 16/06/2021
au Cliquez ici
23
Exemple n° 10 Réalisation d’un Pressbook imprimé / papier
Réalisation d’un Pressbook imprimé / papier

La publication d’un objet physique, en l’occurrence papier, permet une mise en main et
en vue directe.
Ce support a pour vocation d’orienter vers le site internet et solliciter une réflexion gra-
phique dans le cadre de projets.
Conception d’une publication multi-page

Création de modèles de pages
Choix des documents présentés
Conversion des documents en CMJN pour le rendu colorimétrique
Concertation avec l’imprimeur et respect des exigences techniques
Gestion de l’export / Marges, fonds perdus, traites de coupes
Conversion des documents / optimisation

> Logiciel : Adobe Photoshop
Conception de la publication multi-page / Exportation pour impression
> Logiciel : Adobe Indesign
6
24

4. Contexte
Nom de l’entreprise, organisme ou association  Objet Visuels

Cliquez ici pourNumérique & Informatiques
taper du texte.
Chantier, atelier, service  Alès Tirage

Cliquez / Imprimeur
ici pour local
taper du texte.
Du 16/06/2021
au Cliquez ici
25
Titres, diplômes, CQP, attestations de formation
(facultatif)
Intitulé Autorité ou organisme Date

BAC L Ministère de l’Éducation 1998
Cliquez ici pour
Cliquez ici. Cliquez ici pour taper du texte.
sélectionner une date.
Cliquez ici pour
Cliquez ici pour
Cliquez ici pour
Cliquez ici pour
Cliquez ici pour
Cliquez ici pour
Cliquez ici pour
Cliquez ici pour
26 8
DESYEUX
Je soussigné(e) [prénom et nom]DESYEUX Aliénor Aliénor
.............................................................................................,
déclare sur l’honneur que les renseignements fournis dans ce dossier sont exacts et que je
suis l’auteur(e) des réalisations jointes.
Fait à Saint Paul La Coste

............................................................................. 23/07/2021
le ...........................................................
pour faire valoir ce que de droit.
Signature :
27
9

Dossier Professionnel

Transféré par

Droits d'auteur :

Formats disponibles

Dossier Professionnel

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Dossier Professionnel

Transféré par

Droits d'auteur :

Formats disponibles

DOSSIER PROFESSIONNEL (DP)

Nom de naissance  GHNASSIA

Titre professionnel visé

DOSSIER PROFESSIONNEL-Version du 01/06/2016 Page 1

Le dossier professionnel (DP) constitue un élément du système de validation du titre

Pour prendre sa décision, le jury dispose :

Conception d’un PORTFOLIO/ site internet

Choix du nom professionnel correspondant à une activité de webdesign et graphisme

2. Précisez les moyens utilisés :

Réflexion et croquis papiers

Cliquez ici pour taper du texte.

Nom de l’entreprise, organisme ou association  Objet Visuels

Chantier, atelier, service  Cliquez ici pour taper du texte.

5. Informations complémentaires (facultatif)

Cliquez ici pour taper du texte.

Réalisation d’une AFFICHE pour une conférence

2. Précisez les moyens utilisés :

> Réalisation d’un document de qualité pour impression numérique.

> Version .pdf CMJN à imprimer / Format A3 & A4

Cliquez ici pour taper du texte.

Nom de l’entreprise, organisme ou association  Association Abraham

Chantier, atelier, service  Impression chez

5. Informations complémentaires (facultatif)

Cliquez ici pour taper du texte.

Réalisation de maquettes et interfaces pour un PORTFOLIO

Recherches autour du logotype

2. Précisez les moyens utilisés :

Approfondissement du processus de conception des logos.

Cliquez ici pour taper du texte.

Nom de l’entreprise, organisme ou association  PORTFOLIO personnel

Chantier, atelier, service  Cliquez ici pour taper du texte.

5. Informations complémentaires (facultatif)

Cliquez ici pour taper du texte.

nom / prénom / pseudo

Élaborer une ANIMATION

2. Précisez les moyens utilisés :

Réalisation de l’animation en .js

Cliquez ici pour taper du texte.

Nom de l’entreprise, organisme ou association  ???

Chantier, atelier, service  Cliquez ici pour taper du texte.

5. Informations complémentaires (facultatif)

Cliquez ici pour taper du texte.

Conception de la charte graphique

2. Précisez les moyens utilisés :

Charte graphique et maquettes

Cliquez ici pour taper du texte.

Nom de l’entreprise, organisme ou association  GRENADE-IN

Chantier, atelier, service  Cliquez ici pour taper du texte.

5. Informations complémentaires (facultatif)

Cliquez ici pour taper du texte.

#FFBFC5 #FF8893 #FF5362 #B8170B

>>> AVRILESANS Blocs du site

Intégration de pages web

2. Précisez les moyens utilisés :

Installation du CMS Wordpress, et extensions.

Images: gestion des formats d’image, exports, upload

Cliquez ici pour taper du texte.

Nom de l’entreprise, organisme ou association  PORTFOLIO / Wordpress

Chantier, atelier, service  Cliquez ici pour taper du texte.