Get the most powerful skill 

Motion UI Design Masterclass

Learn how to create UI animations, micro-interactions and prototypes, improve your portfolio, impress clients and get the most powerful wow-effect skill for a designer.

★★★★★

"I wanted to improve my UI Animation. After this masterclass, I got a new job with a better salary"

— Roger F.

A tremendous value you will get after this masterclass

You'll learn:

  • What is Motion UI design and why every UX/UI designer should know it if they want to get to the next level;
  • The difference between Motion UI design and Motion design so you understand that Motion UI is easy to learn;
  • What Motion UI design doesn't exist without. The very first thing you need to know before animating anything;
  • The purpose of animations and prototyping, so you know how to pitch your works and sell them;
  • Types of Motion UI design & triggers;
  • How to train your prototyping and motion design skills, so you will never get stuck;
  • What can be animated and how to avoid mistakes. Some tools have their limits, you will know them;
  • How to use masks in motion UI design to create mind-blowing animations and prototypes;
  • How to animate logos, mobile apps, websites, create POWERFULL prototypes and MINDBLOWING presentations;
  • Top mistakes people make with motion and ruin their designs;
  • BEST practices and examples of great works;
  • Developers hand-off. How to explain your works to developers;
  • List of websites and resources for your inspiration and to boost your skills in animations and prototyping.

This masterclass is for:

UX/UI Designers of all levels

Learn how to create micro-interaction, transitions, powerful prototypes and present your designs like a professional

Graphic Designers of all levels

Learn how to animate logos, posters, banners, typography and other works to level-up your portfolio

Beginners in design or motion design

Learn the fundamentals of Motion UI design and get a new skill that will bring you clients and job

If you are Interested in Motion Design

Even if you are not a designer, this masterclass will guide you step-by-step so you become a Pro in Motion UI design

Get an unfair advantage as a Designer

If you want to get more clients or better clients, get a job or a better job, there should be a difference between you and all other designers on the market.

motion-ui-design-course-advantage-alexunderhess-min

There are millions of people who started their journey in the Design industry. Not so many of them decided to choose Webdesign or UI Design career. Even fewer – know UX and UI. But very few of them have the knowledge in Motion UI.

Being able to animate or prototype your designs gives you an unfair advantage as you know what others don't know, as you pitch your ideas the way others don't know how to pitch.

This is what Motion UI design knowledge gives you. It allows you to get better clients, better positions, earn more money and stand out on the market.

How do Apple and Google create these incredible landing pages? How do other designers create these amazing prototypes and animations?

You can do it! You can bring life to your designs and impress other people. It's much easier than you think. I will show you how!

★★★★★

"Phenomenal! I feel like I took a semester worth of concepts in one go."

— Hana Stanojkovic

Students from all over the world took this masterclass

Can you spot your country? If it's not here, join the masterclass and I will add the flag of your country.

motion-ui-design-masterclass-students-countries-alexunderhess-mc-min

★★★★★

"It was great. I have learned amazing things, thank you so much for this great class for this great price."

— Kevin Herbert

Motion UI Design Masterclass Packages

motion_ui_design_masterclass_alexunderhess_premium_package-min
PREMIUM

Fundamentals + Practice

• Where to Start in Motion Design
• Fundamentals of Motion UI
• The practice of Motion UI
• What to animate, How and Why
• Mistakes people make
• Export of Animations
• How to Work with Developers
• Bonus PDF
• Lifetime Access
• Homework
• A handy platform with a personal account
• Free updates
• Certificate of completion
• How to Work with Principle
• How to Create an Apple-style LP

$299
instatribe-payment

Payment is processed and secured by Stripe and PayPal by 128bit SSL encrypted payment.

motion_ui_design_masterclass_alexunderhess_gold_package-min
GOLD

Fundamentals + Practice + Principle

• Where to Start in Motion Design
• Fundamentals of Motion UI
• The practice of Motion UI
• What to animate, How and Why
• Mistakes people make
• Export of Animations
• How to Work with Developers
• Bonus PDF
• Lifetime Access
• A handy platform with a personal account
• Homework
• Free updates
• Certificate of completion
• How to Work with Principle
• How to Create an Apple-style LP

$449
instatribe-payment

Payment is processed and secured by Stripe and PayPal by 128bit SSL encrypted payment.

connie-c-avatar

"This masterclass is my favourite I've taken so far! I definitely feel much more confident in my skills and I'm just so mind blown that these animations are achievable on Figma!

The way you broke everything down and made it so simple and easy to understand - from theory to the fundamental principles of Motion UI Design."

— Connie C.

What's inside

Module 1: Fundamentals (Premium, Gold)
  • Welcome to the masterclass (1:53)
  • Where to start in Motion Design (3:35)
  • What is Motion Design (6:04)
  • What is Motion UI Design...and Triggers (10:28)
  • Transitions. Which one to choose (9:50)
  • The main purpose of Motion UI Design (6:47)
  • Tools for Motion UI Design. Which one is the best? (8:42)
  • Why Motion Design is so complicated? Now you know that it's not. (2:13)
  • The first fundamental principle of Motion UI Design (3:49)
  • The second fundamental principle of Motion UI Design...and how companies like Apple and Google do it? (26:46)
  • What's next (5:01)
Your result after Module 1

You know what is Motion UI design; what it consists of and what tools to use; how companies like Google, Apple create animations for their landing pages; you know how to analyze UI animations and prototypes of other designers so you will be able to create any website or mobile app.

Module 2: Practice (Premium, Gold)
  1. Intro to the Practice section (0:41)
  2. The most used attribute in Motion Design (41:53)
  3. How to work with scroll (13:04)
  4. What you should know about Masks in Motion UI Design (14:21)
  5. The least used attribute in Motion UI Design (8:15)
  6. How to reveal these elements? (5:29)
  7. What's the difference between size and scale (20:21)
  8. Why you should know how to animate border radii (4:43)
  9. If you are a UX/UI design you have to animate it (6:38)
  10. Let's make it pop. How and where to animate effects (6:32)
  11. BONUS: How to Animate Isometric Elements (9:27)
Your result after Module 2

You know what attributes to animate and how to do it; you know how to work with scroll (most designers don't understand the secret behind it); you know the difference between SIze and Scale in animations; you know how to animate different effects in Figma; you know how to create Isometric animations; you know how to create powerful animations using masks.

Module 3: Motion UI with Principle (Gold)
  1. Introduction to the Principle module (0:33)
  2. What is Principle and why it's so powerful (15:02)
  3. Principle. 5 main sections of the tool (33:56)
  4. How to prepare a project and import it to Principle (25:49)
  5. How to create an Apple-style landing page with Principle (105:49)
  6. How to create a mobile app prototype (79:09)
  7. How to export your animation from Principle(22:33)
Your result after Module 3

You know how to create powerful animations and prototypes with Principle; you know how to prepare your design for this tool; you know how to animate landing page prototypes like Apple and Google; you know how to create mindblowing UI animations for mobile apps; you know how to export your works to your website, Dribbble or any other platform.

Module 4: Export & Developers (Premium, Gold)
  1. How to export and share your animations and prototypes (14:32)
  2. How to explain your animations to developers (Specifications) (10:22)
      
Your result after Module 4

You know how to export your animations and prototypes to your portfolio, website, Dribbble, Behance or any other website; you know how to explain your animations to developers so they will be implemented the right way.

What tools we will use

In this masterclass, we will be working in Figma and Adobe XD. But you don't need to know all of them. If you know Sketch, Adobe XD, Figma, Invision studio or only Keynote, it will be more than enough for you, because the knowledge you will get you can apply in any tool.

Do you think Motion UI design is hard? Afraid to start?

Lots of designers are afraid to start animating and prototyping their works. They don't know where to start, they think they need to know After Effects or how to code.

I created this class to show you that Motion UI design is easy and fun to learn, you can create incredible works without After Effects and coding, give you all the principles of Motion Design and guide you step by step in this field so you will become a PRO in Motion UI design.

★★★★★

"Scintillating, Vibrant Classes. It has given me lots of insights to work with Figma to upgrade my skills, Truly I have no words to speak ....Alex is one the best in design and it remains eternal."

— Sai Rathan

★★★★★

"It seemed to me that Motion UI design is very complicated. After this class, I got a promotion and a raise."

— Pawel W.