Blog

Document a website redesign with screenshots

A practical way to keep before-and-after pictures of public pages without pretending they are a full archive.

A redesign review goes badly when the “before” picture was taken at a different width, on a laptop that was logged in, two weeks after the page changed. SnapSite is useful here because the viewport is explicit and the browser profile is empty every time.

Keep the comparison boring

Pick one desktop width and one phone width and use them for every page in the set. 1440×900 and 390×844 are the presets. Name the downloaded files with the host, the preset, and the date yourself; SnapSite’s download name only includes the host, because the path can be sensitive and is not kept in the filename.

For a long marketing page, use a full-page capture and accept the height cap. If the result says the image was truncated, the top of the page is what you have, not a silent crop with no warning. Capture the next section with a separate URL if the site has a real link for it.

Take the picture, then download it

Images are temporary. The default retention is about an hour, and anyone with the job link can open the file until then. Download the file into the ticket or the design folder. Do not treat the SnapSite link as the archive.

Leave the logged-in product out of it

If the redesign is an admin screen, SnapSite cannot show it. The capture is what a signed-out visitor gets. Photograph that screen from a test account with a tool you run yourself, and use SnapSite for the public pages: pricing, docs, marketing, and the logged-out app shell.