All projects

Foreground animations

Scroll-triggered animations for media elements to increase engagement

Company

Company logo

Role

Head of Product Design

Released

January 2025

Context

Scroll-based storytelling is Shorthand's core strength, but animations were missing for foreground media elements. Customers wanted more dynamic ways to reveal content and guide attention as readers scrolled.

Scroll-triggered animations for foreground media elements like images and videos. Making content more immersive while keeping it simple to use.

Process

  1. Designed three preset animations (fade, zoom, slide) for quick application
  2. Added custom options with fade, slide direction, zoom, rotate, and speed controls
  3. Built the ability to apply animations to whole sections for a consistent look

Solution

Scroll-triggered animations available in text, media gallery, scrollmation, and grid sections. Choose from presets or create custom animations, then apply across sections for a cohesive feel.

OracleChapelier Fou
0:00 / 0:00