top of page

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

Screenshot 2024-12-30 213732.png

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

story_1.png
story_2.png
story_4.png
story_3.png
story_45png.png
story_6png.png
story_8png.png

Styleframes

bottom of page