If you want to increase sales on your site, you have to keep people ON your site. And a great way to do that is to add engaging animations.
Because if people are having fun engaging with your content, they’re going to be a lot more likely to stick around.
Let’s recreate this scroll animation from our new St. Vincent design. I’m going to start by adding the typography to a canvas.
Then I’ll copy the text to different canvases and set them to be sticky with “Top on Scroll”. Next play with the offset.
This can take a little time to get right but stick with it. Make sure any canvases that appear below the animated canvas have a higher Z index.
Double check mobile et voila! A highly engaging, animated typographic design.

Krista is the co-founder of Davey & Krista, a creative studio known for high-converting Showit website templates crafted for photographers, creatives, and entrepreneurs. With over 15 years of branding and marketing experience, she helps business owners launch stunning websites without the tech overwhelm. Krista also teaches designers how to turn their creative skills into a thriving business—through templates, courses, and behind-the-scenes strategy. When she’s not designing, you’ll find her chasing sunshine, color palettes, and gluten-free pizza.
Explore website templates and free resources at daveyandkrista.com.

VIEW THE COMMENTS
Add A Comment