Launch Recite Me assistive technology
An animation of the Instagram logo centered against a shifting gradient of purple, pink and orange. The background colours swirl and fade to white, while the logo transitions from white to a matching gradient.

Instagram’s new motion system mimics natural human movement

Studio Dumbar/Dept® unveils an extensive set of motion behaviours which emulate the imperfect ways we film content and use our phones.

—
Date
12 March 2024

Once a fairly static app, motion now saturates every part of Instagram, from the user experience, to the type of content posted through to its marketing assets. It’s a natural step, then, for the brand to look at how motion is branded across the platform. A new all-encompassing system, designed by motion experts Studio Dumbar/Dept®, has been introduced in marketing and across the app. It’s inspired by motion behaviours like tapping, scrolling and filming – in short, all the very human hand movements we already associate with the app.

“It adds a level of human imperfection and interaction to Instagram’s dynamic brand,” says CD Liza Enebeis, Studio Dumbar/Dept®. Some of the motion techniques developed mimic camera movements; by playing with depth, perspective and angles, Studio Dumbar/Dept® can create the illusion of a person filming a real 3D space. Others are reminiscent of gestures like swiping or scrolling, “to simulate the feeling of someone controlling the motion”. When typing is used in marketing assets, the motion will now look more realistic, suggesting a hand behind the copy.

An animation split into two vertical panels. The left side shows abstract grey shapes and a purple bell curve on a black background, while the right side cycles through a purple backdrop with the word “Imperfection”, a person at a petrol station, an illustration of people, and chat bubbles. The sequence concludes with a location tag for “Harajuku”, a username “heyach_2002”, and a gradient heart.
Above

Studio Dumbar/Dept®: Instagram (Copyright © Instagram, 2024)

Instagram creators served as the main inspiration for the work. Studio Dumbar/Dept® wanted to draw attention to how they make content and the human experiences behind the brand, and then translate it into motion. “We have integrated this idea of embracing imperfection throughout the motion design system, inspired by how people interact with the app or create a story with Instagram’s creator tools,” says a release.

Physics, apparently, also plays a part in the work. Studio Dumbar/Dept® calls physics the set of design rules that keeps the system cohesive, defining how motion is oriented in time and space. “One of these Physics is called ‘Imperfection’,” says Liz, “[it] specifies how to turn polished motion into a human, relatable movement using nonlinear paths and variable speed.”

The system was integrated into Instagram’s core brand elements late last year and continues to roll out across focused campaigns. Studio Dumbar/Dept® also developed extensive guidelines and toolkits for other designers to work consistently with the new motion behaviours.

GalleryStudio Dumbar/Dept®: Instagram (Copyright © Instagram, 2024)

An animation in which a series of colourful typographic screens flash by. Text includes “Some big things start small”, “Pride Month”, “Go Skate Day”, “Find your people”, “Real” and “People First”.
An animation in which vibrant, gradient backgrounds shift between pink, orange and purple. White and yellow text appears throughout, reading “Introducing our Techniques:”, “Play with creator tools”, “Illuminate connections”, “Adapt to content” and “Shift perspective”.
An animation of a design system presentation on a black background, featuring sections titled “Motion Techniques”, “Physics”, “Dynamic Layouts” and “Animated Glyph”. The Instagram logo and various UI elements shift and morph in colour and position.
An animation in which the Instagram logo appears over a colourful gradient, followed by a series of fast-paced clips. These include a person at a picnic table, a text bubble reading “Some big things start small”, a person in a striped T-shirt, and an illustration of people on a train. The sequence ends with the words “PRIDE MONTH” and “Main character energy.”
An animation in which various social media stickers and messages pop up against a black background. Elements include a person in a pink top, an Instagram logo, a heart, and text reading “TOKYO”, “#PRIDE” and “Guess no small fries tn”.

Studio Dumbar/Dept®: Instagram (Copyright © Instagram, 2024)

Studio Dumbar/Dept®: Instagram (Copyright © Instagram, 2024)

Hero Header

Studio Dumbar/Dept®: Instagram (Copyright © Instagram, 2024)

Share Article

Further Info

About the Author

Liz Gorny

—

Liz (she/they) is the senior editor at Insights, a research-driven department within It’s Nice That. They previously ran the news section of the website. Get in contact with them for potential Insights collaborations or to discuss Insights’ public-facing reports.

It's Nice That Newsletters

Fancy a bit of It's Nice That in your inbox? Sign up to our newsletters and we'll keep you in the loop with everything good going on in the creative world.