iter0
Back to templates

Portfolio

Design Studio Website

A bold, image-led studio portfolio with six case studies (problem, what we did, result), services, a four-step process, starting prices for three packages and a project enquiry form.

Best for

design studios, branding agencies, web designers, packaging designers, freelance creatives with case studies

Start with this visual direction, then adapt the content to your business in the builder.

Use this template

Page flow

A clear path through the product story

A large still-life photo carries the headline and an Explore the work button. A short studio introduction leads to six case studies, each with the problem, what the studio did and the result. Services, a four-step process, three starting prices and a project enquiry form with budget and timeline follow.

What it communicates

Why this structure works

Clients choose a studio from its past work and want a rough idea of cost before they get in touch. The page leads with the work, shows starting prices plainly and asks for budget and timeline in the enquiry form.

How to adapt it

Make it about your business

  1. Replace the six case studies with your own projects, each with the problem, what you did and the result.
  2. Rewrite the services and the four steps to match how your studio works.
  3. Set your three starting prices, or remove the pricing section if you quote every job.
  4. Connect the enquiry form to an inbox you check, and set its budget and timeline options to the jobs you want.

What to bring

Prepare these before you build

  • Six projects with images and permission from each client
  • For each project: the problem, what you did and the result
  • Your services and how a project runs from start to finish
  • Starting prices, or the smallest job you take on
  • The budget and timeline options for your enquiry form

The template sets the visual direction. Your own business details, brand, images and proof supply the content.

Design Studio Website template questions

What should a design studio website include?

Clients judge a studio by its work, so lead with case studies that show the problem, what you did and the result. Add your services, how a project runs, a guide to price and an enquiry form that asks for budget and timeline. Use only projects you have permission to show.

Should a studio show prices on its website?

Starting prices help a client decide whether to get in touch, and they reduce enquiries that do not fit your budget. This template shows three packages with a price for each. If every job is quoted, remove the section and add a budget range to the enquiry form instead.

Does this layout work for a freelance designer?

Yes. Cut the case studies to the projects you are proudest of, rewrite the studio introduction in the first person and keep one or two packages. The enquiry form still helps, because the budget and timeline answers tell you whether a job fits before you reply.