Styleframes
Hubspot
Problem
When new users were introduced to HubSpot, they found it overwhelming to understand its full range of tools and capabilities; especially if you're new to B2B softwares. The challenge was to create an engaging and easy-to-digest motion graphic that clearly explains what HubSpot offers in a way that is both visually appealing and informative..
I designed a 2D animated infographic using After Effects, ensuring a smooth, dynamic flow of information that breaks down HubSpot’s key features step by step. Through clear iconography, concise messaging, and fluid transitions, I guided viewers through HubSpot’s core functions—CRM, marketing automation, sales, and customer service—making the platform approachable for first-time users. The final piece serves as a compelling introduction, helping new users quickly grasp HubSpot’s value and encouraging further engagement.
Process
Nov 14
Research and Storyboards
Nov 21
Design Start
Dec 2
Animation
Dec 14
Final Publish
Design References

Color
#f57722
#ff9d2a
#d3d3d3
#393939
I researched and compiled reference images from SaaS motion graphics videos, focusing on innovative uses of typography and animation techniques. They consists of text inspirations along with visual elements like simplified UI screens, interactive buttons, and abstract representations of cloud spaces.
Storyboard







Styleframes






