PILLAR
REDGRAPH
MOTION

A complex AI security product.
A sharp visual system.
Motion designed to make it clear, fast and engaging.

Created with

Design by KriispMotion by Yair Shalit

PILLAR / REDGRAPH MOTION

WEBSITE VIDEO

MP4

Final Web Video

MP4 placeholder · final player will follow the source video

MOTION DESIGN & ANIMATION / YAIR SHALIT

MEDIA PENDING

Year

2024

Format

Website Video · 2D Motion

Design Partner

Software & Sources

Illustrator

Figma

After Effects

My Role

2D Motion · Product Animation · Animated Explainer

Project summary

COMPLEX PRODUCT.
CLEAR MOTION.
FAST UNDERSTANDING.

A 2D motion project created for Pillar’s AI security platform in collaboration with Kriisp. The visual design and brand system were created by Kriisp, while the animation work focused on bringing that system to life through timing, transitions, line animation, UI motion and web-ready video delivery.

The goal was to explain a complex cybersecurity product quickly, without losing clarity or visual energy. The motion needed to feel sharp, technical and engaging — keeping the viewer interested while guiding them through the product story.

The Challenge

The product needed to be explained quickly without overwhelming the viewer. The animation had to move fast, stay clear and keep the visual flow engaging from beginning to end.

The Motion System

The animation was built around controlled timing, clean transitions, line movement and UI-driven motion, keeping the visual language precise and consistent across the full video.

The Collaboration

Working from Kriisp’s design system in Figma and Illustrator, the motion process focused on translating static visuals into a polished animated piece for web use.

Visual breakdown

FROM STATIC DESIGN
TO MOVING SYSTEM.

01

Design Translation

Kriisp’s static design system was translated into motion while preserving the structure, hierarchy and clean technical feel of the brand.

02

Bot Animation

The robotic bot character was animated with a controlled, creature-like rhythm, giving the product story a sense of life without breaking the clean technical tone of the visual system.

03

UI Animation

Product screens were animated with controlled timing, easing and reveals, making the interface feel active, precise and easy to understand.

04

Transition System

Scene changes were built to connect abstract diagrams, product UI and technical details into one continuous viewing flow.

Selected process

DESIGNED BY KRIISP.
BROUGHT TO LIFE IN MOTION.

Static Design

Source asset pending

Animated Result

Film frame pending

Static Design

Source asset pending

Animated Result

Film frame pending