Create Award Winning Animation and Interaction Design In Webflow

Webflow: Start building websites with no-code

Webflow is a collaborative, no-code web design tool is called Webflow. It is a visual method for creating landing pages, eCommerce, and responsive websites. Additionally, Webflow includes a CMS and operates as a hosting platform.

Description

In this course you will learn all of the techniques in building out complex animations and interactions. As we dig into the fundamentals of animation and interaction design we will explore creative ways to build out digital experiences. This course will cover both how to build out clean HTML and CSS whilst building out animations and interactions that are smooth and perform well. This course will give you all of the tools to recreate, re-ues and elevate your Webflow skills.

You will learn

The course includes

01-Welcome

01-Introduction

02-Animation Principles

02-Animation Principles

03-Experience 01 – Intro Landing Page with Dynamic Interactions

Landing Animate – I Landing Animate – II Landing Animate – III Landing Animate – IV Landing Animate – V Landing Animate – VI Landing Animate – VII Landing Animate – VIII Landing Page Build – I Landing Page Build – II Landing Page Build – III Landing Page Build – IV

03-Webflow Setup

03-Webflow Setup

04-Experience 02 – 3D Experience with Mouse Interaction

3D Experience Animate 3D Experience Build

05-Experience 03 – Click Card hide and Reveal Info

Click Card Animate – I Click Card Animate – II Click Card Animate – III Click Card Build – I Click Card Build – II

06-Experience 04 – Scroll Jack Features

Scroll Jack Animate – I Scroll Jack Animate – II Scroll Jack Build

07-Bonus Content

Bonus Content Animate

08-Mega menu

Menu Animate Menu Build

09-Final Edits

Final Edits and Tweaks

COURSE FILES.7z [Awwwards] Create Award Winning Animation and Interaction Design In Webflow_Subtitles.7z

  Channel    and      Group