Skip to main content

PARCOURS TECHNIQUE · LENOEZECHIEL.COM

Dans les coulisses du projet Drupal

Cette page documente un projet réel : le portfolio que vous consultez. Elle explique comment Drupal est utilisé pour organiser des contenus multidisciplinaires, gérer le français et l’anglais, relier des projets, présenter plusieurs formats de médias et maintenir une expérience cohérente à mesure que le site évolue.

Identité du projet

Statut
Projet personnel en ligne
Plateforme
Drupal
Langues
Français et anglais
Périmètre
Stratégie de contenu, architecture de l’information, UI/UX, réalisation Drupal, intégration des contenus, tests et maintenance éditoriale
Début
2026
Commanditaire externe
Aucun

Le contenu actuellement publié

études de cas
7
projets de design
24
productions vidéo
11
photographies sélectionnées
19
documents publics
20

Les traductions ne sont pas comptées comme des projets distincts.

01

Pourquoi Drupal

Le portfolio contient des études de cas longues, des projets de design, des photographies, des vidéos, des expériences professionnelles, des distinctions, des certificats et des documents téléchargeables. Les traiter comme des pages isolées aurait rendu les mises à jour lentes et incohérentes. Drupal a été choisi pour donner une structure à cet ensemble : les mêmes informations peuvent alimenter une carte, une page détaillée, un filtre, un résultat de recherche ou un lien vers un projet associé. Le CMS n’est donc pas seulement l’outil qui affiche le site; il soutient l’organisation éditoriale du portfolio.

02

Architecture de contenu

Le site organise les informations en ensembles cohérents plutôt qu’en pages entièrement indépendantes. Les principales familles visibles sont : études de cas; projets de design graphique; sélections photographiques; productions motion et vidéo; expérience, formation et distinctions; certificats et documents professionnels; informations de profil et de contact.

03

Publication bilingue

Chaque contenu important doit disposer d’une version française et anglaise reliée à son équivalent. La langue concerne non seulement les paragraphes, mais aussi les menus, libellés, filtres, boutons, messages d’interface, titres SEO, métadescriptions, textes alternatifs et documents lorsque les deux versions existent. Le contrôle qualité doit empêcher qu’une page française conserve des fragments anglais ou qu’un lien de changement de langue renvoie vers une page non équivalente.

04

Taxonomies, recherche et filtres

Les disciplines, secteurs et autres métadonnées servent à relier les contenus et à proposer plusieurs portes d’entrée dans le portfolio. La page Réalisations combine une recherche textuelle, des filtres et un tri afin d’aider un visiteur à passer d’une bibliothèque dense à une sélection pertinente. La taxonomie « Drupal » est utilisée uniquement pour ce portfolio personnel. L’étude de cas de diplomatie publique emploie « Contenu web » et non « Drupal/Web ».

05

Composants réutilisables

Les cartes, en-têtes de projet, blocs de chiffres, galeries, listes de documents, appels à l’action et liens entre études de cas sont construits comme des composants cohérents. Cette réutilisation évite les variations involontaires et permet d’améliorer une expérience à un seul endroit lorsque le composant est partagé.

06

Médias et documents

Le site traite chaque média comme un contenu accompagné de contexte : titre, description, projet associé, langue, date ou rôle lorsque ces informations sont pertinentes. Les images utilisent des formats et dimensions adaptés, les vidéos ne démarrent pas automatiquement, et les documents portent des intitulés compréhensibles plutôt que de simples noms de fichiers.

07

Accessibilité

L’accessibilité est vérifiée dans le produit et non seulement annoncée dans le texte. Les contrôles prioritaires portent sur la structure des titres, les liens et boutons explicites, les libellés de champs, la navigation au clavier, la visibilité du focus, le contraste, les textes alternatifs, l’ordre de lecture, l’absence de lecture automatique des vidéos et le comportement à fort zoom. Aucune conformité WCAG précise n’est revendiquée sans audit dédié.

08

Confidentialité et mesure

L’audit du code n’a trouvé aucun outil d’analyse, pixel publicitaire ou police chargée depuis un service tiers. Une intégration YouTube en mode de confidentialité renforcée est clairement identifiée dans l’étude de cas concernée; elle peut établir une connexion externe lorsque le lecteur est chargé. Toute future solution d’analyse devra être documentée avant son activation.

09

Performance et maintenance

Le site est conçu pour rester lisible et efficace sur différents écrans. La configuration vérifiée active l’agrégation et la compression CSS/JavaScript; les gabarits utilisent des images WebP lorsqu’elles existent et le chargement différé pour les médias non prioritaires. La maintenance couvre les mises à jour de sécurité Drupal, la sauvegarde de la base et des fichiers, la vérification des liens, la révision des traductions et le suivi des médias trop lourds.

10

Ce que démontre ce projet

Ce projet démontre une expérience pratique de Drupal appliquée à un besoin concret : structurer un volume varié de contenus, concevoir des parcours bilingues, organiser la recherche et les filtres, présenter des médias, maintenir une identité visuelle cohérente et administrer le portfolio dans le temps. Il n’est pas présenté comme la preuve de plusieurs projets Drupal, d’une mission client Drupal ou d’une spécialisation acquise sur plusieurs années.

Inspection du dépôt et de la configuration

Détails techniques vérifiés

01

Socle

Drupal 11.4.4

02

Thème

Thème personnalisé ezechiel_portfolio

03

Contenu

Types structurés pour études de cas, expérience, formation, distinctions et ressources médias

04

Bilinguisme

Modules Drupal Language et Content Translation avec traductions reliées

05

Recherche

Recherche personnalisée sur les entités Drupal publiées

06

Filtres

Logique personnalisée par discipline, secteur, mot-clé et tri

07

Médias

Media Library avec types image de portfolio et vidéo locale

08

SEO

Métadonnées, Open Graph, JSON-LD, URL canonique et hreflang générés par le thème et le module personnalisés