DOSSIER PROFESSIONNEL (DP)

(1)

D ^OSSIER P ROFESSIONNEL (DP)

◢

Nom de naissance

^►

MAKINDU MOKONZI Nom d’usage

^►

MAKINDU MOKONZI

Prénom

^►

GRACIA KENZI

Adresse

^►

3 RUE AUGER GAILLARD, 11000 CARCASSONNE

Titre professionnel visé

WEB DESIGNER

M ^{ODALITÉ D} ’ ^ACCÈS :

Parcours de formation

Validation des Acquis de l’Expérience (VAE)

DOSSIER PROFESSIONNEL-Version du 01/06/2016 Page

1

(2)

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.

Lien des pratiques professionnelles

2

(3)

https://stagiaires2021.batipolelimouxin.fr/s6/HOME/wordpress/home/

https://www.km-dsgn.com/

3

(4)

►

Intitulé de l’exemple n° 3 Élaborer une animation pour différents supports - Projet Home

p. 11

Intitulé de l’activité-type n° 2

Réaliser un outil de communication numérique

p . 13

►

Intitulé de l’exemple n° 1 Intégrer en tenant compte des standards, du référencement, de l'accessibilité et de l'ergonomie - Portfolio

p. 13

►

Intitulé de l’exemple n° 2 Adapter des systèmes de gestion de contenus à partir d’un cahier des charges - Home

p. 15

►

Intitulé de l’exemple n° 3 Mise en ligne (nom de domaine et serveur ) - Portfolio p. 17

Intitulé de l’activité-type n° 3

Contribuer à la gestion et au suivi d'un projet de communication numérique p. 19

►

Intitulé de l’exemple n° 1 Assurer une veille technique et concurrentielle - Cover Custom

p. 19

►

Intitulé de l’exemple n° 2 Contribuer et instiguer l'élaboration d'un cahier des charges - Cover Custom

p. 21

►

Intitulé de l’exemple n° 3 Accompagnement à l’achat de nom de domaine et espace serveur - Cover Custom

p. 23

Intitulé de l’activité-type n° 4

Éditer et modifier du contenu visuel p.25

►

Intitulé de l’exemple n° 1 Élaborer un contenu visuel statique professionnel en accord avec une activité

p. 25

►

Intitulé de l’exemple n° 2 Modifier une image source p. 27

4

(5)

►

Intitulé de l’exemple n° 3 Réaliser un projet au style graphique unifié p. 29

Titres, diplômes, CQP, attestations de formation

(facultatif)

p.

Déclaration sur l’honneur _p.

Documents illustrant la pratique professionnelle

(facultatif)

p.

Annexes

(Si le RC le prévoit)

p.

5

(6)

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

(7)

Activité-type 1 Élaborer le design graphique d'un outil de communication numérique

Exemple n°1 ^►

Réaliser un logo - Projet Home

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Dans le cadre de son activité à venir l’entreprise Home CC à besoin d’un logo représentant le sujet de son activité.

Outil de communication visuel, le logo doit être intuitif et rapporter directement à l’activité de l’entreprise.

Un logo à été conçu en conséquence après 2 essais non validé par manque de visibilité et clarté du message. Le logotype contient le nom abrégé de l’entreprise “HOME”.

Ce projet est un projet de formation. L’entreprise est une entreprise fictive créée par mes soins. Répondant à un brief client élaboré en amont.

2. Précisez les moyens utilisés :

Le logo a d'abord été conçu sous forme de croquis papier pour guider la création graphique avant le passage à un logiciel PAO. Ici le logiciel utilisé à été Affinity Designer.

3. Avec qui avez-vous travaillé ?

7

(8)

Chantier, atelier, service

_►

Création du logo

Période d’exercice

►

Du 31 mars 2021 au 5 avril 2021

5. Informations complémentaires (facultatif)

8

(9)

Activité-type 1 Élaborer le design graphique d'un outil de communication numérique

Concevoir la maquette d’un site - Projet Home

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Suite au logo il a été nécessaire de construire l’architecture du site. L'arborescence et le wireframe à ce niveau de la formation ont été fait sur papier pour du gain de temps.

Suite à cela la maquette du site à été conçue en PAO pour intégrer en HTML/CSS.

2. Précisez les moyens utilisés :

Pour des raisons de préférences et également de vitesse d'exécution, la maquette a été conçue sur Figma plutôt que Adobe XD, suite à un wireframing papier pour le gain de temps.

3. Avec qui avez-vous travaillé ?

9

(10)

Chantier, atelier, service

_►

Maquette du projet

Période d’exercice

►

Du 7 avril 2021 au 14 avril 2021

5. Informations complémentaires (facultatif)

10

(11)

Activité-type 1 Élaborer le design graphique d'un outil de communication numérique

Exemple n°

3

^►

Élaborer une animation pour différents supports - Projet Home

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Pour le même projet, notre formateur nous a individuellement invité à concevoir des bannières publicitaires qui ont vocation à être intégré.

3 bannières ont été codé en 3 tailles différentes :

● 300x600 rectangle à la vertical

● 728x90 rectangle à l’horizontal

● et enfin 300x250.

2. Précisez les moyens utilisés :

Les bannières ont été codé en HTML CSS(scss) et Javascript(Anime.js)

3. Avec qui avez-vous travaillé ?

11

(12)

Chantier, atelier, service

_►

Bannière publicitaire

Période d’exercice

►

Du 21 juillet 2021 au 21 juillet 2021

5. Informations complémentaires (facultatif)

12

(13)

Activité-type 2 Réaliser un outil de communication numérique

Intégrer en tenant compte des standards, du référencement, de

l'accessibilité et de l'ergonomie - Portfolio

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Dans le cadre des projets personnels, il s’est avéré censé de concevoir un portfolio en représentant son travail en partie. Que ce soit pour de la visibilité ou du prospect potentiel.

La structuration du html est la première base confortant le référencement en accord avec les conventions et recommandations du W3C sur les moteurs de recherche.

Le site est responsive malgré des correctifs à apporter aujourd’hui 21 juillet 2021 concernant des tailles d’icone.

2. Précisez les moyens utilisés : Sémantique HTML optimisé.

3. Avec qui avez-vous travaillé ?

13

(14)

Chantier, atelier, service

_►

Portfolio

Période d’exercice

►

Du 11 juin 2021 au 25 juillet 2021

5. Informations complémentaires (facultatif)

14

(15)

Activité-type 2 Réaliser un outil de communication numérique

Adapter des systèmes de gestion de contenus à partir d’un cahier des

charges - Portfolio

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Le portfolio ayant des fins propres à tout portfolio, dans son architecture il contient évidemment une section de présentation des travaux.

Aussi en cas de client potentiels suite à une conversion de visite (après optimisation SEO) un formulaire de contact est évidemment mis à disposition.

2. Précisez les moyens utilisés :

Architecture adapté aux besoins du site

3. Avec qui avez-vous travaillé ?

15

(16)

Chantier, atelier, service

_►

Portfolio

Période d’exercice

►

Du 11 juin 2021 au 25 juillet 2021

5. Informations complémentaires (facultatif)

16

(17)

Activité-type 2 Réaliser un outil de communication numérique

Mise en ligne (nom de domaine et serveur ) - Portfolio

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Suite à sa production en local le site à été mis en ligne. Le nom de domaine a été acheté 1 mois à l'avance selon les disponibilités. Suite à cela un hébergement à été choisi et souscrit, un espace web à été créé manuellement sur le serveur pour y accueillir le nom de domaine associé et les fichiers source du site encore en local. Pour les transférer le protocole le transfert de données chiffré entre un client et un serveur (SFTP) a été configuré.

Le client Filezilla à été lancé et configuré, avec une synchronisation des données pour une facilité visuelle, afin de charger depuis un dossier racine de site en local les données correspondantes sur le serveur.

Par la suite le site à été crypté via protocol SSL et mit en https via un dossier toujours en racine (.htaccess)

2. Précisez les moyens utilisés : FileZilla & Ionos

3. Avec qui avez-vous travaillé ?

17

(18)

Chantier, atelier, service

_►

Portfolio

Période d’exercice

►

Du 20 juin 2021 au 20 juin 2021

5. Informations complémentaires (facultatif)

18

(19)

Activité-type 3 Contribuer à la gestion et au suivi d'un projet de communication numérique

Assurer une veille technique et concurrentielle -

Cover Custom

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Dès les premiers contacts avec le maître de stage/client il a s’agit de s’inspirer sur la configuration et le style des sites du secteur avec la même activité et/ou activités subsidiaires.

C’est le moodboard qui a finalement été fixé une fois le brief client remplit.

Par la suite face aux restrictions budgétaire, le site initialement destiné à être développé sur webflow sera finalement fait sur environnement wordpress avec une sélection courte da add-ons correspondant aux budget et besoins

2. Précisez les moyens utilisés :

Brief client, études des visuel standards, analyse de la demande et revu des extensions et fonctionnalité pour matcher la demande

3. Avec qui avez-vous travaillé ?

19

(20)

Chantier, atelier, service

_►

Développement de site

Période d’exercice

►

Du 15 juin 2021 au 21 juillet 2021

5. Informations complémentaires (facultatif)

20

(21)

Activité-type 3 Contribuer à la gestion et au suivi d'un projet de communication numérique

Contribuer et instiguer l'élaboration d'un

cahier des charges - Cover Custom

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Aux premiers contact les client voulait bien évidemment un site internet. En revanche aucune réflexion n’avait été poussée en ce sens.

Le brief client et 2 autres prises de contact par e-mail ont cadré leur projet et ont permis d’avancer. Un cahier de suivi à été mis en place sur Notion et le lien de partage à été transmis au client afin qu’il suive l’avancé du projet en fonction également de leur implication.

2. Précisez les moyens utilisés : E-mail & Notion

3. Avec qui avez-vous travaillé ?

21

(22)

Chantier, atelier, service

_►

Développement de site

Période d’exercice

►

Du 15 juin 2021 au 21 juillet 2021

5. Informations complémentaires (facultatif)

22

(23)

Activité-type 3 Contribuer à la gestion et au suivi d'un projet de communication numérique

Accompagnement à l’achat de nom de domaine et espace serveur - Cover Custom

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Le projet nécessite l’achat du nom de domaine et de l'hébergement. Un tutoriel a été édité pour qu’ils suivent la démarche. En ce jour 21 juillet rien n’a été fait

2. Précisez les moyens utilisés : E-mail & Appel

3. Avec qui avez-vous travaillé ?

23

(24)

Chantier, atelier, service

_►

Développement de site

Période d’exercice

►

Du 15 juin 2021 au 21 juillet 2021

5. Informations complémentaires (facultatif)

24

(25)

Activité-type 4 Éditer et modifier du contenu visuel

Élaborer un contenu visuel statique professionnel en accord avec une activité

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Dans le cadre de la formation les notions ont été présentées petit à petit via des projets à reproduire. Parmi eux, Retro Geek Fest (RGF) pour lequel j’ai conçu un poster pour une présumée convention à venir.

2. Précisez les moyens utilisés : Affinity Designer

3. Avec qui avez-vous travaillé ?

25

(26)

Chantier, atelier, service

_►

Poster Convention Retro Geek fest Période d’exercice

►

Du 12 mai 2021 au 12 mai 2021

5. Informations complémentaires (facultatif)

26

(27)

Activité-type 4 Éditer et modifier du contenu visuel

Modifier une image source

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Dans le cadre personnel j’ai modifié une image prise dans l’Hérault au détour d’une promenade. Seul le ciel a été remplacé. Il a suffit, de détourer la moitié basse de l’image source. Se fournir une image cible libre de droit pour remplacer le ciel et récupérer le l’équivalent de la moitié haute de l’image source pour les assembler.

En amont des modifications colorimétriques ont été apportées sur un logiciel tiers.

2. Précisez les moyens utilisés : Affinity Photo & Adobe Lightroom

3. Avec qui avez-vous travaillé ?

27

(28)

Chantier, atelier, service

_►

Photo Montage Roc Suzadou

Période d’exercice

►

Du 18 juillet 2021 au 18 juillet 2021

5. Informations complémentaires (facultatif)

28

(29)

Activité-type 4 Éditer et modifier du contenu visuel

Réaliser un projet au style graphique unifié

1. Décrivez les tâches ou opérations que vous avez effectuées, et dans quelles conditions :

Il a s’agit dans un premier temps de trouver un sujet d'intérêt : la mythologie Orisha.

Ensuite de construire une structure graphique commune pour chaque représentation.

Des images ont été vectoriser.

Des éléments ont été détouré d’autres images sources Des formes ont été créer

Des effets ont été appliqués pour rendre les illustrations moins désincarnées.

DOSSIER PROFESSIONNEL (DP)