How to Present Your Design Work as a Video
Formats, structure and motion patterns to turn your design projects into short videos for your portfolio and social media — no animation skills required.
Static mockups and long PDF case studies are losing to short videos. A thirty-second film of your project — screens moving, details revealed, the identity in action — gets watched, shared and remembered in a way a scroll of images rarely is. You don't need to be a motion designer to make one. Here's how to present your design work as a video: the formats that work, how to structure it, and how to make it look good.
Why present your work as a video
- Attention: social feeds, Behance, Dribbble and LinkedIn all favour video, and people watch it longer than they look at a static post.
- Story: a video shows the project in the order you want — the problem, the idea, the result — instead of letting viewers skim.
- Life: identities, interfaces and websites are meant to move. Motion shows how they behave, not only how they look.
- Reuse: one video becomes your portfolio header, a social post, a pitch opener and a case study intro.
The formats that work
The project teaser
Ten to thirty seconds, the best images of one project in rhythm, ending on the name and the client. Ideal for social and the top of a case study.
The case study film
Thirty to ninety seconds that tell the project: context, key decisions, the system, the result in use. Great for awards, pitches and portfolio pages.
The showreel
Your best moments from several projects, cut to music. For designers who animate, it's the classic calling card; see our selection of the best motion design showreels.
The loop
A few seconds that repeat seamlessly: screens scrolling, a grid of visuals drifting, a logo turning. Perfect for portfolio thumbnails, Instagram and websites.
How to structure a project video
- Hook (first two seconds): your strongest image. Viewers decide immediately whether to keep watching.
- Context: one line or one shot that says what the project is and for whom.
- The work: key screens, applications and details, grouped by idea rather than in random order.
- System and details: type, colour, components, motion — what makes the work yours.
- Ending: the project name, client and your name or studio, held long enough to read.
Making it look good, without being an animator
Prepare your images
Export screens and visuals at high resolution, in consistent sizes. Clean, simplified mockups read better in motion than detailed device frames. Pick fewer, stronger images: eight great ones beat thirty average ones.
Choose a motion pattern
Most portfolio videos use one of a few patterns, each with its own feel:
- Scrolling cards — visuals sliding past in a band, calm and elegant.
- A drifting grid — columns moving in opposite directions, perfect to show a whole system at once.
- Cascading screens — interfaces of different sizes rising past each other, made for product and web work.
- A 3D carousel — the hero image in front, others turning around it.
- Full-frame slides — one image at a time with cuts, pushes or reveals, for bold editorial work.
Browse curated motion design work on Motionimo to see how studios present their own projects, and save the patterns you like.
Mind the rhythm
Give each image enough time to be seen (around one to two seconds), vary the pace, and cut on the beat if you use music. Ease every movement: linear motion looks mechanical.
Keep the type minimal
A title, a subtitle and maybe a few words per section. Use your project's own typefaces, large and with plenty of contrast. For more ambitious titles, see our guide to kinetic typography.
Export for every platform
- 16:9 for websites, Behance, YouTube and presentations.
- 1:1 or 4:5 for Instagram and LinkedIn feeds.
- 9:16 for Reels, Stories and TikTok.
- GIF or short loops for Dribbble, emails and README files.
Export in 1080p at least, 4K for a hero video on a large screen, and keep a version without text for reuse.
Tools
- After Effects — maximum control; the standard for motion designers. Our beginner's guide to expressions helps with loops and repetitive moves.
- Figma prototypes and Smart Animate — quick motion for interface work, recorded as video.
- Template-based tools — browser tools and templates turn a set of images into an animated presentation in minutes, without keyframes.
- Video editors — Premiere, Final Cut or DaVinci Resolve to cut a showreel to music.
Common mistakes
- Too long: most project videos should be under a minute.
- Too many images: show the strongest work, not everything.
- Tiny screens: viewers on phones can't read full desktop screenshots; zoom in on what matters.
- Music that fights the work: choose something that supports the rhythm, and keep it optional.
- No ending: always close on the project name and yours.
Frequently asked questions
How long should a portfolio video be?
Ten to thirty seconds for a teaser, under ninety seconds for a case study film, one to two minutes for a showreel.
Do I need After Effects to make a portfolio video?
No. Templates and browser-based tools can animate your images for you; After Effects gives more control when you need something unique.
What resolution should I export?
1080p is enough for most platforms; 4K for hero videos on large screens and websites. Keep vertical and square versions for social.