Academy numérique Tristan Rogez.

Checklist de vérifications à effectuer sur le portfolio.

Checklist Portfolio.

Pour valider le professionnalisme de votre portfolio, voici une liste de quelques vérifications à effectuer. Assurez-vous de remplir au maximum les tâches indiquées.

Mise en ligne

  1. Une base de données dédiée au portfolio est utilisée
  2. Un serveur est configuré pour héberger les fichiers du portfolio
  3. Une URL permet de consulter le portfolio
  4. Une adresse e-mail dédiée au travail est utilisée pour la configuration du portfolio

 

La base de données

Les solutions d’hébergement

Extensions et thèmes

  1. Les extensions essentielles sont installées et configurées correctement
  2. Le starter thème Hello Elementor est installé et activé
  3. Les mises à jour automatiques sont activées pour toutes les extensions
  4. Les extensions installées sont compatibles avec la version du CMS utilisé
  5. Les extensions et les thèmes qui ne sont pas utilisés sont supprimés
 

Contenu du portfolio

  1. Un menu de navigation est présent et permet de naviguer sur toutes les pages
  2. Les textes sont rédigés correctement sans fautes d’orthographe
  3. Les textes sont entièrement en Français et les textes par défaut en anglais sont traduits en Français
  4. Une présentation de votre parcours et de vos motivations est disponible afin de permettre au lecteur de découvrir votre histoire
  5. Une galerie de vos réalisations les plus significatives est disponible (classement par catégories : graphisme, illustration, webdesign, branding, support de com, …)
  6. Un formulaire de contact permet de vous contacter depuis le portfolio (au norme RGPD + sécurisation CAPTCHA)
  7. Les informations de contact de base sont disponibles (téléphone, réseaux, …)
  8. Une liste de vos compétences est présente et permet de découvrir les savoirs que vous pouvez mettre à disposition (Hard Skills, Soft Skills)
  9. Une liste des applications que vous utilisez est disponible
  10. Vous mentionnez votre recherche de stage en indiquant la période et le secteur
  11. Vous expliquez votre parcours et votre situation dans un texte de présentation
  12. Une photo professionnelle et adaptée permet de vous présenter physiquement
 

User Interface et Web Design

  1. Les couleurs utilisées sont uniquement celles de la charte graphique
  2. Un style de webdesign tendance et moderne est utilisé (flat, neomorphisme, glass, retro, memphis, scrapbooking, …)
  3. Des typographies web modernes et adaptées au projet sont utilisées
  4. Les règles imposées par la RGAA sont respectées (contraste, tailles et familles de typo, …)
  5. Les textes sont dimensionnés en fonction de leurs importances
  6. Les titres respectent l’ordre des balises H1, H2, H3…
  7. Une favicon est configurée
  8. Votre logo est présent à différents endroits (header, footer, …)
  9. L’interface utilisateur est agréable graphiquement et ne comporte pas d’incohérences
  10. Les contenus sont aérés et organisés correctement
  11. Les médias utilisés sont libres de droit
  12. Les médias utilisés sont compressés et enregistrés dans un format adapté pour le web
  13. Les médias ont un titre, un texte alternatif et une description
  14. Les icônes utilisées sont du même style (contour ou plein… pas de mélange)
  15. Les contenus sont consultables sur différents devices (pc, tablette, mobile) et différents navigateurs (chrome, opera, firefox) sans bugs
  16. Il n’y a pas de Lorem Ipsum, tous les textes sont personnalisés et rédigés par vos soins
  17. Il n’y a pas de contenus ou de sections vides
  18. Les paragraphes de texte sont aérés et travaillés pour rendre la lecture agréable et faire ressortir les informations principales.

Liste des tendances web design

Techniques de mise en valeur graphiques

Règles de base UI

User Experience

  1. La structure permet de diriger l’utilisateur vers la découverte de vos réalisations
  2. La structure facilite la prise de contact depuis votre formulaire
  3. L’utilisateur peut naviguer facilement entre les pages et les sections
  4. Des CTA permettent de diriger l’utilisateur vers l’objectif attendu (prise de contact, découverte réalisations,…)
  5. L’utilisateur ne peut pas se retrouver bloqué sur une page, sans action possible
  6. Le portfolio est simple d’utilisation et ne comporte pas de complexités inutiles
  7. Les liens externes s’ouvrent dans un nouvel onglet
  8. Les liens internes s’ouvrent dans le même onglet
  9. Le portfolio utilise au maximum l’affordance pour faciliter la navigation

 

Règles de base UX

Sécurité

  1. L’url de connexion au backoffice est modifiée
  2. Un antivirus est installé et configuré
  3. Les extensions et les thèmes sont à jour
  4. Le mot de passe du compte administrateur est fort et sécurisé

 

Bases pour sécuriser WP

SEO

  1. Le site internet est indexé et consultable par les moteurs de recherche (configuration WP)
  2. Les titres des pages sont optimisés et décrivent le contenu ou les services proposés
  3. Les descriptions des pages sont optimisés et décrivent le contenu ou les services proposés
  4. Un mot clé est choisi et utilisé sur chaque page
  5. L’extension YOAST SEO est installé et configurée
  6. Les pages principales sont en vert pour le SEO
  7. Les pages principales sont indexées
  8. Les pages secondaires ne sont pas indexées
  9. Les pages principales contiennent toutes des titres, des sous-titres et des textes forts en  relation avec le contenu
  10. La Search Console de Google est configurée pour optimisé le référencement du portfolio

Bases du SEO

Guide complet YOAST SEO

Liens externes

  1. Une icône permet d’accéder à votre profil Linked In
  2. Une icône permet d’accéder à la page Facebook CDUI
  3. Un bouton permet d’accéder à votre CV au format PDF

 

Page Facebook CDUI Arras

Créer un bon profil Linked In

Analyse audience

  1. Un outil d’analyse d’audience est configuré et fonctionnel
  2. Les cookies permettent de gérer l’accès aux données utilisateur

Les principaux outils d’analyse d’audience

Nom de domaine

  1. Le nom de domaine choisi est cohérent avec le projet
  2. Le nom de domaine est simple et facile à retenir
  3. Il ne comporte pas de caractères spéciaux ni de chiffres
  4. Il est idéalement composé de lettres sans traits d’union
  5. Le nom de domaine est disponible en .fr et .com et ne comporte pas de concurrent direct utilisant le même nom de domaine

 

Les critères de sélection d’un NDD

Divers

  1. Une page mode maintenance est configurée
  2. Une page coming-soon est configurée
  3. Une page de mentions légales est configurée
  4. Une page de politique de confidentialité est configurée
  5. Le site respecte les impératifs du RGPD
  6. Le site respecte les impératifs de la RGAA
  7. Un système de newsletter est configuré


Générateur de mentions légales

Rendre son site conforme avec le RGPD

Bases d’accessibilité (RGAA)

CookieYes pour WordPress (gestionnaire de cookies)

Créer une bonne newsletter

Mailchimp Newsletter pour WordPress

Retour en haut