Alexander Hess – Motion UI Design · Gold

Proof Content

Become a Pro in Motion UI Design and UI animations
Learn how to create UI animations, micro-interactions and prototypes like a Professional Designer, improve your portfolio, impress clients and get the most powerful WOW-effect skill for a UX/UI designer

“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 Chung
UX Designer at NHN Global

A tremendous value you will get after this course

You’ll learn:

• What Motion UI design is 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, and websites; create POWERFUL 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 boost your animations and prototyping skills.

This course is for

• UX/UI Designers (Junior-Senior level)
  Learn how to create micro-interaction, transitions, UI animations, powerful prototypes and present your designs like a professional
• Web Designers (all levels)
  Learn how to animate your websites, create real web prototypes to level-up your portfolio, attract clients and impress your managers
• Motion or Interaction designers
  Learn the fundamentals of Motion UI design and get a new skill that will bring you clients and a job of your dream
• Anyone interested in Motion UI Design
  Even if you are not a designer, this masterclass will guide you step-by-step on how to become a Pro in Motion UI design

Get an unfair advantage as a Designer
If you want to get more or better clients, get a promotion, a new or better job, there should be the difference between you and all other designers on the market.

Be at the Top!
Millions of people started their journey in the Design industry. But unfortunately, not so many of them decided to choose Webdesign or UI Design career. Even fewer – know UX and UI. But very few of them know 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.

Stand out from the crowd!
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.

You can do it!
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!

What’s inside
Module 1: Fundamentals

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

Your result after Module 1
You know what Motion UI design is; 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.

Tools we will use
In this masterclass, we will be working in Figma and Principle. 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 can apply to 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.

Trusted by designers from companies like
Designers, developers, marketers and many other professionals from 100+ different companies enrolled in AHDesign Academy courses and masterclasses