The challenge
Director portfolios usually drown their reel in bio copy. The client needed their work to be the first thing anyone saw, with clean separation between commercial, narrative, and unreleased.
Back to the index
Media · Director Portfolio
Helios Director
A personal site for a film director — reel-first, bio-second, no clutter.
Year
2025
Role
Design, build, edit
Sector
Media
14
reels indexed
3
content lanes
+63%
reel completion
Brief
A cinematic portfolio for a working director. The site leads with moving image, handles commercial and narrative work separately, and treats every case like its own short landing page.
Tension
The solution
I designed a full-bleed hero reel, a typographic credits system, and per-project pages that play like a short — title card, footage, context, credits. Everything else is one click away.
Build
Scope
What was built
- Next.js
- Framer Motion
- Video UX
- Editorial layout
Showcase · 01
Responsive web surfaces
Desktop · primary surface
HDHelios Director
WorkSystemContact
Director Portfolio
Helios Director
A personal site for a film director — reel-first, bio-second, no clutter.
14
reels indexed
3
content lanes
+63%
reel completion
Case architecture
The reel is the résumé.
A cinematic portfolio for a working director. The site leads with moving image, handles commercial and narrative work separately, and treats every case like its own short landing page.
01
Next.js
02
Framer Motion
03
Video UX
04
Editorial layout
Visual plate · 02
Media system
Mobile · responsive
Media · 2025
Helios Director
The reel is the résumé.
Next.js01
Framer Motion02
Video UX03
Showcase · 02
Editorial spread
Issue · 2025
The reel is the résumé.
Spread · 01
Helios Director
A personal site for a film director — reel-first, bio-second, no clutter.
P. 04
Media
Showcase · 03
Image system
01
02
03
04
05
06
Outcome
Outcomes, measured.
14
reels indexed
3
content lanes
+63%
reel completion
Next case study
Prisma OOH
Media · Billboard Campaign