Portfolio website design examples
599 portfolio sections from live websites, each credited to the site it came from.
Portfolios are judged on the work, so the layout's job is to get out of its way. Look at how these list projects, how hover states preview them, and how case studies open.
Below: the strongest 48, including work from studionari.co.uk, twomuch.studio, emotion-agency.com and leofu.ca.
Frosted glass layering over full-bleed work
studionari.co.uk
Full-Width 3D Sprue Showcase
twomuch.studio
Model Kit Type Specimen Spread
twomuch.studio
Brutalist 3D Product Showcase
twomuch.studio
Decal Sheet Type Specimen
twomuch.studio
Projects — 3D Cylindrical Carousel
emotion-agency.com
CRT Monitor Portfolio Grid
leofu.ca
Bottom-Right Anchored Project Hero
againstmode.webflow.io
Photo Grid with Overlay Nav
weareona.co
MIT Spectrum — Acid Typography Slide
veravandeseyp.com
Fluid Sim Green-Magenta Particles
robert.leitl.dev
Project Detail Hero
lianbenoit.com
Bonsai & Orb Light Projects
rabenrifaie.com
3D Spiral Portfolio Grid
pacomepertant.com
Halftone Stretched Type with Zine Cards
romaingranai.xyz
Nike Bento Grid Showcase
ogginok.studio
Nike Command Center Grid
ogginok.studio
Fisheye 3D Project Grid
naughtyduk.com
Ticket-stub project cards
jackiezhang.co.za
Archival Grid Project Index
carlesfaus.com
Editorial Project Grid
onsene.com
Staggered Modular Portfolio
onsene.com
Jigsaw Mask Portfolio Grid
cyphr.studio
Massive WORK Marquee with Card Grid
workingstifffilms.com
Comedy Gold Badge with Text Pattern Card
workingstifffilms.com
Inverted hero with frosted glass bar
studionari.co.uk
Project End Navigation Strip
twomuch.studio
Dark Brutalist Project Header
twomuch.studio
Split-Screen with Dark Dashboard
sergeybertagnini.com
Sticky Split-Screen Portfolio Scroll
sergeybertagnini.com
Portfolio Collage Section
marina-zakharova.netlify.app
Asymmetric Masonry Works Grid
mecollective.vn
Blue Project List Portfolio
sasasa.com
Asymmetric Project Grid
produx.design
Centralized Thumbnail Portfolio Scroll
produx.design
Stacked Card Portfolio Layout
produx.design
CRT Monitor Detail — Top Row
leofu.ca
Illustrative Project Detail
inga.land
Collage-Style Project Masonry
inga.land
Staggered Product Layout
inga.land
Cloud-Frame Project Info Card
inga.land
Asymmetric Project Detail Overlay
hirotos.com
Featured Work Section with Hairline Grid
goodside.studio
Three-Column Portfolio Grid with Square Tiles
goodside.studio
Dense Thumbnail Grid as Portfolio Teaser
goodside.studio
Anamorphic Photography Distortion
gionatannese.com
Ferrari Project Color Block
gionatannese.com
Technical Construction Lines Overlay
gionatannese.com