Concevoir et réaliser lenoezechiel.com avec Drupal

Vue d’ensemble

lenoezechiel.com est un projet personnel conçu pour présenter un parcours qui couvre la communication numérique, le design, la photographie, la vidéo, le motion design, l’UI/UX et des projets interactifs. Le défi n’était pas seulement de créer un beau portfolio, mais de construire une structure capable d’accueillir des contenus très différents sans perdre en clarté. Ce site est aujourd’hui le projet Drupal que je présente publiquement comme preuve de mon expérience pratique. Il ne s’agit pas d’une commande client et aucune organisation extérieure n’est présentée comme commanditaire du développement Drupal.

Le défi

Un portfolio multidisciplinaire peut rapidement devenir une suite de galeries sans hiérarchie. Les recruteurs veulent comprendre un rôle, les clients veulent voir des résultats, les partenaires veulent évaluer une méthode, tandis que les contenus eux-mêmes demandent des formats différents. Il fallait donc créer un seul système capable de présenter des études de cas détaillées, des images, des vidéos, des documents, des filtres et deux langues sans donner l’impression de plusieurs sites assemblés.

Publics et objectifs

Publics principaux : comités de sélection internationaux, recruteurs, organisations internationales, institutions, ONG, entreprises, clients potentiels et partenaires créatifs. Objectifs : permettre de comprendre rapidement mon positionnement; montrer le contexte, ma contribution et le résultat de chaque projet; faciliter la recherche par discipline et type de réalisation; proposer une expérience cohérente en français et en anglais; rendre les médias et documents faciles à consulter; disposer d’une structure éditoriale que je peux faire évoluer sans reconstruire chaque page.

Mon rôle

J’ai défini le positionnement du site, l’organisation des contenus, la hiérarchie des pages, les parcours de navigation, la direction visuelle et les textes en français et en anglais. J’ai ensuite réalisé l’expérience sous Drupal, intégré les projets et documents, vérifié les comportements sur différents écrans et poursuivi les ajustements après la mise en ligne. Mon rôle couvre donc le produit, le contenu et la qualité finale du site. Lorsque des outils d’assistance au développement sont utilisés, ils restent des moyens de production; les décisions de structure, d’interface, de contenu, de validation et de publication relèvent de ma responsabilité.

Architecture de contenu

Le contenu est organisé autour de familles distinctes : études de cas, design graphique, photographie, motion et vidéo, parcours professionnel, distinctions, certificats et documents. Les informations récurrentes — titre, résumé, contexte, date, discipline, secteur, médias, langue et projets associés — sont structurées afin d’éviter les incohérences et de permettre leur réutilisation dans les cartes, les filtres, la recherche et les pages détaillées. Cette approche permet d’ajouter une nouvelle réalisation sans recréer manuellement toute la mise en page et aide le visiteur à comparer des projets de nature différente à partir de repères communs.

Expérience bilingue

Le français et l’anglais ne sont pas traités comme une traduction automatique affichée au dernier moment. Les pages, menus, filtres, appels à l’action, métadonnées et textes d’interface doivent exister dans les deux langues et conserver le même sens, tout en respectant les usages naturels de chaque langue. La version française privilégie une formulation directe et idiomatique. La version anglaise utilise un anglais international professionnel, cohérent sur l’ensemble du site. Les noms officiels d’organisations, de programmes et de distinctions restent inchangés lorsqu’ils ne disposent pas d’une traduction officielle.

Recherche, filtres et navigation

Le site permet d’explorer les réalisations au lieu d’imposer un parcours unique. Les cartes donnent un premier niveau de lecture; la recherche et les filtres aident à réduire la liste; les taxonomies relient les projets par discipline; les liens entre études de cas encouragent la découverte. La logique doit rester simple : un visiteur peut chercher un sujet, filtrer par discipline ou secteur, ouvrir une réalisation, comprendre mon rôle, puis poursuivre vers un projet associé ou vers la page de contact.

Médias, documents et interface

Le portfolio réunit des photographies, des vidéos, des visuels de design et des documents téléchargeables sans les traiter comme de simples pièces jointes. Chaque format dispose d’un contexte, d’un titre compréhensible et d’une place claire dans le parcours. Les composants réutilisables gardent une présentation cohérente entre les pages et facilitent les évolutions futures. L’interface privilégie une hiérarchie visuelle nette, des textes lisibles, des actions explicites, une adaptation aux petits écrans et une utilisation mesurée du mouvement. Les vidéos ne doivent pas démarrer automatiquement et les images doivent disposer de descriptions utiles lorsque leur contenu apporte une information.

Processus

1. Comprendre — définir les publics, les décisions à faciliter et les preuves à montrer. 2. Structurer — organiser les contenus, les relations, les langues, les taxonomies et les parcours. 3. Concevoir — établir la hiérarchie visuelle, les composants et les comportements adaptatifs. 4. Réaliser — configurer et intégrer l’expérience dans Drupal. 5. Alimenter — rédiger, traduire et importer les projets, médias et documents. 6. Vérifier — contrôler les liens, les traductions, les états d’interface, les formulaires et les principaux parcours. 7. Optimiser — corriger les incohérences, alléger les médias et améliorer la lisibilité. 8. Maintenir — faire évoluer le portfolio à mesure que de nouveaux projets sont ajoutés.

Livrables

Site Drupal bilingue en production; architecture de contenu pour plusieurs disciplines; bibliothèque d’études de cas avec recherche, filtres et tri; galeries de design, photographie et vidéo; parcours À propos, CV et contact; bibliothèque de documents professionnels; composants d’interface réutilisables; métadonnées SEO et relations entre versions linguistiques; méthode de mise à jour et de contrôle éditorial.

Résultat

Le résultat est un portfolio bilingue opérationnel qui réunit des contenus auparavant dispersés dans une seule expérience éditoriale. Le site permet de présenter des projets de formes très différentes, de rendre les preuves professionnelles plus faciles à consulter et de démontrer concrètement ma capacité à structurer et réaliser un produit de contenu avec Drupal.

7 études de cas · 24 projets de design · 11 productions vidéo · 19 photographies sélectionnées · 20 documents publics · français/anglais.

Ce que j’en retiens

Ce projet a confirmé qu’un portfolio gagne en crédibilité lorsque la structure précède la décoration. Définir les types de contenus, les relations, les langues et les parcours en amont rend ensuite le design plus cohérent et les mises à jour plus simples. Il m’a également permis de transformer une première expérience pratique de Drupal en un produit réel, public et continuellement améliorable.

Statut et transparence

Projet personnel conçu, alimenté et publié de manière indépendante. Cette étude de cas documente lenoezechiel.com, qui constitue actuellement le projet Drupal présenté dans ce portfolio. Elle ne doit pas être interprétée comme la présentation d’une mission Drupal réalisée pour un client ou un employeur.