Get a 50% discount when you buy 2 courses or more!
NEW Pre order Create Award Winning Animation and Interaction Design In Webflow By Joseph Berry
This offer ends:
$100 $35
Buy
Create Award Winning Animation and Interaction Design In Webflow
English English, Spanish, French (+3) [Auto]
5 Hours Course

Create Award Winning Animation and Interaction Design In Webflow

Watch Trailer
Pre order $100 $35
Buy course

Animation and Interaction is a fundamental part in creating engaging and exciting experiences. Learn the crucial techniques in creating advanced animations and interactions inside of Webflow.

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.

Pre-order. This special price is available as you are buying the course in advance. The course will be available by the end of June. The price will increase as we get closer to the date and once it’s online it will be full price - so register now for a big discount.

(*) The times of the chapters as well as the total duration of the course are approximate and may have some variation

The subtitles are automatically generated, so the quality of the captions may vary.
  • Creative Process
  • Creative Direction
  • UI Design
  • UX Design
Course Table of contents
What will you learn?

10 sections • 26 lectures • 5 hours

  • Welcome
    2 lectures 02:40 Mins
    • Introduction
      01:30 Mins
    • Words of Wisdom
      01:10 Mins
  • Creating Ideas
    3 lectures 12:20 Mins
    • A good old reference
      02:15 Mins
    • Animation ideas in Figma
      05:45 Mins
    • Prepare for change
      04:20 Mins
  • Animation Principles
    4 lectures 15:30 Mins
    • Timing
      03:25 Mins
    • Delay
      03:15 Mins
    • Easeing
      03:10 Mins
    • Now all in practice
      5:40 Mins
  • Webflow Setup
    2 lectures 38:10 Mins
    • Assets & Code Snippets
      20:20 Mins
    • Styleguide Setup
      15:50 Mins
  • Experience 01 - Intro Landing Page with Dynamic Interactions
    3 lectures 51:20 Mins
    • Preparation
      02:25 Mins
    • Building the structure
      25:30 Mins
    • Animation and interaction: Load - Text animation - Hover - Click - Page Transition
      22:25 Mins
  • Experience 02 - 3D Experience with Mouse Interaction
    3 lectures 1 Hour 11 Mins
    • Preparation
      03:20 Mins
    • Building the structure
      25:10 Mins
    • Animation and interaction: Load - Hover - 3D - Mouse - Loop - Page Transition
      42:25 Mins
  • Experience 03 - Click Card hide and Reveal Info
    3 lectures 1 Hour 8 Mins
    • Preparation
      02:20 Mins
    • Building the structure
      25:05 Mins
    • Animation and interaction: Load - Click - Hover - Scroll In - Mouse - Page Transition
      40:15 Mins
  • Experience 04 - Scroll Jack Features
    3 lectures 1 Hour 4 Mins
    • Preparation
      02:05 Mins
    • Building the structure
      20:15 Mins
    • Animation and interaction: Load - Scroll - Loop - Parallax - Page Transition
      41:00 Mins
  • Bringing it all together
    2 lectures 05:15 Mins
    • Bonus Content
      04:05 Mins
    • Fine tuning for other devices
      01:10 Mins
  • Final Words
    1 lectures 01:30 Mins
    • Thank you
      01:30 Mins
Joseph Berry
Work Work Work 
Work Work Work 
Studio Arte
Studio Arte
studioarte.info/#
The Goonies
The Goonies
the-goonies.webflow.io
Moon
Moon
moonultra.com
Joseph Berry
Joseph Berry
joseph-berry.webflow.io
 

With a flair for design and the development know-how, Joe is a perfect example of fusing art with engineering. After a decade plus of experience, Joe has sharpened his design zeitgeist and is now ready to share this to the world.
Gideon Cheok
Gideon Cheok Experience Design Director at Digitas
Course details

Create Award Winning Animation and Interaction Design In Webflow

Create Award Winning Animation and Interaction Design In Webflow

By Joseph Berry

  • Creative Process
  • Creative Direction
  • UI Design
  • UX Design
$35 65% off $100

This offer ends:

  • English
  • English, Spanish, French, Japanese, Italian, Portuguese [Auto]
  • Intermediate & Professional
  • Access on mobile and Desktop
  • Full time access
  • Certificate of completion
About the Speaker
Learn from the best
  • Joseph Berry

    Joseph Berry

    Freelance Experience Designer

    @josephberry88

    Joseph has worked with a number of Global clients creating digital experiences for both Web and App. Having worked in key roles for clients spanning many different sectors, Joseph has a keen eye for forward-thinking design, owning the ability to see clear direction from beginning to end.

    joseph-berry.webflow.io

Similar Courses