Website mockups for Instagram: show the work in motion

Why video mockups outperform screenshots on Instagram

Instagram's algorithm favors Reels, and feeds move fast. A static screenshot of a website, however beautiful the site, reads as a slide. A device mockup in motion (the page scrolling, the camera drifting, light catching the screen) reads as content. It gives a viewer three seconds of curiosity, which is exactly what you need to earn the next seven.

That is why "post a scrolling mockup of every project" has become standard advice for design accounts. The bottleneck was never the idea. It was production.

The formats that work

• Reel, 9:16. The highest-reach format. A phone mockup filling the vertical frame, or a laptop and phone duo, 7 to 15 seconds, music on.
• Feed post, 1:1 or 4:5. A tighter crop, good for the grid. A looping mockup as the first slide of a carousel, followed by stills of key screens.
• Story. Lower stakes, great for "just shipped this" moments with a link sticker to the live site.

Keep the loop clean: a video that ends where it began replays without a visible seam, and replays boost distribution.

Producing the mockup: manual vs generated

The manual route is the Canva/Photoshop workflow: full-page screenshot, device frame, hand-keyframed scroll, once for desktop and again for mobile. Half an hour minimum, per site, and every site animation is lost to the screenshot.

The generated route is one paste: Mockvid records the live site scrolling on desktop and mobile viewports, stages it in a real 3D device with cinematic motion presets, and exports MP4 ready for Instagram. Titles, your logo, music and backgrounds are built in, so the post is finished in the same tool. Details on the scrolling mockup generator page.

Client work etiquette

Two habits keep showcase posts friction-free:

• Get written permission before posting client work, ideally as a clause in your contract. Most clients love the exposure; the ask is a formality, but it must exist.
• Credit and tag the client. A tagged client often reshares to their own audience, which is free distribution to a network full of their peers, your future clients.

A simple posting cadence

One mockup Reel per shipped project plus one portfolio remix per month is enough to keep a design account alive without turning content into a second job. When production takes 30 seconds instead of an hour, the cadence stops depending on willpower.

If you ship client sites every month, the web designers page covers how pricing works per client domain, and the agencies page covers multi-project studios.