Five portfolio approaches built for review. Each takes a distinct creative direction. Pick the one to move forward with, or mix elements from multiple options.
Editorial magazine style. Individual project case study pages with full-bleed hero, project brief, and CSS masonry gallery. 3-column filtered grid on the index. Featured hero treatment with dark sidebar. Think Gensler or SOM firm portfolio.
Full-screen cinematic panels. Horizontal scroll index with large editorial images and CSS scroll-snap. Film-strip style project pages with four side-by-side images at 55vh. Built for impact before a single word is read.
Dense editorial bento grid. Minimal. Pure image-led. Giant 160px Cinzel heading. CSS masonry project pages with tight typography. Inspired by high-end architecture firm archives and design journals.
Hybrid: Option C's bento grid index meets Option B's film strip detail pages. The most visually powerful combination. Arresting grid entry, then cinematic project pages. For clients who want maximum visual impact.
Hybrid: Option A's editorial case study grid meets Option C's sparse detail pages. Most credibility-focused combination. Familiar index for easy navigation, then editorial project pages with title below image and wide scope text.
Options A, B, and C are the original three builds. Each index and detail page has a distinct visual language. Start here to understand the range.
D and E mix the best elements. D pairs C's bento grid with B's film strip detail. E pairs A's editorial grid with C's sparse detail typography.
See the full side-by-side comparison table with scores across 7 criteria at /portfolio-audit.