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 belongings and adverts to product animations and interface mockups, simple 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 effectively, but it surely additionally remained principally unchanged since we launched Jitter practically two years in the past. The outdated web site targeted 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 adjustments 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 persistently:
- Ease of use
- Creativity
- Pace
- Collaboration
These grew to become 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 probably 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 grew to become clear that Jitter shines probably 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 speak about Jitter ourselves: which issues it solves, the place it suits within the design workflow, and why groups like it. The brand new web site is a direct results of that analysis.
On the similar time, we didn’t need Jitter to really feel too severe or company. Despite the fact that it’s constructed for groups, we aimed to maintain the model gentle, enjoyable, and relatable. Movement design ought to be thrilling, not intimidating, and we wished that to come back via in the best way Jitter sounds and feels.
Designing With Jitter
We additionally walked the discuss, 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 had been designed in Jitter. It gave us velocity, readability, and a single supply of fact, 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 staff. 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 staff at Antinomy Studio.
The most important technical problem was the big 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 location was constructed utilizing React and GSAP for complicated, timeline-based animations and transitions.
“The massive horizontal scroll was notably difficult and required important responsive adjustments. 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() features to translate and scale components, whereas the GSAP timeline solely updates values from 0 to 1. Really easy to know and preserve!”
— Baptiste Briel, Antinomy
We’ve promoted the usage of CSS as a lot as attainable for prime performances hover results and transitions. We’ve even used the brand new linear() easing features to deliver a bouncy feeling to our CSS animations.
There’s an excellent device created by Jake Archibald on producing spring-like CSS easing features you could paste as CSS variables. It’s a lot enjoyable to play with, and it’s additionally one thing that the Jitter staff has carried out of their software program, so it was tremendous simple to evaluate and tweak for each design and engineering groups.
Jitter animations had been exported as Lottie recordsdata and built-in straight, making the expertise dynamic and light-weight. It’s a contemporary stack that helps our want for velocity and suppleness, each within the frontend and behind the scenes.
— Baptiste Briel, Antinomy
What We Discovered
This redesign taught us just a few priceless classes:
- Begin with advantages, not options. Customers don’t care what your product does till they perceive the way it may also help them.
- Design along with your actual viewers in thoughts. Jitter for solo designers and Jitter for groups are two totally different tales. Clarifying our viewers helped us craft a stronger, clearer narrative.
- Prototyping with Jitter helped us transfer quicker, iterate extra confidently, and hold design and improvement in sync.
We’ve already seen an affect: a sharper model notion, larger engagement and conversion throughout all pages, and a brand new wave of certified inbound leads from the very 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 continuously 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 outfitted to hold that message ahead.
Tell us what you assume, and if there’s something you’d like to see subsequent.
Thanks for studying, and keep in movement 🚀
Give Jitter a Attempt
Get began with Jitter free of charge and discover 300+ free templates to jumpstart your subsequent mission. When you’re able to improve, get 25% off the primary yr of paid annual plans with JITTERCODROPS25.
