Videographer Portfolio Website: What to Include

Short answer: A videographer portfolio website needs a showreel in the first screen, a work list that shows the client and your role on each project, one page per project with the video and credits, a short About with where you are based and what you shoot, proof such as client names or testimonials, and a contact route that takes a minute. Starting prices and a gear list are good extras.

That is the checklist. The rest of this page covers what goes in each part, how long to make it, how to host the video without slowing the site down, and how to set it up in Framer.

The checklist at a glance

Section	Must have	Worth adding
Showreel	Yes	A short silent loop as the background
Work list	Yes	Filters by type, such as weddings, brand, music
Project pages	Yes	Stills and behind-the-scenes frames
About	Yes	A portrait, your city and where you travel
Proof	Yes	Client logos, testimonials, awards
Contact	Yes	A form with date, location and budget
Services and rates	Recommended	A starting price per package
Gear and crew	Optional	Camera, drone and audio kit

1. A showreel in the first screen

The reel is your handshake. Put it where nobody has to scroll for it.

• Keep it short. Around a minute is my advice. A tight reel beats a long one, and long ones belong on the project pages.
• Make it work without sound. Chrome’s autoplay policy says muted autoplay is always allowed, while autoplay with sound is allowed only in cases such as the visitor having interacted with the site. Cut the reel so it reads with the audio off.
• Pick the right hosting. The table below compares the options Framer documents.

Option	Uploaded file	YouTube or Vimeo component
Quality adapts to the viewer	No. Framer serves uploads unaltered, so a 4K file goes out in full resolution to a phone	Yes, to the viewer’s screen and network
Best for	Short silent background loops	The full reel and project films
Format advice	H.264 in an .mp4 file, which Framer says is supported across browsers	Handled by the platform
Size advice	Keep looping videos under 5 MB, because browsers cache only 5 to 8 MB of media	Not applicable

Source: Framer’s article on how videos are optimized. That article also says every video should have a poster, because Framer only lazy loads videos that have one. To compress a loop, it suggests ffmpeg or Handbrake with Web Optimized settings, and the ffmpeg flag movflags +faststart so playback starts sooner.

A real example: the background loop on this site’s homepage is a 1280 by 720 WebM of about 770 KB with no audio, it is skipped on phones, and a poster image shows until it starts.

2. A work list that shows your role

Clients hire for a role, so show it in the list and not only on the detail page. A good row has the project name, the client, the year, the category and your role: shot and edited, second shooter, colorist. If you shoot both weddings and commercial work, add category filters so each client sees the right half of your work.

3. One page per project

Each project page should answer three questions fast: what is it, what did you do, and can I see it. Include:

1. The video, embedded.
2. One line on the project and the client.
3. Your role and the rest of the crew.
4. Three to six stills or frame grabs.
5. A link to the next project.

This also helps Google find your work. Google’s video SEO guidance recommends a dedicated page for each video, with a page title and description unique to that video, a valid thumbnail, and a video that is not hidden behind other elements. It says a page listing several videos of equal prominence is not a watch page, and neither is a blog post that reviews an embedded video. A grid of films on one page is fine for visitors. It is the project pages that can earn video results.

In Framer, a project page is a CMS detail page. Framer’s guide to video in CMS pages shows how to bind a YouTube, Vimeo or MP4 URL field to a video component, so each project gets its own video. My Framer CMS tutorial walks through the whole setup.

4. An About section that answers logistics

A couple planning a wedding and a brand manager want the same practical answers. Where are you based? Do you travel? What do you shoot? How quickly do you reply? Answer in four or five sentences, add a portrait and stop. A long origin story rarely changes a booking.

5. Proof

Proof turns interest into trust. Use whatever you have, honestly:

• Client names or logos, with permission.
• Two or three short testimonials with a name and some context.
• Festival selections, awards or publications.

If you are starting out, one detailed testimonial beats a wall of logos you cannot back up.

6. Services and rates

Not every videographer publishes prices. If you do, it filters out enquiries that were never going to fit. A simple format is two or three packages, each with what is included, the usual turnaround and a “from” price.

7. Gear and crew, if it helps

For commercial work, a short gear list answers technical questions before the first call: camera bodies, lenses, drone, audio and lighting. For weddings, most couples care about the result more than the kit, so keep it short or leave it out.

8. Contact that fits how you book

Put contact on every page. For event work, a form with date, location and budget fields qualifies enquiries well. For commercial work, a direct email often gets quicker replies.

Gaps that cost videographers bookings

Check these once the site is live:

• No role on the work list. A client cannot tell if you shot it, edited it or both.
• A reel hidden below an intro paragraph. Move it up.
• Only video links, no stills. Many people skim before they press play. Two or three frame grabs give them a reason to.
• A contact form with no date field. For event work, the date is the first thing you need.
• Old work at the top. Sort by year, or pin your best recent project first.

Set it up with a Framer template

You do not need to build all of this from scratch. These free templates cover most of the checklist:

For a production company or a director with a body of film work, Studio Aven is the template I built for exactly that: a full-screen showreel, a filterable archive, and credits and awards on every project page. If you also sell stills, Léon Varet is a quiet option, though you would add the video components yourself.

Technical checks before you publish

1. A poster on every video. Framer says posters enable its loading optimizations and improve SEO.
2. H.264 MP4 for uploads. Framer calls it the universally supported choice.
3. Compressed loops under 5 MB. Use Handbrake or ffmpeg, as Framer suggests.
4. Bandwidth. Framer’s pricing page listed 1 GB on Free, 50 GB on Basic and 100 GB on Pro on October 25, 2026. Embed long videos so they do not count against it. My Framer pricing guide has the full plan comparison.
5. A phone test. Open every page on your phone over mobile data.
6. Titles and descriptions. Give each project page its own, for example “Brand film for Client, Your Name, Videographer.”

For the full build process, see how to build a filmmaker portfolio website with a showreel. For more template options, see Framer templates for video editors and videographers.

FAQ

What is the most important part of a videographer portfolio?

The showreel. Put it in the first screen and make sure it works without sound.

Should a videographer website show prices?

It helps if your clients compare quotes, such as couples or small businesses. A starting price per package is enough.

How many projects should a videographer portfolio show?

Six to twelve strong projects is a practical range. Add category filters if you shoot very different kinds of work.

Should I upload my reel or embed it from YouTube or Vimeo?

Embed the full reel and project films, because YouTube and Vimeo adapt quality to the viewer’s screen and network. Upload only short silent loops, and keep them under 5 MB.

Does each project need its own page?

Yes. Google recommends a dedicated page for each video, with a unique title and description, so project pages are what can show up in video results.

Is there a free videographer website template for Framer?

Studio Aven is a free Framer template built for film and video production. Mareon and Fiber are free alternatives with video covers.