Custom Cursor
Loading...
SpotDraftA motion graphic video for Sprinto, an automated security and compliance platform built to streamline audits for growing SaaS companies.
Produced at Fabel Media
Role: Conceptualisation, Character Design, 
Visual Design, and Motion Design




CONCEPT DEVELOPMENT VISUAL DESIGN MOTION DESIGN CHARACTER DESIGN



 
Styeframe from the video
Compliance in Motion! In my debut project as an Art Director, I led the design and visual language for Sprinto. 

The goal was to redefine digital security for growing SaaS companies by replacing restrictive clichés with dynamic visual metaphors of structure, momentum, and growth.



Idea


The AskSprinto needed a motion graphic video that explained their automated security platform to growing SaaS companies. The challenge was clear, compliance is traditionally viewed as a tedious, friction-heavy process. They wanted a visual piece that flipped that narrative, framing compliance not as a roadblock, but as an enabler for growth and trust.
The Concept As the art director, my goal was to avoid digital security clichés like padlocks and shields, that make compliance feel restrictive. Instead, I anchored the visual language in momentum and structure. By utilizing constructive metaphors like blueprints, bridges, and compasses, the design translates Sprinto into a reliable framework. It lays down the guardrails so businesses can move faster and scale safely.

Keywords: Checklist, Lock & Shield, Blueprint, Handshake, Compass, Balance Scale, Stamp, Guardrails, Grid/Framework, Fingerprint, Bridge, Surveillance, Clock, Guiding Signs, Seat Belt, Passwords
   




Rough Sketches

Character Design
This phase was the critical testing ground where the core visual logic took shape. I used these boards to translate Sprinto's complex technical concepts into simple, abstract forms. Beyond just framing the shots, this step allowed me to engineer the pacing and map out the fluid, continuous transitions that would ultimately drive the final video's momentum.



Storyboards
This phase was the critical testing ground where the core visual logic took shape. I used these boards to translate Sprinto's complex technical concepts into simple, abstract forms. Beyond just framing the shots, this step allowed me to engineer the pacing and map out the fluid, continuous transitions that would ultimately drive the final video's momentum.


Journey through Iterations:



Visual Language
To ensure the complex subject matter remained approachable, I established a playful, highly legible visual language. By intentionally stripping away gradients and complex shading, I utilized Sprinto’s bright brand palette as solid, flat graphic elements. This high-contrast, color-blocked approach reduces visual clutter, making the abstract metaphors immediately readable and engaging.
.


Different style explorations before landing on the final style.






Final styleframes After an extensive phase of visual exploration and iteration, these are the final styleframes we landed on to define the look 
and feel of the project.



UI Design
Integrating the actual Sprinto platform required careful iteration. Our initial exploration was ultimately discarded for being too literal and technical, which clashed with the playful tone we had established. 

Instead, we landed on this final stylized approach, designing the interface elements to ensure the software felt just as approachable, user-friendly, and seamless as the rest of the visual world.






Structure & Movement
Translating this rigid visual language into fluid motion required a system-driven approach. I handled the animation for these specific sequences using Cavalry. Instead of manually keyframing every element, I built custom setups using Forge Dynamics and grids. This allowed the team to create scalable, automated motion systems that perfectly matched the concept of structure and momentum.





Final Deliverable


© 2026