If Jitter isn’t in your radar but, it’s a movement design device for inventive groups that makes creating animated content material, from social media property and adverts to product animations and interface mockups, straightforward and enjoyable.
Consider it as Figma meets After Results: intuitive, collaborative, and constructed for designers who wish to deliver movement into their workflows with out the steep studying curve of conventional instruments.
Why We Redesigned Our Web site
Our earlier web site had served us nicely, but it surely additionally remained largely unchanged since we launched Jitter almost two years in the past. The previous web site centered closely on the product’s options, however didn’t actually talk its worth and use circumstances. In 2025, we determined it was time for a full refresh.
The primary aim? Not simply to focus on what Jitter does, however articulate why it modifications the sport for movement design.
We’ve had a whole bunch of conversations with inventive professionals, from freelancers and model designers to businesses and startups, and heard 4 key advantages talked about constantly:
- Ease of use
- Creativity
- Pace
- Collaboration
These turned the pillars of the brand new web site expertise.
We additionally wished to make room for development: a extra cohesive model, higher storytelling, real-world buyer examples, and academic content material to assist groups get essentially the most out of Jitter.
One other main shift was in our viewers. The primary model of the web site was talking to each designer, highlighting simplicity and familiarity. However because the product advanced, it turned clear that Jitter shines essentially the most when used collaboratively throughout groups. The brand new web site displays that focus.
Shaping Our Positioning
We didn’t outline our “how, what, and why” in isolation. All through 2024, we spoke to dozens of inventive groups, studios, and design leaders, and listened intently.
We used this ongoing suggestions to form the best way we discuss Jitter ourselves: which issues it solves, the place it matches within the design workflow, and why groups like it. The brand new web site is a direct results of that analysis.
On the identical time, we didn’t need Jitter to really feel too severe or company. Though it’s constructed for groups, we aimed to maintain the model gentle, enjoyable, and relatable. Movement design must be thrilling, not intimidating, and we wished that to return by way of in the best way Jitter sounds and feels.
Designing With Jitter
We additionally walked the speak, utilizing Jitter to design all animations and prototype each interplay throughout the brand new web site.
From menu transitions to the best way playing cards animate on scroll, all micro-interactions have been designed in Jitter. It gave us pace, readability, and a single supply of reality, and eradicated numerous the back-and-forth within the handoff course of.
Our improvement companions at Antinomy Studio and Ingamana used Jitter too. They prototyped transitions and UI movement straight within the device to validate concepts and talk again to our group. It was nice to see builders utilizing movement as a shared language, not a handoff artifact.
Constructing Along with Antinomy Studio
The event of the brand new web site was dealt with in collaboration with the proficient group at Antinomy Studio.
The most important technical problem was the massive horizontal scroll expertise on the homepage. It wanted to really feel pure, responsive, and clean throughout gadgets, and preserve excessive efficiency with out compromising on the visuals.
The positioning was constructed utilizing React and GSAP for complicated, timeline-based animations and transitions.
“The big horizontal scroll was significantly difficult and required important responsive modifications. As a substitute of defining overly complicated timelines the place display width values would change the logic of the animation in JavaScript, we used progress values as CSS variables. This allowed us to make use of calc() capabilities to translate and scale parts, whereas the GSAP timeline solely updates values from 0 to 1. Really easy to grasp and preserve!”
— Baptiste Briel, Antinomy
We’ve promoted using CSS as a lot as attainable for prime performances hover results and transitions. We’ve even used the brand new linear() easing capabilities to deliver a bouncy feeling to our CSS animations.
There’s an important device created by Jake Archibald on producing spring-like CSS easing capabilities that you may paste as CSS variables. It’s a lot enjoyable to play with, and it’s additionally one thing that the Jitter group has applied of their software program, so it was tremendous straightforward to overview and tweak for each design and engineering groups.
Jitter animations have been exported as Lottie information and built-in straight, making the expertise dynamic and light-weight. It’s a contemporary stack that helps our want for pace and suppleness, each within the frontend and behind the scenes.
— Baptiste Briel, Antinomy
What We Discovered
This redesign taught us a couple of beneficial classes:
- Begin with advantages, not options. Customers don’t care what your product does till they perceive the way it will help them.
- Design along with your actual viewers in thoughts. Jitter for solo designers and Jitter for groups are two completely different tales. Clarifying our viewers helped us craft a stronger, clearer narrative.
- Prototyping with Jitter helped us transfer quicker, iterate extra confidently, and preserve design and improvement in sync.
We’ve already seen an influence: a sharper model notion, larger engagement and conversion throughout all pages, and a brand new wave of certified inbound leads from one of the best manufacturers on the earth, together with Microsoft, Dropbox, Anthropic, Lyft, Workday, United Airways, and extra. And that is just the start.
What’s Subsequent?
We see our new web site as a continually evolving platform. Within the coming months, we’ll be including extra:
- Case research and buyer tales
- Use case pages
- Studying assets and movement design tutorials
- Playful experiments and interactive demos
Our mission stays the identical: to make movement design accessible, collaborative, and enjoyable. Our web site is now higher geared up to hold that message ahead.
Tell us what you suppose, and if there’s something you’d like to see subsequent.
Thanks for studying, and keep in movement 🚀
Give Jitter a Strive
Get began with Jitter without spending a dime and discover 300+ free templates to jumpstart your subsequent challenge. When you’re able to improve, get 25% off the primary 12 months of paid annual plans with JITTERCODROPS25.
