Discover the best aftereffects websites created by professional designers. Get inspired and start planning your perfect aftereffects web design today!

AirPods Pro

Just finished the creation of my new personal design consultancy site. 
I had some great fun illustrating and animating a few little surprises throughout that will hopefully bring a smile to even the most dead inside.

Ollivere

Testing out the aftereffects/lottie pipeline for webflow! The entire animation is one aftereffects sequence rendered as JSON using the bodymovin plugin.  Im using a scroll-driven interaction timeline in webflow to scrub through the svg animation and toggle the text on/off for each section as the user scrolls through the page

lottie svg test

simple SVG sequence on scroll

A SPACE FOR UNCONDITIONAL CREATIVITY PRESENTED BY ART SPACE. We’re not your traditional art school. Artspace is for your soul. We are Melbourne's only free-flowing studio for you to get creative, learn and unwind. We run a series of short course classes that change from week to week, giving you the tools to create! Grab a pal and come get artsy!

ArtSpace

ArtSpace Melbourne

This demo showcases an animal conservation header in Webflow. It is for a video tutorial that I created on my YouTube Channel. 

This demo incorporates the following:

-An intro with a logo animation created in After Effects and added with Lottie
-A Slider
-Animated headings when the slides change
-A Lightbox link with the background color of the site
-Elements added with Grid and Flexbox

You can watch the video tutorial here:
https://www.youtube.com/watch?v=VFBVh9FqDdA

WebDev For You - Animal Conservation UI

Optimal branding, motion, website design and development for this group focused on conversion rate optimization.

Accelerated

by Hernan Torrisis
Github page: https://github.com/bodymovin/bodymovin

Hernan torrisi's First Site

Bodymovin test

Webflow

Create a 3D animation in Cinema 4D and import then animate it in your website.

Full course, plus downloadable assets: https://wfl.io/after-effects-lottie

Versive

After Effects & Lottie | Creating a galaxy in Cinema 4D and animating in Webflow

Learn how to use Cinema 4D and After Effects to render a 3D phone as an image sequence, then import the sequence into Webflow to tie the animation to a website's scroll position.

Full course, plus downloadable assets: https://wfl.io/after-effects-lottie

World's thinnest smartphone

worlds-thinnest-smartphone

DeAndre Holland

My portfolio website that showcases my creations

Kept Frozen Portfolio

keptfrozen

WonderUp

Redesigned website for the incredible CX Optimization Agency: bot•hello. They wanted a new sleek, cyberpunk feel to it. We delivered.

bot•hello

I am a full-time creative worker and graphic designer currently in Berne, Switzerland. My goal is to design experiences and reflect the values of a project so that it can reach its purpose. I like to be part of projects with impact and as a problem solver I appreciate being a design consultant.

greg.design

greg.design by Gregory Anthony Zagkos

Parth Animation

parthdesigns

ambiant studio

ambiant-studio

Rebuild of the Airpods 3rd Gen Website. If you found this useful, giving it a Like would make my day :)

Airpods 3rd Gen

AirPods 3rd Gen Clone

Personal Portfolio.
Animation created with After Effects and Lottie Integration

Sameo

Personal Portfolio - Sameo

fünf

Technology to elevate our human experience. Created in collaboration with Griflan.

Highvibe

Highvibe Network

UX/UI designer, motion graphics and product design.