Omniscient Design

Intelligence Catalog

Webby Awards · Best Use of Animation/Motion Graphics (People’s Voice)

The Spark

https://spark.thedigitalpanda.com/
high complexity

Emphasizes narrative and animation to drive engagement

Visual Style

dynamicStory Driven

Personality Fit

inspirationalcreative

Industry Fit

technologyeducationProfessional Services

Business Model

B2CB2B

Target Audience

Tech Enthusiastsstudentsinnovators

Conversion Strategy

Use dynamic storytelling to emotionally connect and lead users to take action

Design Patterns

Hero video, scroll-based storytelling, animated transitions

Recommended Stack

Next.jsFramer MotionVideoJS

Reusable Modules

  • Video Hero Section
  • Scroll Triggered Animations
  • Story Panels

Claude Design Prompt

Design a dynamic, story-driven website that uses video and animation to guide users through an inspiring narrative.

Build Agent Prompt

Implement scroll-triggered animations and video heroes using Framer Motion and VideoJS. Structure content to support storytelling.

SMB Adaptation Notes

Restaurants

Create video-driven stories of the dining experience

Home Services

Show transformation stories through before/after videos

Professional Services

Use animated case studies to describe solutions

Automotive

Narrate car history with dynamic video sequences

Real Estate

Use video tours and narratives to sell properties