3D & Product Design Portfolio Portfolio Website Template

Quick summary

Weave is a single-page portfolio template for freelance textile designers. It uses a bento grid layout to display jacquard repeats, hand-painted strike-offs, and digitally engineered prints. The dark iridescent visual system and lead-generation structure are built to convert creative directors, interior brands, and textile mills into commission inquiries.

Who this template is for

This template is built for textile designers who work at the intersection of handcraft and digital. If your portfolio spans woven sampling, surface repeats, and print design, this layout gives each discipline its own visual space. The commission-first structure means you are not just showing work; you are opening a conversation with serious buyers.

• Freelance textile and surface pattern designers seeking B2B commissions
• Designers serving fashion houses, interior brands, and licensing clients
• Print specialists who need a portfolio that handles both process depth and visual impact

What problem this template solves

Most portfolio templates force textile work into a uniform grid that flattens the difference between a jacquard repeat and a hand-painted strike-off. Weave solves that by giving you a flexible bento structure where each cell can carry its own proportions and mood. The lead path is also built in from the start, so you are not retrofitting a contact form onto a gallery page.

• Generic portfolio layouts strip tactile and material work of its visual weight
• Visitors leave without a clear next step when there is no guided commission path
• Showing process alongside finished work requires a layout that handles both close-up and full-collection views

What you get with this template

You get a complete, single-page layout with five distinct content zones. Every section is purpose-built for the textile design context, from the macro-lens video hero to the lookbook email gate at the bottom.

• A full-screen video hero with a pearl-white tagline and soft opacity pulse animation
• A filterable bento portfolio grid with iridescent hover effects and micro-zoom on each cell
• A three-step commission slide-in panel, a full-width parallax break, and a lookbook email capture row

Feature list

This template includes six core features drawn directly from the design and interaction brief.

Full-Screen Video Hero with Tagline Pulse

The header opens with a macro-lens video that tracks across textile surfaces, beginning inside a warp-and-weft structure and pulling back to reveal the full repeat. A single pearl-white tagline sits low-left and breathes with a gentle opacity pulse animation. A static fallback image is included for environments where video does not autoplay.

Filterable Bento Portfolio Grid

The grid is toggled by minimal pill-shaped filter controls at the top. Visitors can sort cells by collection, technique, or client type. Hovering any cell triggers an iridescent border bloom and a subtle micro-zoom pull. Cell sizes vary: small cells hold tight texture crops, wide cells expand into mood boards, and tall cells stack process shots vertically.

Three-Step Commission Slide-In Panel

The persistent floating button labeled "Commission a Pattern" docks bottom-right and pulses softly after the visitor scrolls past three collections. Clicking it opens a slide-in panel with three steps: project type selection, a moodboard upload field with a descriptive textarea, and timeline and budget dropdowns.

Full-Width Parallax Break

A wide parallax cell interrupts the bento grid midway through the page. It shows a finished interior space using the designer's fabric in context. This grounds the close-up texture work in a real, inhabited environment and gives the page a natural pacing moment.

Process Showcase Stack

Tall bento cells are arranged to show the full design journey in a single column: sketch, digital colorway, printed swatch, and styled product. This sequence helps potential clients understand the designer's range and working method without reading a word of copy.

Lookbook Email Gate

The final bento row holds a secondary conversion path. Visitors who are not ready to commission can download a high-resolution lookbook PDF in exchange for their email address. This captures leads from browsers who want to evaluate the work further before reaching out.

Page sections overview

Design & branding system

The visual identity follows a Lens and Frame theme built on the AI Iridescent color system. Deep loom black dominates backgrounds, pearl handles all primary typography, holographic lavender washes over card borders and section dividers, and shifting accent magenta fires on every hover state and active grid element. The overall effect is prismatic and futuristic while keeping the tactile quality of textile work at the center.

• Color palette: deep loom black (#0D0D12), holographic lavender (#C4B5F7), liquid pearl (#E8E4F0), shifting accent magenta (#D946A8)
• Typography: Plus Jakarta Sans paired with DM Sans at large display weights for headers and label copy
• Animation system: iridescent border bloom on hover, opacity pulse on the floating button, parallax scroll on the interior break cell, and Intersection Observer scroll reveals throughout

Mobile & speed optimization

The template is designed desktop-first, reflecting how creative directors and brand buyers typically browse large-format portfolio work. A mobile fallback layout is included so the bento structure remains navigable on smaller screens. CSS-driven animations keep the interaction layer lightweight, and the hero video includes a static fallback image for fast initial rendering.

• Desktop-first layout with a responsive mobile fallback for the bento grid
• CSS-driven animations reduce reliance on heavy JavaScript for hover and scroll effects
• Static hero image fallback ensures the page loads visually even when video is unavailable

How this template helps you convert

The page is structured as a lead generation tool, not just a gallery. Every scroll zone moves the visitor closer to one of two actions: submitting a commission inquiry or downloading the lookbook.

1. The persistent magenta floating button stays visible throughout the scroll journey and pulses after three collections, creating a natural moment to act without interrupting browsing.
2. The three-step commission form reduces friction by breaking the inquiry into focused steps, starting with project type and ending with timeline and budget, so both parties arrive at the conversation prepared.
3. The lookbook email gate at the bottom catches visitors who are not ready to commission yet, turning a passive browsing session into a captured lead for follow-up.

Other information about this template

This template is part of a broader creative portfolio system designed for designers who serve B2B creative markets. A few additional details worth knowing before you customize it.

• The footer uses a Pattern 3 Vercel Horizontal Flow layout, consistent with the overall grid rhythm of the page
• Filter pill transitions use smooth CSS state changes to switch between collection, technique, and client views without a page reload
• The slide-in commission panel and email gate are built as self-contained user interface components within the single-page structure
• The template is localized in English and built for a global creative market with no currency-specific elements

Show more