Animations for homepage

[jamesefhawkins]

Principles:

• Animations should be secondary
  • Parallax animation is not a good idea. This works for apple (natural when showing a physical product to have it being moved around and rotated)
• Animations should be on a slow cadence, so people may not notice at first - so it makes them question "did that move" and then sparks joy as a result
• we should get someone as a contractor and once they've delivered, get them to show Lottie how they do this at the end

Ideas:

• product icons at the top move as you hover them

  

• hedgehogs in hero strip move gently

  

• drips of sweat every 30 seconds

• a spark every now and again

• 

• lever moves

• a shooting star every 30 secs / camp fire flickers or glow changes

  

• bubbles / a puff of smoke

• hedgehog pops head out from behind pillar and looks up at Dalton

[charlescook-ph]

hedgehog pops head out from behind pillar and looks up at Dalton

hedgehog pops head out from behind pillar and makes a cheeky face at Dalton