How to record a website for a Behance project
A Behance project is a document. The recordings inside it are figures, not the headline.
Behance projects are read as a single scrolling column, so record website demos wide - 1920 x 1080 at 16:9 - and let them sit at full column width between sections of your case study. Unlike a Dribbble shot, a Behance embed is watched by someone who has already committed to reading the project, which means it can be longer and can carry explanation.
The frame to record at
1920 x 1080
16:9 · landscape
The project column renders media at full width, so a wide frame reads at the size it was recorded rather than being letterboxed into a narrow strip with grey bars either side.
Why Behance is different
Behance rewards the opposite of Dribbble. The viewer has opened a project rather than scrolled past a thumbnail, so they will watch something longer - but they are also reading your reasoning around it. A recording here works best as evidence for a claim you just made in text: you wrote that the checkout collapses to one column under 480px, and the recording shows it happening.
How to record it, step by step
Open the site in Viewport
Paste the URL into Viewport and let the page load completely. Waiting for fonts, images and entry animations to settle before you record is what stops the first second of the take looking half-built.
Frame it at 1920 x 1080
Set the recording size to 1920 x 1080 (16:9, landscape) before you record. The project column renders media at full width, so a wide frame reads at the size it was recorded rather than being letterboxed into a narrow strip with grey bars either side.
Place the interactions on the timeline
Add the scrolls, clicks and hovers you want as points on the timeline rather than performing them live. Each one is a position and a moment, not a gesture you have to land.
Adjust the timing until it reads
Drag the points to change pacing. Viewport interpolates the motion between them, so a scroll that felt rushed becomes a scroll that reads - without reshooting anything.
Play it back and export
Export at 1920 x 1080 and place the clip directly beneath the claim it supports, at the same frame width as every other recording in the project.
Behance video specifications
| Recommended width | 1400 px or wider |
|---|---|
| Common video frame | 1920 x 1080 px (16:9) |
| Project layout | Single scrolling column |
| Cover image | 808 x 632 px |
Source: Behance Help Center. Checked . Third-party pricing and limits change; confirm at the source before relying on them.
Three things that make the difference
Put each recording next to the claim it proves
A wall of demos at the end of a project is decoration. One recording under each argument is a case study.
Record the states, not the tour
Empty, loading, error and success are the four frames that show you designed a real product. They are also the four that a live screen capture almost never catches cleanly.
Keep one frame width across the project
Mixing 16:9 and 4:3 recordings down one column makes the page feel assembled rather than designed. Pick a frame and hold it.
Recording for Behance, answered
Frame it at 1920 x 1080 before you record.
Viewport sets the recording size first, so the site lays itself out at that width instead of being cropped afterwards. Then you build the scroll on a timeline and it plays back the same way every take.
Usual price $19.99 founder discount · macOS 13.1 or later
Related guides
Dribbble shots are displayed at a 4:3 aspect ratio with a recommended width of at least 1600 pixels, so record the site at 1600 x 1200 rather than at 16:9. Shot videos are short - around 24 seconds - and autoplay muted in a grid of competing thumbnails, which makes the first two seconds of motion the entire decision.
For a portfolio case study, record website work at a consistent 1920 x 1080 (16:9) across every clip in the project, and record states rather than tours. A case study is read as an argument, and each recording is evidence for one claim - which makes several short, framed clips considerably stronger than one long walkthrough at the end.
For LinkedIn, record websites at 1080 x 1080 (1:1) or 1080 x 1350 (4:5) rather than 16:9. The feed is a narrow column on mobile, and a square or portrait video occupies substantially more vertical space than a landscape one - which is the single largest lever on how long the post stays on screen.