Contexte

Les documents de Dima couvrent l'architecture construite ou proposée, les aéroports, la stratégie urbaine, la recherche, les conférences, un livre et le travail communautaire. Le site doit présenter un profil cohérent et conduire chaque public vers les informations qui le concernent.

Problème

Une longue liste de disciplines et de publics risquait de transformer l'accueil en annuaire. L'enjeu est de montrer le lien entre architecture et aviation, puis de laisser chaque visiteur accéder au niveau de détail qui lui convient.

Architecture existante

Le point de départ réunissait la transcription d'un entretien, un ensemble de photographies et de documents de projet, ainsi qu'une première tentative de site. Les titres, rôles, dates et affirmations issus de la transcription doivent encore être vérifiés à la source.

Architecture de la solution

La navigation proposée compte cinq entrées : Work, Expertise, Research & Ideas, About et Contact. Les projets sont accessibles directement depuis l'accueil. Les projets d'aviation sont reliés à la stratégie, à la recherche et aux interventions publiques lorsque ce lien éclaire le rôle de Dima.

L'accueil présente d'abord l'identité et une sélection de travaux, puis les expertises, la recherche, le profil, la dimension humaine et des parcours de contact distincts. Une page de projet n'est prévue que si son contenu approuvé permet de préciser la contribution de Dima.

Implémentation

Une base Next.js et Payload contient désormais trois directions de page d'accueil à examiner. Chacune utilise le monogramme DF seul, donne la priorité aux photographies des projets et prévoit une courte animation d'introduction que le visiteur peut interrompre.

Le modèle de contenu distingue projets, médias et sections modifiables de l'accueil. La direction visuelle reste à choisir et le site de Dima n'est pas encore lancé.

Validation

La structure, la hiérarchie des pages et les trois propositions d'accueil sont examinées par étapes. Les affirmations, droits d'image, rôles dans les projets et choix visuels restent à valider avant la publication du site de Dima.

Stack technique

  • Next.js
  • Payload CMS
  • Anime.js