Lumen
A dark, image-led portfolio for an independent interface designer, rebuilt as a WordPress site where every project can be edited.
- Type
- Concept
- Sector
- Designer portfolio, Lisbon, Portugal
- Role
- Rebuild and WordPress development
- Year
- 2026
- Built with
- WordPress, Blocksy, Secure Custom Fields, GSAP
- Live site
- lumen.benystudio.dev
Concept project. Lumen and Adrian Navarro are invented, and the projects and awards are sample content. The layout is inspired by a theme demo, rebuilt with new names, copy and photos.
The brief I set myself
A designer's portfolio has to get out of the way of the work. Large photos do most of the talking, and the words stay short.
The question was whether a layout this tightly composed could run on WordPress without losing its details, so that the person who owns it can add a project without touching code.
What I did
A name that fills the screen
The designer's name is scaled by script to fill the column exactly, at every screen width.
Motion that stays in the background
Photos drift slightly inside their tiles, divider lines draw themselves in, and everything shows at once for visitors who ask for reduced motion.
Projects as real content
Each project is a WordPress post with its photos, type, industry and description. The third one on the homepage turns wide on its own, and each page links to the previous and next project.
A coded header and footer
They are ported straight from the prototype. On phones and tablets the header hides as you scroll down, comes back as you scroll up, and opens a full-screen menu.
Measured
- Performance, mobile
- 96
- Accessibility
- 100
- Largest paint
- 2.2s
Lighthouse on a simulated phone, median of three runs, measured 5 November 2026.
Have a project in mind?
A free 30-minute call, then a fixed quote before any work begins.
Start a project