AI CSS Animations

Guides · · Maxwell Prehoda

14 Motion Design Portfolio Examples That Get You Booked (and Why Each Works)

The best motion design portfolios do one thing fast: they tell a producer what you do, show the proof in the first screen, and make it easy to book you. The 12 real portfolios below do that in different ways, from GMUNK's film credits to Diane Lee's breakdown reel, and each is labelled with the kind of designer it suits best.

Every site was opened and checked in November 2026, and every reel link goes to the creator's own Vimeo upload. Where a site builder is named, it is because the page itself says so or serves its files from that builder. The last two entries are ours: tools for making a reel piece, not portfolios.

1. GMUNK (Bradley G. Munkowitz): Best for directors with film, tour and live credits

Platform: Custom site, reels and process films on Vimeo

The homepage reads like a director's treatment: "Works by Bradley G Munkowitz", then Director and Digital Artist, then a run of recent work that includes Tron: Ares, Rivian Borealis at Art Basel, Billie Eilish's 2024 world tour and NASA's Europa Clipper. Older featured work goes back to the hologram design on Tron: Legacy (2010) and the interface design on Oblivion (2013). A Representation block lists who handles live action, digital art and experiential work in each region.

What to copy is the Vimeo habit. Next to finished pieces he posts how they were made: a Coca-Cola case study and a separate design process film, a process cut for Synapse Code, and a 2024 montage called Sudden Rush that works as a reel. A producer can see the result and the thinking in two clicks.

Watch out for: The representation section only works when you have reps. A junior designer copying that layout with no agents behind it looks inflated; use a plain contact line until someone represents you.

Sudden Rush, 2024 montage (Vimeo) ↗Coca-Cola case study (Vimeo) ↗

2. Erin Sarofsky: Best for title designers building a public profile

Platform: Director site, studio work on Vimeo

Erin Sarofsky runs Sarofsky, the Chicago studio she founded in 2009, and her personal site is built around main titles: Captain America: The Winter Soldier, both Guardians of the Galaxy films, the main-on-end titles for Ant-Man and Captain America: Civil War, plus TV openings for Shameless, Community and Peacemaker. The studio's Vimeo carries recent ones too, including a Superman main-on-end title sequence uploaded in August 2025.

The structure is the lesson. Beside the portfolio there are sections for the studio's process, a talk series called Between the Keyframes, speaking, and press. That turns a list of credits into a reason to invite her to a conference or a pitch, which is how title work is often won.

Watch out for: There is no reel on the page itself, so a visitor has to open projects one by one. If you are a freelancer rather than a known director, put a labelled reel at the top instead.

Superman main-on-end titles (Vimeo) ↗Sarofsky studio ↗

3. Ordinary Folk: Best for small studios that want to look like a team

Platform: Studio site, reel and projects on Vimeo

Ordinary Folk is a Vancouver motion studio founded in 2019 by Jorge R. Canedo E., who animated at Buck and Giant Ant before going independent and won a Bassawards Best Reel in 2017. The homepage is short: a line of copy, a "Play the reel" button, a grid of featured projects, and links to Process and Play pages.

It works because every piece of a studio pitch is one click away. The About page introduces each person with their role and a line about how they work, from the executive producer to the animators. The Vimeo account carries the 91-second Ordinary Folk: Reel II and client work such as the Google Doodle Salsa, so the site can stay light.

Watch out for: A team page is a promise. If you are one person freelancing, write in the first person; "we" language gets awkward fast when a client asks who will animate the job.

Ordinary Folk: Reel II (Vimeo) ↗About the team ↗

4. Henrique Barone: Best for 2D character animators whose loops sell the style

Platform: Squarespace

Henrique Barone is a freelance creative director and animator in Vancouver. His Work page is one long column of looping animations, each under a playful heading such as "silly loops with nickelodeon", linking to project pages for Nickelodeon, Supergirl, Mailchimp, Google and the illustrators at Handsome Frank. There is a separate Playground for personal work.

The style is the pitch: you know within one scroll whether his rubbery, expressive 2D suits your job. His Vimeo goes deeper, with making-of cuts for StoryBots: Answer Time that show the animation under the finished frames.

Watch out for: A page of looping GIFs is heavy on phones. Export loops as short muted MP4 or WebM files, and keep a recent labelled reel; the newest one marked as a demo reel on his Vimeo dates from 2014.

Vimeo ↗

5. Markus Magnusson: Best for character animators with an audience already

Platform: Cargo

Markus Magnusson's site is nearly all animation: a name, a three-word bio ("Animator. Milky Way."), arrows to step through work, and an Index. Social links go to Instagram, Vimeo, YouTube, Dribbble, Behance and Tumblr, and the page promotes his Character Animation course at Motion Design School.

This is the portfolio for someone whose work already travels on social. When people arrive knowing your characters, a gallery that lets them flip through more is all you need, and Cargo makes that kind of art-first site quick to build.

Watch out for: No labelled reel, no client list, no email on the page. That suits a known name; a cold studio recruiter wants a reel and a contact line in the first screen.

6. Alex Grigg: Best for animation directors who pitch on short films

Platform: Fabrik

"The home of animation director Alex Grigg" opens on a featured Headspace and Netflix project, then a list of nine projects that mixes commissions (MTV EMA, Bulb, a WeTransfer piece with Trevor Noah) with his own short film Phantom Limb. A Courses link sits in the main navigation.

Putting a personal short next to client work tells commissioners you can carry a story, not just a style. The site is built with Fabrik, a portfolio builder for film and animation people that works directly with Vimeo and YouTube embeds, so the video stays on the host and the site stays light.

Watch out for: Contact is social links only. Directors with a rep can get away with that; if you take direct bookings, add an email address.

Vimeo ↗

7. Bee Grandinetti: Best for independent directors with authored personal work

Platform: Squarespace

Bee Grandinetti introduces herself as a Brazilian independent animation director, designer, animator, illustrator and educator based in Stockholm, and the homepage goes straight to an index of 16 projects. Client names such as Headspace, Airbnb, Snapchat and ACLU sit alongside personal and community projects, and the navigation is themed (The Honey, The Hive, The Sting, The Bee).

The voice does the work. A themed, warm site makes it obvious what kind of collaborator you are getting, which matters when clients hire a director for a point of view rather than a pair of hands.

Watch out for: No reel on the homepage. A grid of titles asks visitors to click; a 60 to 90 second reel above it would answer "is this right for us" faster.

8. Sander van Dijk: Best for logo and brand animators

Platform: Custom site

"I set ideas into motion" heads a grid titled Brands in Motion: Strava, IKEA, MoMA, Squarespace, Headspace, Google Fonts, Material Design, a BUCK logo animation and more, with the reel as one tile in the grid. The navigation adds separate Tools and Courses pages, so the portfolio stays about client work.

For logo work a brand grid is the right shape: a client scanning for "has animated a mark like ours" finds it in seconds, and every tile is proof of a system rather than a one-off.

Watch out for: A wall of logos says who, not how. Add a line on each project about the problem (a rebrand, a sonic logo, a UI kit) so the grid reads as thinking, and put a contact route on the page.

Vimeo ↗

9. Andreas Wannerstedt: Best for 3D loop artists turning reach into client work

Platform: Adobe Portfolio

Andreas Wannerstedt, based in Stockholm, is known for the Oddly Satisfying series of looping 3D contraptions, and his site is a plain grid of projects with almost no text. Personal series (Pendulums, Marble Madness, Infinite Installations) sit beside client loops for Tylko, H&M Home, Google, Gucci, COS, Swarovski and Dropbox.

It is the clearest example of a personal series becoming a commercial style: the client work looks like the personal work, so a brand knows exactly what it is buying. He keeps posting short loops to Vimeo, including Soft Logic in May 2026.

Watch out for: No email or contact form, only social links. Viral personal work brings inbound requests; make sure there is somewhere for them to land.

Soft Logic (Vimeo) ↗

10. Jonas Naimark: Best for in-house product and UI motion designers

Platform: One-page site

Jonas Naimark is a motion designer at Airbnb, and his site is a short list grouped by employer: Airbnb's seasonal releases, design system and logo refresh; Google's Material Design 1, 2 and 3 and Android 12 and 13; earlier work at Teehan+Lax. Entries link to the shipped release pages and the Material Design documentation.

In-house motion rarely lives in a reel, because it ships inside products and launches. Linking to the real release is the strongest proof there is: a hiring manager sees the work in context, at the company that published it.

Watch out for: A text list works when the employers are famous. Earlier in your career, add a short clip or GIF per project, and check your NDA before posting anything that has not shipped.

Material Design motion ↗

11. Cento Lodigiani: Best for freelancers selling explainers to big brands

Platform: Adobe Portfolio

Vincenzo "Cento" Lodigiani's homepage is a grid of animated thumbnails for brand work: IBM (several projects, including the US Open), Porsche, Square, BNY Mellon, Ocean Spray, Stella Artois and a New York Times piece. Navigation is three words: Film, Work, About.

Enterprise clients want to see that you have handled brands like theirs, and a grid of recognisable names does that before anyone reads a word. Adobe Portfolio's ready-made grid layouts make this a fast build: drop in loops, title them, publish.

Watch out for: The reel is labelled 2019 while the grid includes later work. Keep the reel at least as current as the newest project, or drop the year from the label.

Adobe Portfolio ↗

12. Diane Lee: Best for early-career designers with a breakdown reel

Platform: Wix

"I'm Diane, a motion designer" sits under an animated logo, followed by a demo reel link and a second one: "Wanna see the breakdown reel?" Featured projects are tagged by discipline, so Futureproof reads as branding, animation and live action, and Roots to Ruin as a PSA with creative direction, animation and illustration.

A breakdown reel is the best tool a newer designer has. It shows the layers, the passes and the decisions, which proves the work is yours and answers the question every studio asks of junior reels: what exactly did you do?

Watch out for: Media-heavy builder pages can stall on phones. School of Motion's advice applies here: check that the reel plays on mobile and desktop, and never put it behind a login.

13. Our Transitions Showreel (Studio): Best for a reel opener or transitions section

Platform: Motions Animation Studio, prompt is CC0 Ours

Transitions Showreel. See the prompt →

A 10-second, beat-cut showreel: nine bold colour cards joined by eight different transitions, each card naming the move about to happen to it. A hard cut, a diagonal wipe, an iris out of a full stop, a whip pan, slats, a zoom through the letter O, a match cut on a disc and a tile flip, all on a 120 BPM grid.

The full prompt is free to copy, and in the Animation Studio you can describe your own version, scrub the timeline, tune the eases and export MP4 for a reel or a site header. It is a quick way to sketch the connective tissue of a reel before you spend days on it.

Watch out for: Studios hire for your hand. Use a piece like this as an opener, a sketch or a labelled experiment, never as client work, and say how it was made.

14. Showreel prompts in Motion Prompts: Best for testing a reel structure before you animate

Platform: Motions directory, free Ours

Motion Designer Showreel
Motion Designer Showreel. See the prompt →

Motion Prompts collects the prompts people used to make motion with Claude, credited to their creators. The most copied is kirill sh's one-line request for a 15-second reel that proves the model is a great motion designer; 41 creators posted their runs. Our showreel prompt write-up shows a tighter version with one accent colour, match cuts and five named techniques.

Use it the way a director uses an animatic: try three orders for your strongest pieces, check the pacing against music, then cut the real reel.

Watch out for: A model's reel shows the model's taste. Treat the output as a timing sketch and replace every shot with your own work.

How to choose a portfolio model

Pick the example closest to the job you want next, not the one you admire most.

Match it to the job you want

Applying to studios as a 2D animator? Copy Henrique Barone or Diane Lee: the style or the breakdown up front. Pitching brands as a freelancer? Copy Cento Lodigiani or Sander van Dijk, where recognisable clients do the selling. Going after in-house product roles? Jonas Naimark's list of shipped releases beats any reel. Directing? GMUNK and Erin Sarofsky show credits, process and a public voice.

Match the structure to how people hire

School of Motion's advice to studios and job seekers is blunt: say what you do near your name, label the reel clearly ("2026 Reel"), show two to four case studies close to the work you want, and credit your role on team projects. Run the ten-second test: can a stranger tell your specialty, find the reel and find your email? Most of the examples above miss one of the three, which is the easiest win you have.

Match the platform to your time

Cargo (Markus Magnusson) suits art-first galleries. Squarespace (Henrique Barone, Bee Grandinetti) and Wix (Diane Lee) are quick and editable. Adobe Portfolio (Cento Lodigiani, Andreas Wannerstedt) gives you clean grids with little setup. Fabrik (Alex Grigg) is made for video-led portfolios. Host video on Vimeo or YouTube, embed it, and keep thumbnails as short muted video loops rather than GIFs.

Ship a reel page this week

Pick one example above, copy its structure, and fill it with your three best pieces and one breakdown. That is a portfolio. Then cut a reel under 90 seconds with the strongest shot in the first five; the working reels here run from about 45 seconds to a minute and a half.

If you need a fast opener, a title card or a transitions sketch to stitch the reel together, describe it in the Studio and export an MP4 the same afternoon. For more pieces to study, browse the inspiration board, made for you and Claude.

A prompt to start from
Make a 6-second reel opener for a motion designer named [your name].
Black ground, one accent colour [hex], one typeface [font].
Your name types in on two beats at 120 BPM, then the specialty line ([2D character animation]) slides up 24px and fades in over 0.4s with an ease-out.
End on a held frame for 1.5 seconds so the cut to the first shot lands cleanly.
No glows, particles or camera spins. If the viewer prefers reduced motion, show the final frame with a 0.3s fade instead.

Build a scene in the Studio →

Common questions

What should a motion design portfolio include?

A one-line statement of what you do, a clearly labelled reel, two to four case studies with your role, the brief and some process (boards, tests, passes), and a contact email. Credit the team on shared projects. Everything else is optional.

How long should a motion design reel be?

Short enough that the best shot lands in the first few seconds. The reels in this list are a useful benchmark: Ordinary Folk's Reel II runs 91 seconds and Henrique Barone's demo reel 80 seconds. Under 90 seconds is a safe target; cut anything you would not want to be hired to make again.

Do I need a website, or is Vimeo or Behance enough?

Vimeo or Behance is enough to start, and many designers here use Vimeo as the video host behind their site. A site of your own adds a clear specialty line, case studies in your order and a contact route, which is what producers look for.

What platform do motion designers use for portfolios?

In this list: Cargo, Squarespace, Wix, Adobe Portfolio, Fabrik and custom builds, with Vimeo hosting the video. Pick the one you will actually update; a current reel matters more than the builder.

How do I make a motion design portfolio with no client work?

Make self-initiated projects that look like the jobs you want, add a breakdown reel that shows your process, and label personal work honestly. Diane Lee's demo plus breakdown reel structure is a good model.

Sources