التحدي
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.
العودة للفهرس
Media · Director Portfolio
Helios Director
A personal site for a film director — reel-first, bio-second, no clutter.
السنة
2025
الدور
Design, build, edit
القطاع
Media
14
reels indexed
3
content lanes
+63%
reel completion
الموجز
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.
التوتر
الحل
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.
البناء
النطاق
ما تم بناؤه
- 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
النتيجة
النتائج، بالأرقام.
14
reels indexed
3
content lanes
+63%
reel completion
المشروع التالي
Prisma OOH
Media · Billboard Campaign