A good portfolio website leads its home page with the proof its buyers judge first: a food photographer's strongest frames, a backend developer's systems and what they achieved, a translator's language pairs and specialties. After that, it needs only the three to five pages that help that buyer decide. Below are 12 professions, what each home page should lead with, and which pages to build.
What every portfolio home page has to answer
Whatever you do, a visitor should be able to answer four questions within a few seconds of landing:
- What does this person do?
- Who is it for?
- Is the work good? (Shown, not claimed.)
- What do I do next?
The sections below differ mostly on the third question, because proof looks very different for a filmmaker than for a virtual assistant. If you'd rather start building, the portfolio builder has a starting point for each of these roles and 38 more.
Photography
Real estate photographers
Lead with: a grid of bright, straight-lined interiors and exteriors, the area you cover and your turnaround time. Your buyers are agents and property managers who book again and again, so reliability matters as much as style. A real estate photographer's portfolio should make reordering take a minute.
Pages to build:
- Portfolio grouped by property type: apartments, family homes, luxury listings, short-term rentals, commercial
- Services and packages, listing only what you offer (stills, twilight, aerial, floor plans, video walkthroughs)
- Areas served
- Booking, linking to your scheduling tool
Food photographers
Lead with: the style that matches the clients you want. A moody, dark-backdrop restaurant series attracts different work than bright packaging shots for a snack brand, so don't open with both. Name your client types right under the headline: restaurants, packaged food brands, cookbooks, delivery menus. A food photography portfolio gets judged on one question: could my product look like this?
Pages to build:
- Portfolio split by use: restaurants and hospitality, packaged products, editorial and cookbooks
- Services, including whether you bring a food stylist and props
- Process and usage rights, explaining where and for how long clients may use the images, because they will ask
- About and contact
Design
Product designers
Lead with: one line naming your specialty ("Product designer for B2B analytics tools") and two or three case study cards, each with the problem and the outcome in a sentence. Hiring managers often decide whether to open a case study from the card alone. A product designer portfolio lives or dies on those cards.
Pages to build:
- Two to four case studies covering problem, role, decisions and outcome
- About, including how you work with engineers and researchers
- Resume
- Contact
Under an NDA? Show the process, sketches and redacted or recreated screens, with permission where you need it.
Brand designers
Lead with: one finished identity shown in use, on packaging, signage, a website or merchandise, instead of a logo on a white background. Clients are buying the whole system, and a brand designer's portfolio should show it working in the real world.
Pages to build:
- Project pages that walk through the brief, the strategy, the identity system (type, color, grid, voice) and its applications
- Services: new identities, refreshes, guidelines, packaging
- Process, with rough timelines, so clients know what they're signing up for
- An inquiry page listing what you want to know before a first call
Development
Frontend developers
Lead with: live work. Links to deployed sites and interfaces, your main stack, and the kind of products you like building. The portfolio itself is a sample, so a frontend developer portfolio has to be fast, accessible and usable with a keyboard; some reviewers open developer tools before they read a word.
Pages to build:
- Projects, each with a live link, the repository, your role and two or three technical decisions explained
- About and resume
- Notes or writing, only if you'll keep it up
- Contact
Backend developers
Lead with: a plain-language line about the systems you build ("APIs and data pipelines for logistics companies") and two or three project summaries, each with a simple architecture diagram. There's nothing to screenshot, so in a backend developer portfolio diagrams and clear writing do the work.
Pages to build:
- Projects covering architecture, trade-offs, the scale you handled (described honestly) and what you'd change
- Open source contributions, linked
- Writing, such as design notes or write-ups of what went wrong in your own projects and how you fixed it
- Resume and contact
Film, music and beauty
Filmmakers
Lead with: your best film's trailer or a short reel that plays on click, not one that autoplays with sound. Add festival laurels and screenings only if they're real. A filmmaker's portfolio is closer to a press kit than a gallery.
Pages to build:
- One page per film: logline, runtime, your role, credits, trailer, stills, screenings
- Commercial or branded work on its own page, so it doesn't dilute the films
- About, with a short director's statement
- Contact, including representation if you have it
For private screeners, share a password-protected link from your video host rather than posting full films publicly.
Music producers
Lead with: playable audio. A short set of tracks with clear credits (the artist, and whether you produced, mixed or mastered) and the genres you work in. Visitors to a music producer's portfolio decide by ear, not by layout.
Pages to build:
- Credits and discography
- Services, with how pricing works: per track, per project or a starting rate
- Studio and gear, if artists come to you
- About and booking
Keep embedded players to a few per page, since each one adds weight, and link to your streaming profiles for the full catalog.
Makeup artists
Lead with: well-lit close-ups of your work, then your specialties (bridal, editorial, film and TV, special effects) and how far you travel. A makeup artist's portfolio should let a bride or a producer find their kind of work in one tap.
Pages to build:
- Portfolio by specialty
- A bridal page explaining trials, timing on the day and travel
- Services and rates, or how quotes work
- About, including training and kit hygiene
- Booking, linking to your booking tool
Credit photographers and models on every set. It's expected, and it connects your work to theirs.
Services and practice
Architects
Lead with: one completed project, photographed well, with its type and location, then the kinds of projects you take on and the region you work in. An architecture portfolio earns trust by pairing finished photos with the drawings behind them.
Pages to build:
- Project pages with photos, drawings and plans, plus the brief, site, size, status, and credits for collaborators and photographers
- Practice or approach
- Services, broken down by project type and stage
- Studio and team, then contact
If you're showing firm projects as an employee, state your role and check what you're allowed to publish.
Translators
Lead with: your language pairs and direction ("Japanese to English"), your specialties (legal, medical, games, marketing) and any certifications you actually hold. These are the filters clients search with, so a translator's portfolio should put them in the headline, not the footer.
Pages to build:
- Services: translation, editing, transcreation, localization (only what you do)
- Specialties, with short non-confidential samples or samples you created yourself
- How quotes work: per word, per hour or per project, and what to send for a quote
- About, with credentials and the tools you use
If clients come from both sides of your language pair, consider writing the key pages in both languages.
Virtual assistants
Lead with: the specific work you take off people's plates and for whom ("Inbox, calendar and travel for consultants and small agency owners"), plus your time zone and working hours. A virtual assistant's portfolio sells trust and availability more than visuals.
Pages to build:
- Services or packages, described as tasks and monthly hours rather than vague "admin support"
- How it works: onboarding, communication, response times
- The tools you already use
- About, and a link to book a discovery call
Explain how you handle passwords and confidential information. Clients are handing you their inbox, so this matters more than the design.
Where FNJ fits
Each profession above has a starter in FNJ's builder that opens with a prompt for that role. You add a reference for the look you want, the builder designs the pages at desktop, tablet and phone widths, and you refine them in plain words before exporting the code to host yourself. It doesn't build forms, booking or stores, so link your booking or inquiry tool from a button. Browse all 50 profession starters in FNJ's portfolio builder.
Frequently asked questions
What should the home page of a portfolio website show?
What you do, who it's for, your strongest proof (work samples, credits or results) and one clear next step, such as booking a call or sending an inquiry. Put the proof your buyers judge first at the top.
How many pages does a portfolio website need?
Usually four to six: a home page, your work or project pages, services if you sell to clients, an about page and a contact or booking page. Add more only when each new page answers a question your buyers actually ask.
Should a portfolio website show prices?
If you sell services, showing starting prices or explaining how quotes work saves time for you and your clients. Job seekers don't need prices; they need a resume and clear case studies.
What if my work is confidential or hard to show?
Show the process, redacted or recreated samples, and written outcomes, and get permission where you need it. For work with little to look at, like backend systems or virtual assistance, diagrams, task lists and clear descriptions of results do the job.