Lumen
Un portfolio sombre, porté par l'image, pour un designer d'interfaces indépendant, reconstruit sur WordPress avec des projets modifiables.
- Type
- Concept
- Secteur
- Portfolio de designer, Lisbonne, Portugal
- Rôle
- Reconstruction et développement WordPress
- Année
- 2026
- Réalisé avec
- WordPress, Blocksy, Secure Custom Fields, GSAP
- Site en ligne
- lumen.benystudio.dev
Projet concept. Lumen et Adrian Navarro sont inventés, et les projets et les récompenses sont des contenus d'exemple. La mise en page s'inspire d'une démo de thème, reconstruite avec de nouveaux noms, textes et photos.
Le brief que je me suis fixé
Le portfolio d'un designer doit s'effacer devant le travail. Les grandes photos parlent le plus, et les textes restent courts.
La question était de savoir si une mise en page aussi précise pouvait tourner sur WordPress sans perdre ses détails, pour que son propriétaire ajoute un projet sans toucher au code.
Ce que j'ai fait
Un nom qui remplit l'écran
Le nom du designer est mis à l'échelle par script pour remplir exactement la colonne, à toutes les largeurs d'écran.
Une animation qui reste discrète
Les photos glissent légèrement dans leurs tuiles, les filets se dessinent, et tout s'affiche d'un coup pour les visiteurs qui demandent moins d'animations.
Des projets, de vrais contenus
Chaque projet est un article WordPress avec ses photos, son type, son secteur et sa description. Le troisième de l'accueil passe seul en grand format, et chaque page renvoie au projet précédent et au suivant.
Un en-tête et un pied de page codés
Ils viennent directement du prototype. Sur téléphone et tablette, l'en-tête se cache quand on descend, revient quand on remonte, et ouvre un menu plein écran.
Mesures
- Performance, mobile
- 96
- Accessibilité
- 100
- Plus grand élément affiché
- 2,2s
Lighthouse sur un téléphone simulé, médiane de trois mesures, le 5 novembre 2026.
Un projet en tête ?
Un appel gratuit de 30 minutes, puis un devis au forfait avant tout travail.
Lancer un projet