Interior design portfolio websites — a practical planning guide

Your portfolio is not a gallery of everything you have ever styled. It is a qualification engine: it should attract the projects you want, repel the ones you do not, and make a serious enquiry feel like a natural next step.

Most interior designers and architects already have the hard part — the work. The website fails when structure, photography, and conversion paths treat every project as equal and every visitor as ready to hire.

This guide covers four planning areas ClixFeed addresses before designing a portfolio site: taxonomy, photography, enquiry qualification, and performance.

---

1. Portfolio taxonomy — how work is organised

Taxonomy is how visitors find proof that matches their project. Poor taxonomy forces everyone through the same generic grid. Good taxonomy helps a homeowner, a developer, and a hospitality client each see themselves in your work within seconds.

Start with how clients search, not how you file

Clients rarely arrive asking for “Project 2019-04.” They arrive with:

• Property type — apartment, villa, office, retail, hospitality
• Scope — full renovation, furnishing, styling, spatial planning
• Style or mood — warm minimal, classic, bold, heritage-sensitive
• Location — city, region, or “works nationally / internationally”
• Budget band — often implied through visual signals rather than stated prices

Your navigation and filters should map to these mental models.

Recommended taxonomy layers

Primary — project type or sector
Residential, commercial, hospitality, staging, consultation-only. Keep the top level small.

Secondary — scope or service
Full interior architecture, furnishing and styling, kitchen and bath, commercial fit-out.

Tertiary — optional tags
Style descriptors, square footage band, year, location. Use tags for filtering, not for primary navigation unless your audience demands it.

Case study depth tiers

Not every project deserves a ten-page essay. Tier your portfolio:

Tier	Use for	Contents
Flagship	Best-fit future work	Hero imagery, brief, constraint, approach, outcome narrative, material detail
Standard	Solid proof	Strong cover image, short context, 3–5 supporting images
Archive	Breadth or timeline	Thumbnail, title, location, year — link out only if imagery still represents you

This keeps the grid impressive without diluting your positioning.

Common taxonomy mistakes

• Twenty categories, each with one project — looks empty, feels chaotic
• Style labels without substance — “luxury,” “elegant,” “timeless” on every project
• Mixing renders and completed work without labelling — erodes trust
• Showing misaligned projects because you need volume — trains the wrong enquiries

---

2. Photography — the real homepage

On a portfolio site, photography is not decoration. It is evidence, tone, and pricing signal combined.

What to shoot (or reshoot) before redesign

• Hero-worthy establishing shots — spatial clarity, natural light, honest proportions
• Detail shots that prove craft — joinery, stone, hardware, texture
• Human-scale context — dining set, bedside, desk height; not only wide angles
• Before context where ethical and useful — constraint stories sell expertise

Photography rules for the web

Consistency beats volume.
Fifteen excellent projects outperform forty uneven ones.

Colour truth matters.
Over-edited images create expectation gaps. Calibrate for web, do not fantasy-grade.

Aspect ratios planned intentionally.
Hero, grid, and detail crops should be art-directed — not accidental centre crops.

Rights cleared before publish.
Confirm photographer licence, client permission, and staging credits.

Alt text written for humans.
“Warm minimal living room with lime-washed walls and oak shelving” — not “IMG_4821.”

When stock is acceptable

Stock is a stopgap for launch, not a portfolio strategy. If used, label concept imagery clearly and replace with real work as soon as possible.

Photography and positioning

Your images answer questions you never spell out:

• Do you work at this scale?
• Is this the level of finish you deliver?
• Is this the clientele you understand?

If the answer in the image does not match the business you are building, remove the project — no matter how proud you are of it.

---

3. Enquiry qualification — attract the right project

A portfolio site should not treat every enquiry equally. Design the path so visitors self-qualify.

What to make visible before the form

• Minimum project scope or budget signals — direct language or implied through case study calibre
• Geography served — city, region, travel policy
• Process overview — discovery, concept, documentation, procurement, install
• Timeline realism — how far ahead you book
• What you need from them — plans, photos, Pinterest is not a brief

Form design for design practices

Ask only what helps you respond well:

Useful early fields

• Name and email
• Project type and location
• Scope description (short text)
• Timeline
• How they found you

Usually better later

• Full budget breakdown
• Detailed room lists
• Extensive inspiration uploads

A two-step enquiry — light initial form, deeper follow-up after reply — often outperforms a intimidating single form.

Alternative paths for different intents

• Full project enquiry — primary form
• Consultation or mood-board session — shorter form or booking link
• Press or trade — separate contact route
• Existing clients — portal or direct email, not the new-business form

Response experience

The site should set expectations:

• Typical reply time
• What your first response includes
• Whether you charge for discovery
• What happens if the project is not a fit

Polite disqualification protects your time and reputation.

---

4. Performance — speed is part of taste

A slow portfolio site undermines the impression of precision you sell. Large images are necessary; unnecessary weight is not.

Performance priorities for portfolio sites

Image discipline
Serve WebP or AVIF where supported. Use responsive srcset. Do not load full-resolution files in the grid.

Lazy loading with intent
Below-fold images lazy-load; hero and first visible row should not flash empty.

Font restraint
One serif, one sans, one optional mono is usually enough. Subset weights you use.

Motion with restraint
Scroll reveals and hover effects should respect prefers-reduced-motion.

Third-party audit
Analytics, chat widgets, and social embeds add weight. Load them deliberately.

Core Web Vitals as design constraints
Plan layout stability — reserve space for images so the page does not jump while loading.

The mobile portfolio test

On a mid-range phone over mobile data:

• Does the first project grid load within a reasonable time?
• Can someone open a case study, view images, and return to the grid without losing place?
• Is the enquiry button reachable throughout?

If not, the site is not finished — no matter how good the desktop layout looks.

---

Planning worksheet

Before briefing a redesign, answer these:

1. Which three project types do you want more of?
2. Which three existing projects best prove that capability?
3. What enquiry do you want less of?
4. What must a visitor understand within five seconds?
5. What is the primary action — enquiry form, consultation booking, or download?
6. Which projects need new photography before they go live?
7. What performance or hosting constraints exist today?

---

What ClixFeed builds for interior practices

Portfolio sites with a point of view: editorial structure, ownable visual systems, filterable work that qualifies the visitor, and performance-aware image delivery. We have explored this approach in concept work such as Vesper Studio — a fictional interior architecture studio demonstrating taxonomy, cinematic project storytelling, and enquiry flow without pretending to be a live client engagement.

Your work deserves a site that performs as well as the spaces you create.

---

Interior designer or architect planning a new portfolio site? Send your project essentials →