An architecture or interior-design portfolio should explain the thinking and responsibility behind the images. Prospective clients need to recognise relevant work, understand your contribution and know what kind of project they can discuss. Build a curated project journey rather than an unstructured image archive.
This guide covers portfolio structure, project attribution, image presentation and a relevant design-project enquiry. Discuss the relevant requirements through ITZ’s Website Design service.
Project organisation
Group work by meaningful project type, such as residential, commercial or hospitality. Dedicated project pages help visitors assess relevant experience without navigating a single extensive gallery.
Group projects by meaningful client needs, such as residential interiors, hospitality or workplace design, only where the portfolio supports those categories. Start with a manageable selection that demonstrates different capabilities. Give each project a clear title and description so a visitor can choose relevant work without loading every gallery.
Context and attribution
Explain the design brief, project stage and the practice’s role using approved information. Credit photography and collaborators where required. Distinguish concept renders from completed installations.
Explain the brief, constraints and actual scope delivered. Credit photography and collaborating professionals where required. Separate built work from renders, concepts and proposals so the visitor can interpret the evidence correctly. Obtain permission before sharing identifiable client information, private spaces or material covered by contractual restrictions.
Plan Your Design Portfolio Website to discuss portfolio structure, project attribution, image presentation and a relevant design-project enquiry.
Visual presentation
Use a consistent image sequence that introduces the space before showing relevant details. Optimise file sizes and provide descriptive captions or alternatives where they help explain the work.
Prepare consistent image crops while retaining a way to view important details. Compress delivery files and reserve image dimensions to prevent the surrounding content from jumping. Test gallery controls with keyboard input and a small screen. W3C's image tutorial provides a basis for deciding what meaningful context an alternative description should convey.
Enquiry requirements
Make the contact route visible and request only the information needed to assess the project initially. Useful details may include project type, location and anticipated scope, with supporting documents handled through an appropriate channel.
Help a prospective client outline the property type, location and stage of work. An initial enquiry need not collect confidential plans immediately. Explain whether the next step is a discussion, a briefing session or another agreed assessment. A beautiful gallery is more useful when a visitor can connect a relevant project to the appropriate service.
A practical example
Illustrative example: an office client likes a completed interior but cannot tell whether the firm handled concept design, technical documentation or construction. A concise scope note resolves that uncertainty. It also prevents the sales conversation beginning with expectations based on work delivered by someone else.
Your review checklist
- Curate project groups around relevant client requirements.
- Label built projects, renders and concepts accurately.
- Confirm image rights and describe the firm's contribution.
- Link project evidence to a clear initial project discussion.
Frequently asked questions
Are before-and-after images necessary?
Use them where they accurately explain the change and appropriate permissions are available. They should not imply a project outcome that the practice did not deliver.
References and further reading
Related services and guides
- Website Design
- portfolio
- Original, Stock and Generated Images for Business Websites
- Premium Website Design: Typography, Imagery and Performance
Discuss the next step
Plan Your Design Portfolio Website. Use the form below to discuss portfolio structure, project attribution, image presentation and a relevant design-project enquiry. Share the relevant goals and existing arrangements; do not include passwords, private records or access tokens.
Plan Your Design Portfolio Website ↗
Reviewed and expanded on 15 October 2026. Examples are illustrative; the appropriate approach depends on your business requirements and existing systems.