PHOT-499 · Lesson 10 of 12 · 27 min

The professional portfolio and online presence

The capstone exhibition lasts a week; the portfolio carries the work for years. This lesson is about turning the capstone into the main project of a professional portfolio, tailoring that portfolio to the people you want to reach, and launching the work online in a way that is accessible, measurable and consistent with the consents you obtained. VIS-410 lessons 1 to 5 covered what portfolios are for, editing and sequencing them, presentation formats, websites and social media in depth, and PHOT-410 lesson 6 covered marketing and branding for a photography business. Here the task is specific: the portfolio deliverable due in week 14, built around the capstone and aimed at a named professional destination.

What the portfolio deliverable is

The portfolio deliverable has three parts: a portfolio of about 20 to 30 images that includes the capstone as its main project alongside a small number of your strongest earlier projects; a portfolio website or updated existing site that presents it; and a one-page note naming the audience the portfolio is aimed at and explaining how the edit and presentation serve that audience. It is assessed on the quality and coherence of the edit, the fit to the stated audience, the professionalism and accessibility of the presentation, and the accuracy of the accompanying information.

Portfolio deliverable assessment
CriterionWhat assessors look for
EditA tight selection; the capstone shown as a coherent project, not scattered singles
Fit to audienceChoices that match the stated destination, such as editorial, commercial, gallery or grants
PresentationClean, fast, consistent site; images at good size; clear navigation
AccessibilityAlt text, readable text contrast, keyboard navigation, captions for video
InformationAccurate captions, statement, biography, contact details and credits

Choosing an audience

A portfolio that tries to please everyone usually pleases no one. Name a primary audience and design for it. Editorial and documentary editors want to see stories told across a sequence, strong captions, reliability and evidence that you can work with people; commercial clients want consistent quality across briefs, a clear specialty and evidence of meeting deliverables; galleries and curators want coherent bodies of work and a clear artistic voice; grant juries want a project with a defined question and evidence that you can deliver. You may later make different versions for different audiences, as VIS-410 lesson 2 explains, but the capstone deliverable should name one.

Amara named documentary editors at magazines and newspapers, and documentary grant juries, as her audience. She therefore led with Night Shift as a twelve-image story with captions, followed by two shorter earlier projects from PHOT-230 and PHOT-320, and a small set of commissioned event work from PHOT-340 to show she could deliver to a client. She left out her studio fashion work from PHOT-302, which was good but would have confused an editor about what she offered.

How audience shapes the capstone presentation
AudienceCapstone imagesOrderText
Documentary editors10 to 15Story orderFull captions, short project text
Commercial clients6 to 10Strongest firstBrief note on the brief and deliverables
Galleries and curators15 to 20Exhibition sequenceArtist statement, installation shots
Grant juriesAs the call specifies, often 10 to 20Project sequenceStatement and project description to the call's limits

Structure of a portfolio website

A portfolio site should be simple to navigate on a phone and a large screen. A common structure has a home page that leads straight to the work, a page per project with images and a short text, an about page with biography and statement, a contact page, and optional pages for exhibitions, publications, clients or a newsletter sign-up. Put the capstone first. Use the same caption and text set you wrote in lesson 8, and link to the exhibition documentation and book dummy from the project page.

Choose a platform you can maintain. Hosted portfolio services are quick and need little technical work; general website builders offer more flexibility; a self-built site offers full control but needs ongoing maintenance and security updates. Whatever you choose, buy a domain in your name if you can and use an email address on that domain or a plain address with your name; reviewers notice playful or outdated addresses.

Images on the web: size, speed and quality

Large images are the point of a photography site, but heavy pages load slowly on mobile connections and lose visitors. Export web images from masters (lesson 7) at a long edge that suits your site layout, often 2,000 to 2,500 pixels, in sRGB, with moderate compression, and let the platform generate smaller versions for phones. Check page weight and loading time with your browser's developer tools or a free page-speed test.

Worked problem

Estimating page weight and load time

Amara's Night Shift page shows 12 images at about 600 KB each, plus 400 KB of text, code and fonts. A visitor on a mobile connection downloads at an effective 10 Mb/s. How long does the page take to download, and what happens if she switches to images of about 350 KB each?

Show solution
  1. Page weight: \( 12 \times 600 + 400 = 7600 \) KB, about 7.6 MB, which is \( 7.6 \times 8 = 60.8 \) megabits.
  2. Time at 10 Mb/s: \( 60.8/10 \approx 6.1 \) seconds, before any latency.
  3. With 350 KB images: \( 12 \times 350 + 400 = 4600 \) KB, about 36.8 megabits, or about 3.7 seconds.

Answer: About 6 seconds at first, falling to under 4 with lighter images; lazy loading, so that images below the screen load only as the visitor scrolls, cuts the initial wait further. Check that the lighter files still look good on a large display before switching.

Accessibility of the portfolio

An accessible portfolio reaches more people and signals professionalism. Provide alt text for every image (lesson 8), make text large enough and with enough contrast against the background, make sure the site can be navigated with a keyboard, give links descriptive names, caption any video and avoid text embedded in images. WCAG 2.1 Level AA is a reasonable target even where it is not legally required. Test with a free automated checker and by navigating your own site with the keyboard and a screen reader for a few minutes; automated checkers miss many problems.

Quick accessibility checks for a portfolio site
CheckPass
Alt text on every portfolio imageConcise descriptions that complement captions
Text contrastAt least 4.5 to 1 for body text under WCAG Level AA
Keyboard navigationAll menus, galleries and forms reachable and usable with the keyboard
Link names"View Night Shift" rather than "click here"
VideoCaptions and, where needed, audio description
ZoomLayout works at 200 per cent zoom without losing content

Publishing online is a use that your releases and agreements must cover. Check the release matrix from lesson 3 before posting: images whose subjects excluded social media can appear on your portfolio site if their release covers it, but not on social platforms. Respect requests not to name people or locations, and strip GPS data from web files. Display a copyright notice and keep IPTC rights metadata in web files.

Photographers often ask how to protect images online. Visible watermarks deter casual copying but distract from the work and are easily removed; small, unobtrusive marks or none at all are usual on professional portfolios. Metadata, content credentials (PHOT-420 lesson 11), reverse image searches and registration where available are more useful tools. Many platforms and sites now offer ways to signal that images should not be used to train generative AI, through settings, metadata fields or website files that address crawlers; these signals are voluntary for those who receive them and the legal position was still developing at the time of writing (October 2026), as PHOT-420 lesson 10 explains.

In Canada, copyright arises automatically when you take the photograph, and since 2012 the photographer is generally the first owner even of commissioned photographs unless a contract says otherwise. Registration with the Canadian Intellectual Property Office is optional but creates a presumption of ownership that helps in a dispute. PHOT-410 lesson 4 covers licensing and enforcement.

Launching the work online

Plan the online launch to support the exhibition and outlast it. A simple plan might include an announcement a week before the opening with one strong image, a post on opening day with installation shots, a short series of posts during the run featuring one site or subject each (with permission), a newsletter to your list, and a project page that goes live on opening day. A short press release to local media and community organizations can bring coverage, especially for projects with a local subject. Use the press and social copy written in lesson 8.

If you send newsletters or other commercial electronic messages, Canada's Anti-Spam Legislation requires consent from recipients, identification of the sender and a working unsubscribe mechanism. Build your list from people who sign up, not from addresses collected for other purposes.

Amara's launch plan
WhenChannelContent
One week beforeSocial, newsletterAnnouncement with one interior image, dates, access information
Opening dayWebsiteNight Shift project page goes live
Opening daySocialInstallation shots, thanks to partners
During the runSocialOne site per post with a subject quote, only where releases allow
Week afterPress releaseTo local paper and community radio, with three images and captions
CloseNewsletterExhibition documentation and book dummy link

Measuring what works

Analytics show how people find and use your site. Useful measures for a portfolio are visits, where visitors come from, which project pages they view, how long they stay and how many contact you. Inquiries are rare relative to visits, so judge rates over months rather than days, and remember that the most valuable contacts often come from direct sharing by editors and peers rather than from search or social platforms.

Worked problem

From visits to inquiries

In the month after the opening, Amara's site has 1,800 visits. 720 visits include a view of the Night Shift page, 95 visitors view the contact page and 9 send an inquiry. What are the conversion rates at each step, and about how many visits would she need for 20 inquiries at the overall rate?

Show solution
  1. Visits to project views: \( 720/1800 = 40 \) per cent.
  2. Project views to contact page views: \( 95/720 \approx 13.2 \) per cent. Contact page views to inquiries: \( 9/95 \approx 9.5 \) per cent.
  3. Overall: \( 9/1800 = 0.5 \) per cent. For 20 inquiries: \( 20/0.005 = 4000 \) visits.

Answer: Rates of 40, about 13 and about 9.5 per cent at each step, and 0.5 per cent overall; about 4,000 visits for 20 inquiries if the rate held. With only 9 inquiries the overall rate is very uncertain, as the code below shows.

How uncertain is a small conversion rate?
import math
def wilson(k, n, z=1.96):
    p = k / n
    d = 1 + z * z / n
    c = p + z * z / (2 * n)
    r = z * math.sqrt(p * (1 - p) / n + z * z / (4 * n * n))
    return (c - r) / d, (c + r) / d
for k, n in [(9, 1800), (36, 7200), (2, 95)]:
    lo, hi = wilson(k, n)
    print(f'{k} of {n}: rate {k / n:.2%}, 95% interval {lo:.2%} to {hi:.2%}')
Output
9 of 1800: rate 0.50%, 95% interval 0.26% to 0.95%
36 of 7200: rate 0.50%, 95% interval 0.36% to 0.69%
2 of 95: rate 2.11%, 95% interval 0.58% to 7.35%
Funnel of portfolio analytics for one month: 1,800 visits, 720 project page views, 95 contact page views and 9 inquiries, with step conversion rates of 40, 13 and 9.5 per cent
From visits to inquiries. Small numbers make rates uncertain; judge trends over months.

With 9 inquiries from 1,800 visits, the plausible range for the true rate runs from roughly a quarter of a per cent to nearly one per cent. Four times the data narrows the interval considerably. Treat month-to-month changes in inquiries as noise unless they are large and sustained.

Portfolio reviews and next steps

Before submitting the deliverable, show the portfolio to at least one professional outside the school if you can: a working photographer, an editor or a curator. Many cities and festivals hold portfolio review events, discussed in VIS-410 lesson 9; even a short conversation will tell you whether the edit and presentation communicate what you intend. Record the feedback in your log and use it in the reflection in lesson 12.

Common mistakes

  • MistakeMaking a portfolio for every possible audience at once

    InsteadName one primary audience and edit and present the work for it.

  • MistakeScattering capstone images among other projects

    InsteadPresent the capstone as a coherent project with its texts and documentation.

  • MistakeUploading full-resolution files that load slowly

    InsteadExport web files at a suitable size and compression and check page weight.

  • MistakePosting images on social media that releases exclude

    InsteadCheck the release matrix before every public use.

  • MistakeJudging the site by a few days of analytics

    InsteadLook at trends over months; small numbers make rates uncertain.

Summary and key terms

  • The portfolio deliverable combines an edit, a website and a note naming the audience.
  • Choose a primary audience and shape the edit, order and texts for it.
  • Put the capstone first on a simple site with project pages, about and contact.
  • Export web images at suitable sizes and check page weight and load time.
  • Aim for WCAG 2.1 Level AA and test with tools and by hand.
  • Check releases before publishing and use metadata and registration rather than heavy watermarks
  • Plan the online launch and measure conversion over months, not days.
Portfolio
A selection of work presented to show ability and direction to a chosen audience.
Primary audience
The group a portfolio is designed for first.
Project page
A web page presenting one body of work with its texts.
Page weight
The total size of the files a web page loads.
Lazy loading
Loading images only as they come into view.
Contrast ratio
A measure of the difference in luminance between text and background.
Conversion rate
The share of visitors who take a desired action.
Confidence interval
A range of plausible values for a quantity estimated from data.
Press release
A short announcement sent to media with key facts, images and contacts.
Portfolio review
A meeting at which professionals give feedback on a portfolio.

Practice problems

Work each problem on paper first, then reveal the answer to check.

  1. How many images should a typical capstone portfolio deliverable contain?

    Show answer

    About 20 to 30, with the capstone as the main project.

  2. A page loads 10 images of 500 KB and 500 KB of other files. What is its weight?

    Show answer

    5,500 KB, about 5.5 MB.

  3. How long does 44 megabits take at 11 Mb/s?

    Show answer

    4 seconds.

  4. 1,200 visits produce 6 inquiries. What is the conversion rate?

    Show answer

    0.5 per cent.

  5. What contrast ratio does WCAG Level AA require for body text?

    Show answer

    At least 4.5 to 1.

  6. Name two better protections than heavy watermarks.

    Show answer

    Metadata, content credentials, reverse image searches or registration.

  7. What does a newsletter need under Canada's anti-spam law?

    Show answer

    Consent, sender identification and an unsubscribe mechanism.

  8. Why name a primary audience?

    Show answer

    The edit, order and texts can then be designed for what that audience needs.

  9. What should be first on a capstone portfolio site?

    Show answer

    The capstone project.

  10. Why are rates from a few inquiries unreliable?

    Show answer

    Small numbers give wide confidence intervals.

Lesson quiz · 5 questions

Score 60% or more to complete this lesson.

Take the quiz