It’s no secret that animations are great at adding that extra punch (and often engagement) to user interfaces. That’s why, when LogRocket asked me to redesign their blog CTA, I suggested creating an animated claymorphic mockup of LogRocket’s UI, with various indicators and charts hovering around mid air.

I followed up with the classic Storyboard → Client validation → Final result workflow, utilizing Figma and Adobe After Effects in the process. The final outcome was a transparent .WebM animation, optimized and ready to be placed into the live blog article template.

The video below shows the final outcome as a mockup ↓

It’s no secret that animations are great at adding that extra punch (and often engagement) to user interfaces. That’s why, when LogRocket asked me to redesign their blog CTA, I suggested creating an animated claymorphic mockup of LogRocket’s UI, with various indicators and charts hovering around mid air.

I followed up with the classic Storyboard → Client validation → Final result workflow, utilizing Figma and Adobe After Effects in the process. The final outcome was a transparent .WebM animation, optimized and ready to be placed into the live blog article template.

The video below shows the final outcome as a mockup ↓