Annotated portfolio website examples sorted by what a client needs to do: review the work, understand the service, and get in touch. Includes a comparison table and a copyable portfolio brief.
<p class="lead text-xl text-[#3a3a3a] mb-8"> A portfolio website has one job: help the right client decide to contact you. That means three tasks in order: review the work, understand what you offer, and enquire. The examples below are designs We.Inc produced from a one-sentence prompt. They are labelled examples, not real studios or customer sites. </p>
<h2>How we picked these examples</h2> <p>We chose four creative trades whose clients look at work differently: a photographer (clients judge style at a glance), a graphic designer (clients want to see the brief and the result), an architect (clients want project context and scale) and an interior designer (clients want before-and-after and budget fit). Each example is judged against the three client tasks above plus how it behaves on a phone.</p>
<h2>Annotated examples</h2> <h3>1. Photographer (example design: "Brooklyn Light Studio")</h3> <figure> <img src="/img/showcase/photographers-1600.webp" alt="Example photography portfolio website design produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real studio.</figcaption> </figure> <ul> <li><strong>Review the work:</strong> image-led from the first screen, which is right for photography.</li> <li><strong>Add before launch:</strong> galleries grouped by shoot type (weddings, portraits, commercial), compressed images so galleries load on mobile data, and a "starting from" price or package list.</li> </ul> <h3>2. Graphic designer (example design: "Austin Design Co.")</h3> <figure> <img src="/img/showcase/graphic-designers-1600.webp" alt="Example graphic design portfolio website produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real studio.</figcaption> </figure> <ul> <li><strong>Understand the service:</strong> clear service list alongside the work.</li> <li><strong>Add before launch:</strong> short case studies with the problem, what you made, and your role. A logo on its own tells a client little.</li> </ul> <h3>3. Architect (example design: "Meridian Architecture")</h3> <figure> <img src="/img/showcase/architects-1600.webp" alt="Example architecture firm portfolio website produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real firm.</figcaption> </figure> <ul> <li><strong>Works:</strong> restrained layout that lets project photography carry the page.</li> <li><strong>Add before launch:</strong> per-project facts (type, location, size, year, your scope) and a note on which project stages you take on.</li> </ul> <h3>4. Interior designer (example design: "Catalyst Design Studio")</h3> <figure> <img src="/img/showcase/interior-designers-1600.webp" alt="Example interior design portfolio website produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real studio.</figcaption> </figure> <ul> <li><strong>Works:</strong> room photography up front, which is what clients browse for.</li> <li><strong>Add before launch:</strong> before-and-after pairs, the kinds of projects you accept, and an enquiry form that asks for room, timing and rough budget.</li> </ul>
<h2>Comparison: what each portfolio needs to show</h2> <table> <thead><tr><th>Client task</th><th>Photographer</th><th>Graphic designer</th><th>Architect</th><th>Interior designer</th></tr></thead> <tbody> <tr><td>Review the work</td><td>Galleries by shoot type</td><td>Case studies</td><td>Projects with facts</td><td>Before and after</td></tr> <tr><td>Understand the service</td><td>Packages, "from" prices</td><td>Service list, process</td><td>Stages you cover</td><td>Project types, budget fit</td></tr> <tr><td>Enquire</td><td>Date + shoot type form</td><td>Brief form</td><td>Project enquiry</td><td>Room, timing, budget form</td></tr> <tr><td>Mobile watch-out</td><td>Image weight</td><td>Long case studies</td><td>Large plans</td><td>Image weight</td></tr> </tbody> </table>
<h2>Copyable portfolio brief</h2> <pre><code>Name: [your name or studio], a [trade] in [city or "remote"] Ideal client: [who hires you and for what] Best 6 to 12 projects: [list; fewer, better projects beat many] For each project: client type, what you did, one line on the result you can verify Services and starting prices: [list] Enquiry form asks: [name, email, project type, timing, budget range] Style: [two or three words]</code></pre> <p>With We.Inc, a sentence like "A portfolio website for a wedding photographer in Brooklyn" produces a starting design; you then swap in your own images and project details.</p>
<h2>What to adapt and what not to copy</h2> <ul> <li><strong>Adapt:</strong> structure, project page layout, how the enquiry form is framed.</li> <li><strong>Do not copy:</strong> other people's images or case study text. Only show work you did or had a clear role in, and say what your role was.</li> <li><strong>Do not</strong> show client logos or quotes without permission.</li> <li>Compress images before upload; a portfolio that stalls on a phone loses the visitor before the work is seen.</li> </ul>
<h2>Start from a suitable template</h2> <p>See the <a href="/website-templates/business">business website templates</a> and our guide on <a href="/guides/how-to-create-portfolio-website">how to create a portfolio website</a>, or read how the <a href="/website-builder">We.Inc website builder</a> works. The Free plan includes up to 3 template sites on a we.inc address; AI building and a custom domain start on Starter at $20/month (<a href="/pricing">pricing</a>). Check the finished site with the <a href="/tools/website-grader">website grader</a>, and budget with the <a href="/tools/website-cost-calculator">website cost calculator</a>.</p> <p><a href="https://my.we.inc/signup">Start building your business website</a></p>
Usually 6 to 12 of your strongest, most relevant projects. A smaller set of well-explained work is easier for a client to review than a long grid.
No. They are example designs We.Inc produced from a one-sentence prompt, with placeholder names, shown to illustrate layout choices.
A starting price or package range helps clients self-select and cuts unsuitable enquiries. If every job is custom, explain what affects the price instead.
We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.