Portfolio First: Building a Graphic Design Website That Wins Briefs

To build a graphic design website, lead with a portfolio sorted by type of work, add a plain services page, introduce the designers, and finish with a project enquiry that asks about goals, deadlines and files. A business visiting you wants proof first and a clear next step second.

• AI Web Maker built the fictional Paperkite Design Studio sample, 5 pages, in 35 seconds, and its pages scored 89 out of 100 on the checks AI Website SEO Tools runs. See the sample's facts
• Copyright protects original graphic artwork from the moment it is fixed in a tangible medium, and the owner holds the right to display it publicly, including on the internet. U.S. Copyright Office
• Paying a designer does not automatically give the client the copyright, so rights should be written into the contract. AIGA Eye on Design
• Google uses the mobile version of your content for indexing and ranking. Google Search Central
• A US rule in force from 21 October 2024 bans fake or misleading consumer reviews and testimonials. FTC

What must a graphic design website do for the people who visit it?

It must prove you can solve a business's problem, then make starting a project easy. Everything else on the site supports those two jobs.

Think about who arrives. A marketing manager needs a new identity before a launch. A founder wants packaging that matches the product. An office manager has been told to find someone for a brochure by the end of the month. None of them wants to read about your love of design. They want to see work like theirs, check that you are reliable, and send a message without writing an essay.

That means the portfolio is the product. A studio selling a service people cannot see has to show it. The words around the work matter too, but they play a supporting role: they explain the brief, the thinking and the result, so a visitor can imagine the same thing happening for them.

The second job is the enquiry. Many designers lose briefs not because the work is weak but because the route to contacting them is vague. A visitor who has to hunt for an email address, or who meets a blank contact form, often leaves and tries the next studio. A form that asks sensible questions about the project shows that you run projects well, before you have said a word.

Keep the site small. A graphic design website does not need twenty pages. It needs a handful that each do one clear job and link to each other in the order a visitor thinks. Paperkite Design Studio, the sample we use throughout this guide, is a fictional studio and has five pages: Home, Work, Services, About and Contact. That is enough to cover the whole decision. You can click through Paperkite's live website as you read.

Which pages does a graphic design website need?

Five pages cover it: Home, Work, Services, About and Contact. Add more only when you have something specific to say on them.

Each page answers a different question in the visitor's head. Home answers "is this the right kind of studio?" Work answers "can they do what I need?" Services answers "what exactly will I get, and how does it run?" About answers "who am I trusting with this?" Contact answers "how do I start?"

Page	What it must do	Where to see it on the sample
Home	Say who you design for and show a few recent projects	Home
Work	Sort projects by type, with brief and result	Work
Services	List what you offer and how a project runs	Services
About	Introduce the designers and how they work	About
Contact	Take a project enquiry and set expectations	Contact

Some studios split Work into many pages, one per project. That can help once you have many projects and want each to be found in search. For a new site, one Work page with clear sections is easier to build and easier for a visitor to scan. You can add project pages later, when the first version is live and you know which projects people ask about.

Resist the urge to add a blog, a shop and a news page on day one. Each extra page is something you must keep fresh. A stale page tells a visitor the studio may be quiet. A short, current site tells them the opposite.

The order of the pages in the menu matters. Put Work first or second, because it is what most visitors came for. Put Contact last or highlight it as a button, so it is always one click away.

What should the home page say?

It should state who you design for and what you do, then show a few projects and point to the next step. A visitor decides in seconds whether to stay.

The Paperkite home page opens with the headline "Design that is made with care. We help your business look like itself." It is short, it names the client's benefit rather than the designer's process, and it avoids vague claims. You can write your own in the same spirit: say what kind of businesses you help and what changes for them.

Below the headline, the sample's home page follows a simple order: "A taste of recent projects", "What people come to us for", "From first chat to final files", "Kind words from clients" and then "Have a project in mind? Let's talk it through." Each section answers the next natural question. First, can I see the work? Then, what do you offer? Then, how does it go? Then, do others trust you? Finally, how do I begin?

Keep the project teaser on the home page to a few pieces. The point is a taste, with a clear link to the full Work page. If you show thirty pieces on the home page, visitors scroll, get tired and never reach the contact section. Choose the three or four that best show the range and quality you want more of.

A good rule: show the work you want to be hired for, not all the work you have done. If you want more packaging briefs, put packaging first, even if most of your past income came from flyers. Visitors take your home page as a picture of what you do now.

End the page with one plain call to action, such as "Have a project in mind? Let's talk it through." One clear button beats five competing ones. The sample points it straight to the enquiry form.

How should the portfolio show the work?

Sort projects by type of work, and give each one a short brief and a result. Photos alone make visitors guess what you did and why it worked.

Sorting by type lets a visitor jump to what they need. Someone who wants a logo should not have to scroll past posters and annual reports. Typical groups for a design studio are brand identity, print and packaging, digital and social, and editorial. Use the groups that match what you actually sell. Paperkite's Work page is built as "Selected Projects", with a closing prompt, "Working on something similar?", that turns browsing into an enquiry.

Each project needs three short pieces of text. First, the brief: who the client was and what they asked for. Second, what you did: the key decisions, in a sentence or two. Third, the result: what the client got or what changed. Only write a result you can stand behind. If you do not have a measured outcome, describe the deliverable honestly, such as "a full identity, from logo to stationery". Never invent a number or a quote to make a project sound bigger.

Quality beats quantity. Six excellent projects with good photography do more than thirty average ones. Show the work in context where you can: a poster on a wall, a pack on a shelf, a website on a phone. A flat export of a logo tells a visitor little. A mockup that shows it in use tells them how it will feel.

Make images load quickly and give each one a short text description, called alt text, so people who use screen readers know what is shown. The US Department of Justice names images without alt text as a common barrier, and a portfolio is made almost entirely of images, so this matters more for you than for most trades.

How do you show client work without breaking the rules?

Get the client's permission in writing, and be clear about who owns the copyright. Showing work you made is not automatically allowed in every case.

Start with the basics from the sources. The U.S. Copyright Office explains that copyright protects original graphic artwork once it is fixed, and that the copyright owner has the right to display the work publicly, including on the internet. Normally the person who makes the work is the author and first owner. An exception is a "work made for hire", where the artist creates the work within the scope of employment or signs a written agreement saying so. Rules differ from country to country, so check your own copyright office or professional body.

The AIGA article makes a point many designers miss: paying for a design does not automatically hand the copyright to the client. It also notes that a graphic design usually mixes several rights, in the texts, the images, the typefaces and the design itself. If your project used a client's photographs or licensed fonts, showing the finished piece may involve rights that are not only yours. That is general information, not legal advice.

In practice, put a line in your contract about portfolio use. Say that you may show the finished work on your website and in your promotion, and say what happens if the client wants it kept private, for example before a launch. If a client says no, leave that project out, or show it only once it has launched. Some studios use an NDA-friendly approach: a general description of the project without the visuals.

Be careful with simple things, too. The Copyright Office notes that common symbols, typography and very simple works such as stylised word logos may not be protected by copyright, although trademark protection may apply. So do not assume every logo you design is protected the way a poster is. This matters when you describe what a client is buying and what they will own at the end.

How do you explain services and how a project runs?

List each service in plain words, then walk through the project in steps. Clients choose a designer partly on how organised the process sounds.

On the sample's Services page, the sections are "Our Design Services", "How a Project Works" and "How to Get a Quote". That order is a good model. First say what you do. Then show how it unfolds. Then tell the visitor how to get a price.

For each service, write two or three sentences: what it is, who it is for and what the client receives. Avoid design jargon the client would not use. A founder does not search for "visual identity systems"; they search for a logo and the things that go with it. If you use a professional term, explain it once.

The process section is where trust is built. The Paperkite home page labels this "From first chat to final files", which is a useful way to think about it. A typical run might be: a first conversation about the brief, a proposal, concept work, feedback rounds, final artwork, and a hand-over of files. Describe your own steps honestly, including how many rounds of feedback are included and what happens if the client wants more.

Say what the client gets at the end. Designers often forget this, and clients worry about it. Will they receive the editable source files? Print-ready PDFs? Web versions? Colour codes and a short guide for using the identity? Say it plainly, and link it to the rights question: state what the client may do with the finished work and what stays with you. This also spares you awkward conversations later.

On prices, you do not have to publish a rate card. Many studios explain that prices depend on the project and invite a quote request instead. If you take that route, say what the quote depends on, such as the number of pieces and the deadline, so the visitor is not left guessing.

How do you introduce the designers?

Show the actual people, say how they work, and describe what it is like to be their client. Businesses hire people, not logos.

The sample's About page has "Our Story", "What We Care About in Design", "Our Creative Approach and Values", "What It Is Like to Work With Us" and a closing "Ready to Start a Conversation?" The sections move from background to approach to experience, which is exactly what a nervous client wants to know.

Use real photographs of the real team, and a short line on each person's role and strengths. If you are a solo designer, say so with pride: a client then knows who will answer the phone and do the work. If you work with freelancers on larger jobs, say that as well, so nobody is surprised later.

"What It Is Like to Work With Us" is the most useful section on the page. Describe how you communicate, how quickly you reply, how you handle feedback and how you treat deadlines. Be specific and honest. If you work best with clients who give clear feedback, say so. A page that tells the right client "you will be comfortable here" and the wrong one "this is not a fit" saves everyone time.

Credentials can help if they are real: years in practice, kinds of clients, training or membership of a professional association. Only state what is true and checkable. Do not invent awards or client names.

How should a project enquiry work?

Use a form that asks for the essentials: what the project is, what it is for, the deadline and any files. Then tell the visitor what happens next.

The sample's Contact page is organised around this: "Get in touch directly", "Where we work", "What to expect after you send an enquiry", "Send your enquiry" and "Tell us about your project". Notice that it tells people what to expect before they send. That removes a common fear, that the message will vanish.

Good questions for a design enquiry include: what kind of work do you need, such as a logo, packaging or a brochure; what is the business and who are the customers; when do you need it; is there a budget range in mind; and do you have existing brand files or examples you like. Do not ask for everything. A long form scares people away. Keep the required fields few and let the rest be optional.

After the form, set expectations. Say when you reply, for example within one working day, only if you can keep that promise. Say what follows: a short call, a request for more detail, or a proposal. If a visitor knows the next step, they are more likely to send the form.

Offer a direct route too, such as an email and phone number, for people who prefer to write in their own words. Show your working area or time zone if you work with clients in other places, so they know when to expect a reply.

AI Web Maker sets up the forms as part of the build, so the enquiry works from the moment the site is live. You can edit the questions in the editor to match how you take on projects.

How does a graphic design website earn trust?

Show real work, real people and honest reviews, and keep your claims modest. Trust comes from evidence and consistency, not from big promises.

Reviews are the most sensitive part. Client testimonials help, but they must be real. The US Federal Trade Commission announced a final rule on 14 August 2024, in force from 21 October 2024, banning fake or misleading consumer reviews and testimonials, such as reviews by people who do not exist or who had no real experience with the business. You can read the FTC announcement and its questions and answers. In the UK, fake reviews have been banned since April 2025, and the CMA can fine a company up to 10% of its global turnover. Rules differ by place, so check your own regulator.

The practical meaning is simple: use quotes from real clients who agreed to be quoted, and do not write your own. Paperkite's "Kind words from clients" section is labelled as example reviews because the studio is fictional; its people, reviews and prices are invented. On your own site, replace any example text with real words from real clients before you publish.

Other trust signals matter too. A clear address or working area, a phone number that works and a named person to speak to all reassure a visitor. Consistent details across your site and your online profiles help. A mismatch, such as a different phone number on two pages, makes a studio look careless.

Finally, keep the tone honest. Do not claim results you cannot prove. If a project raised a client's sales, say so only if the client told you and agreed to its use. Otherwise describe what you made and let the work speak.

How do you make the site work for every visitor?

Make it readable on a phone, quick to load and usable by people with disabilities. For a design studio, a clumsy site contradicts the whole pitch.

Phones come first. Google uses the mobile version of a site's content for indexing and ranking, as its mobile-first indexing documentation explains. Many clients will also look at your work on a phone between meetings. Check that images fit the screen, text is readable without zooming and buttons are easy to tap.

Speed matters for a portfolio because images are heavy. Use appropriately sized pictures rather than huge originals, and show a handful of projects per section rather than everything at once.

Accessibility is a real concern for businesses open to the public. The US Department of Justice's web guidance says Title III of the ADA prohibits discrimination against people with disabilities by businesses open to the public. It names the Web Content Accessibility Guidelines as helpful technical standards and lists common barriers: poor colour contrast, colour alone used to give information, images without alt text, videos without captions, inaccessible online forms and mouse-only navigation. The current version, WCAG 2.2, became a W3C Recommendation in October 2023. This is general information, not legal advice, and requirements differ by country.

Designers have a particular reason to care: a studio that sells good design and ships a low-contrast, hard-to-read site sends the wrong message. Choose text colours that stand out from the background, add alt text to every portfolio image, label every form field and make sure the whole site works with a keyboard.

How do local customers and search find a graphic design website?

Say clearly what you do and where you work, keep your details consistent, and write pages for people. Many design clients are local or regional, and many start with a search.

Begin with plain wording. A page titled "Design Services" that names the kinds of work, such as logos, packaging and brochures, helps both visitors and search engines understand it. Include your town or region on the home and contact pages if you want local clients. If you work with clients anywhere, say so.

Set up a Google Business Profile if you want to appear in local results. Google's guidelines ask a business to represent itself as it is consistently represented and recognised in the real world: its real name, address, phone number and hours. Make sure these match your website exactly.

Google also supports LocalBusiness structured data, which can tell it your hours and other details. You do not need to write code by hand; check whether your builder includes it.

Write for people, not for search. Google says its ranking systems are designed to prioritise helpful, reliable information created to benefit people, not content made mainly to rank. For you, that means project write-ups that explain the brief and the result, not pages stuffed with repeated phrases.

You can check your own pages for the problems that keep a site out of search results with AI Website SEO Tools, which flags each issue and says how to fix it. The Paperkite sample's pages scored 89 out of 100 on those checks.

How do you build a graphic design website with AI Web Maker?

Give the builder your studio's name and a short description, then edit the result page by page. The site is planned, written and set up while you watch.

1. Open the AI Web Maker builder and enter your studio name, an email, a phone number and a short description of what you do and who you design for. Be specific: "brand identity and packaging for food and drink businesses" gives better results than "design".
2. Watch the site build. AI Web Maker plans the pages, writes the words, chooses the photos and sets up the forms. The Paperkite sample came to 5 pages in 35 seconds.
3. Open the editor and replace the placeholder text and images with your own. Start with the Work page: add your real projects, group them by type and write the brief and result for each.
4. Rewrite the Services page so each service and each step of your process matches how you really work, including what files the client receives.
5. Add the real team to the About page, with real photos and honest descriptions.
6. Adjust the Contact form's questions and the line about what happens after an enquiry. Make sure the phone, email and area are correct.
7. Replace any example reviews with real ones, with permission, and check that you have the right to show every project.
8. Preview the whole site on a phone and on a computer, then go live.

Building and previewing cost nothing. Going live costs $119 a year of hosting, and the domain name is paid separately. Optional AI work, such as extra blog posts, is paid with credits of about $0.65 each. You can see a finished example in this graphic design business website example before you start.

Frequently asked questions

How many projects should a graphic design portfolio show?

Show fewer than you think, chosen carefully. Six to twelve strong projects, sorted by type, usually do more than a long list. Pick the work that matches the jobs you want next, and give each a short brief and result. You can always add more later, but removing weak work early makes the whole site look stronger.

Do I need to publish my prices?

No. Many studios explain what affects the price and ask visitors to request a quote instead. If you do not show prices, say what a quote depends on, such as the number of pieces, the deadline and the amount of revision, so visitors know what to expect. Whatever you choose, be consistent across the site.

Can I show client work I designed on my website?

Often yes, but get permission and put it in your contract. The U.S. Copyright Office says the copyright owner has the right to display a work publicly, and normally the creator is the owner, unless it is a work made for hire or rights were assigned. Clients may also want projects kept private. Rules differ by country, so check with your own copyright office or professional body.

Should I put client testimonials on the site?

Yes, if they are real and the client agreed. Fake or misleading reviews are banned in the US and UK, and the penalties can be serious. Use quotes as the client gave them, with their permission, and do not write or buy reviews. If you have none yet, leave the section out rather than invent them.

What should a project enquiry form ask?

Ask what the project is, who the business and its customers are, the deadline, a rough budget if you wish, and whether the client has existing brand files. Keep required fields few. Then tell the visitor what happens after they send it and when they can expect a reply.

What to do this week

Spend a few focused days and you can have a draft of your graphic design website ready.

On the first day, choose the six to twelve projects you want to be hired for and check that you have permission to show each. Write the brief and the result for each in two or three sentences. On the second day, write out your services and the steps of your process, including what files the client receives and what rights they get.

On the third day, gather real photos of the team and write the About page, including what it is like to work with you. Collect any real client quotes, with permission. On the fourth day, decide the questions your enquiry form will ask and the reply time you can keep.

Then build your draft with AI Web Maker, paste in your words and images, check the site on a phone and read it once as a client would. Open the Paperkite sample beside it to compare page by page. When you are happy, go live, add your details to a Google Business Profile and send the link to your last three clients.