Portfolio pages

46 sites with a deeply-analysed portfolio page , across real estate, design portfolio, film production, marketing platform, other, creative studio, trades, photography. Build a portfolio page from how the best sites build that page, not a generic skeleton.

Screenshot of Almacantar

Almacantar

niche

Real Estate

an architecture-led property developer reduced to its barest, most confident form, full-bleed aerial London video on near-black, a single Albertus serif word-pair ("PLACES / PEOPLE"), almost no chrome, and a quiet fade-and-rise motion that lets the buildings carry everything.

Screenshot of Alternative Aesthetics

Alternative Aesthetics

niche

Design Portfolio

The reference for solo illustrator portfolios on Webflow — hand-drawn "Stay Strange" hero typography, monochrome black/white canvas, and a 4-column thumbnail grid that lets the artwork carry the entire visual voice.

Screenshot of Bychudy

Bychudy

niche

Design Portfolio

The reference for desktop-as-portfolio metaphor — Polish multi-discipline designer's case studies presented as macOS-style application icons overlaid on a personal photograph.

Screenshot of Fine Thought

Fine Thought

niche

Design Portfolio

A solo creative-technologist portfolio styled as a code editor — a "fine-thought.js" filename tab, line-number gutters, a monospace face for 95% of text, and ASCII-art "guide" glyphs forming the entire visual texture of the page.

Screenshot of First Frame

First Frame

niche

Film Production

Paris production and post-production studio whose own site is the canonical example of full-bleed black + IBM Plex Mono micro-type + reel-as-hero — the cinematic-craft posture for a portfolio-led service business.

Screenshot of Gianluca Gradogna

Gianluca Gradogna

niche

Design Portfolio

a multidisciplinary designer's portfolio that floats a crisp white intro card over a dark, full-bleed photographic world, pairing a clean Neue Montreal grotesque with a high-contrast Times display serif and one slow in-out-sine colour fade.

Screenshot of Gm Meme

Gm Meme

niche

Marketing Platform

The reference for hand-drawn doodle-illustrated Webflow microsites — Bowlby One bold display + Inter Tight body on pure white, sketchy comic-book illustrations of muscle-mascots and superhero characters, GSAP + Lenis scroll mechanics on a quirky niche product (crypto meme templates).

Screenshot of Greenwise Organic Lawn Care

Greenwise Organic Lawn Care

strong

Other

A Chicago/Milwaukee organic-forward lawn-care company that earns trust through values and locality - lush landscape photography on a warm navy-gold-cream canvas, a Cormorant Garamond serif, a "Why Choose Greenwise" reassurance band, a service-area map with an availability checker, and a sustainability commitment that makes "organic" feel credible rather than greenwashed.

Screenshot of Hnine

Hnine

niche

Creative Studio

A Seoul interaction-design studio's experimental subsite, built as a React SPA on a viewport-scaled (`calc(100vw/1920)`) coordinate system, where almost everything lives behind interaction so the initial DOM is intentionally empty.

Screenshot of Hugo Baron

Hugo Baron

niche

Design Portfolio

The reference for solo motion-design portfolios that lean on a single brand colour, a giant condensed display face, and a "loading-screen-as-hero" gimmick to read as confident and craft-forward without an agency budget.

Screenshot of Ichiki 109

Ichiki 109

niche

Design Portfolio

The reference for Japanese illustrator portfolios — Astro v5 build, IBM Plex Mono + Hiragino + barcode font, off-white blue-tint background, percentage-progress preloader.

Screenshot of Ingamana

Ingamana

niche

Creative Studio

a development-studio portfolio that runs as a near-silent black-on-white index, ABC Monument Grotesk set tiny (10-16px), captioned project tiles laid out like a contact sheet, and a single expo-out reveal curve doing all the motion work.

Screenshot of Jens Bosman

Jens Bosman

niche

Film Production

The reference for solo motion-director portfolios — pure black canvas with monumental Helvetica display type, pill-shaped chip nav, and a single sticky "W." / vertical "Honors" chrome mark.

Screenshot of Jordan Delcros

Jordan Delcros

niche

Design Portfolio

A creative developer's self-aware single-page portfolio that opens with a charcoal-black void, a wry progress bar reading "Converting sarcasm into speed", and a custom spring-bounce easing that runs every interaction.

Screenshot of Joseph San

Joseph San

niche

Design Portfolio

A creative-engineer portfolio that opens with a "[PLEASE WAIT] Loading 3D experience" black-screen pre-roll, then reveals a kinetic typography H1 over a 3D scene — the reference for portfolios that gate the site behind a deliberate loader as a craft signal.

Screenshot of La Rue Michel

La Rue Michel

niche

Creative Studio

a French advertising agency from La Réunion and Mayotte that runs an almost pure black-and-white system, sets everything in one weight-contrasted grotesque (aktiv-grotesk), and builds its whole personality from running marquee strips of service words and slow opacity fade-ins over edge-to-edge portfolio imagery.

Screenshot of Lanserring

Lanserring

flagship

Trades

a bespoke-joinery house that sells craft as heritage, warm sepia interiors and meadow photography under a high-contrast transitional serif, the brand reduced to a single fine line-drawn ring, with quiet WordPress structure and almost no visible motion furniture.

Screenshot of Laugh Mind

Laugh Mind

niche

Creative Studio

The reference for Japanese motion-heavy creative studios — a near-black SvelteKit canvas, a serif-led type system anchored on `ambroise-francois-std`, a Pixi.js WebGL layer, and a slow Lenis-driven loader that turns the entry into a performance.

Screenshot of Lax Space

Lax Space

niche

Design Portfolio

Minimal Brockmann-font portfolio with 11-keyframe motion library — site captured in an "Application error" React state, but CSS data reveals motion-heavy intent.

Screenshot of Lazy Eight

Lazy Eight

strong

Creative Studio

a gallery-minimal brand-studio portfolio where a near-white canvas, one large black-and-white image and a tiny "Explore ↓" are the entire first screen, image carries everything, type whispers, and a single classic link-blue is the only colour.

Screenshot of Leoleo Studio

Leoleo Studio

niche

Creative Studio

French multidisciplinary studio that uses a totally achromatic black-on-white chrome and lets 3D render film carry every drop of colour, with cinematic 0.45s easeOutExpo transitions and a small cat-head logomark floating in a dark pill nav.

Screenshot of Letude

Letude

strong

Creative Studio

The reference for international boutique studios — bold red background, royal-blue L'Étude wordmark overlaid on photography, SvelteKit + Sanity + Lenis stack, draw-in logomark animations.

Screenshot of Lisovskiy

Lisovskiy

niche

Design Portfolio

Sergey Lisovskiy's personal designer site — floppy-disk hero illustration + intentionally scrambled-letter headlines + single 43.2px Apfel Grotezk + SvelteKit.

Screenshot of Locomotive

Locomotive

flagship

Creative Studio

The reference for cinematic Montreal creative studio — black preloader with serif logo, Lenis + Locomotive Scroll stack, Lisa AI assistant integration, emoji-heavy section labels.

Screenshot of Madrone Construction

Madrone Construction

strong

Other

A family-owned Central Oregon custom-home builder that wins trust through warmth and calm - full-bleed photography of light-filled finished homes, a "Built On Trust" promise, and a quiet values narrative (Quality, Integrity, Experience) that feels like a handshake, not a pitch.

Screenshot of Marga Navarro

Marga Navarro

niche

Design Portfolio

The reference for a one-screen craft-software-design portfolio — a hand-drawn corgi-and-butterfly sketch as the entire hero canvas, with a tiny rounded mono-typeface "shortcut card" floating top-left as the only chrome.

Screenshot of Mark Clennon

Mark Clennon

niche

Photography

A near-black photographer-portfolio built on Webflow, where the wordmark itself, set in the distinctive `Boogy Brut Poster` display, does almost all the brand work — and the rest of the canvas gets out of the way so the imagery can land.

Screenshot of Mat Voyce

Mat Voyce

strong

Design Portfolio

a type-designer-and-animator's portfolio that is itself a kinetic type specimen, viewport-filling F37 Judge letters in electric cyan, sliding and animating across a cream field, with lime and black accents and mono captions, the work and the website are the same thing.

Screenshot of Merouane Bali

Merouane Bali

niche

Design Portfolio

a developer-designer's portfolio that opens on a pure-black void with a single pixel-font "Enter" button, gating the experience behind a deliberate retro-terminal threshold and a cyan-tinted, Tailwind-built world beyond it.

Screenshot of Microdot

Microdot

niche

Film Production

a VFX studio reel built as one giant black canvas where Mux-streamed clips hang in space, tiny 14px labels float at the edges, and a thumbnail filmstrip pinned across the bottom lets you scrub the whole body of work like a video timeline.

Screenshot of Mikki Sindhunata

Mikki Sindhunata

niche

Film Production

Director portfolio that splits the brand name into two giant ANTON SC slabs flanking a central video reel, with a tiny stacked MI/KK/I cross-logo, mono metadata column, and GSAP-driven scroll choreography on near-black.

Screenshot of Offfice For Future Furnishing

Offfice For Future Furnishing

flagship

Other

An Italian/Spanish/Swiss "Office for Future Furnishing" design studio whose site is pure minimalist confidence - a black canvas, near-white type, a custom-drawn line-art furniture iconography, oversized kinetic type and Lenis smooth scroll, presenting its work as a quiet, curated archive.

Screenshot of Olha Lazarieva

Olha Lazarieva

niche

Photography

Ukrainian photographer/artist personal site at maximum restraint — Times serif at 13.5px on off-white, zero motion, zero shape decoration, image-driven.

Screenshot of Ottografie

Ottografie

niche

Photography

a Dutch beauty-and-fashion photographer's portfolio where a single huge Big Caslon word ("Beauty") floats among scattered editorial images on a warm pampas field, with a soft 5-second background cross-fade and a floating pill category selector doing all the navigation.

Screenshot of Outside Landscape Group

Outside Landscape Group

flagship

Other

A high-end Alpharetta / North Metro Atlanta landscape design-build firm that makes competence feel measured, not boasted - lush portfolio photography on a navy-and-olive canvas, "Best Pick" and "Guild Quality" award language, and a calm proof-led narrative that earns a luxury outdoor-living budget.

Screenshot of Photoyoshi

Photoyoshi

niche

Photography

a Tokyo photographer's portfolio that turns a contact-sheet grid of faded thumbnails into the page itself, with one giant Neue Haas category word ("Landscape") and a katakana wordmark anchoring an otherwise near-empty bone-white field.

Screenshot of Roberta Ungaro

Roberta Ungaro

niche

Photography

a fashion photographer's portfolio where the entire interface is small red type scattered across a white page, every label, category and caption set in tiny bold red Helvetica, floating over and between full-bleed images so the navigation reads like annotations on a contact sheet.

Screenshot of Sami Marketing

Sami Marketing

niche

Creative Studio

A Ukrainian influence-marketing agency with a confident calm-grey canvas, a percentage-counting preloader, and one statement headline ("478 млн / reach collected in 2024") set in custom grotesk.

Screenshot of Sarah Oh

Sarah Oh

niche

Design Portfolio

a playful Cargo.site motion-designer portfolio on white, where a single Diatype sentence introduces the person, lime-pill tags and emoji punctuate the copy, and glossy 3D-render thumbnails (a nautilus, a shrimp, a swan) do the talking.

Screenshot of Soscale

Soscale

niche

Creative Studio

The reference for Swedish performance-marketing agencies that lead with creative rather than media-buying — pure-black canvas, oversized SOSCALE wordmark hero, lavender pill CTA, and a Webflow + GSAP + Lenis motion stack borrowed wholesale from the global studio scene.

Screenshot of Stravagario

Stravagario

niche

Design Portfolio

The reference for the contemplative title-card portfolio — near-black canvas, a single italic literary quote, and a `0%` loader-as-content that treats arrival itself as the brand statement.

Screenshot of Sun Hung

Sun Hung

niche

Design Portfolio

A Vietnamese solo-designer portfolio that leans hot magenta and ultra-bold display caps against near-black, then lets a Framer-driven motion stack push huge type, pinwheel graphics, and chromatic-aberration footer effects across a 21,000px scroll.

Screenshot of T Ko

T Ko

niche

Design Portfolio

Anton Tvinenko's designer portfolio — Readymag + Three.js + Win98 loader nostalgia, Druk Condensed + Japanese system font, retro-web aesthetic.

Screenshot of The Fitouter

The Fitouter

strong

Trades

a boutique interior fitout studio rendered as a moody design object: a deep oxblood-maroon ground (#38050E), a single chartreuse-lime accent (#BFC941), an Editorial New serif paired with Aspekta sans, oversized 150px pill radii and rich interior photography, all carried on Framer with Lenis smooth scroll and Framer Motion.

Screenshot of Tidal Construction Group

Tidal Construction Group

strong

Other

A modern South Florida / Tampa Bay commercial general contractor that signals competence through clean confidence - a near-black canvas, oversized Termina/Futura type ("BUILDING EXCELLENCE FROM THE GROUND UP"), a cyan water-brand accent, a "book a discovery call" CTA, and a testimonial that frames the firm as a true partner.

Screenshot of Utsubo

Utsubo

strong

Creative Studio

an audio-led immersive WebGL studio that makes you knock before entering, a near-black teal void, a glassy sphere reading "Begin Experience" and "better with speakers on", then a PPMori-set, amber-accented experience with the tagline "Expect the Unexpected".

Back to the full collection