Discover a Proven Blueprint to Transforming Your Designs to Jaw Dropping & Professional UI Animation & Motion Renders By The End Of... TODAY!
...and catapult your design career to rockstar status as a certified ui animation designer!
UI Animation Certification
Exclusively for UX/UI & Product Designers yearning to showcase their dream portfolio, command end to end project ownership, and accelerate your career and income.
Make your design portfolio stand out
Spice up your Dribbble shots
Communicate your design ideas to your team and stakeholders
Get more clients and raise your rate
Hand off your motion to engineers
ENROLL NOWAnd the best part is you don’t need to be a professionally trained animator, you don’t need ANY previous animation experience and you don’t need months of time learning with my proven ‘rapid-learning,’ instant-implementation training lessons!
"I just landed my dream job..."
"I was finally able to post my first animated Dribbble shot..."
β β β β β
“You are the first person I’m telling - I just landed my dream job doing UI/UX for a new product team at CVS Health on the pharmacy side!! I’m not even all the way done with the UI Certification course and I’m already seeing the results!”
Hannah Victoria
Product Designer at CVS
β β β β β
“Within a week of buying the UI Animation Certification course, I was finally able to post my first animated Dribbble shot, get my animation approved by my team, and deliver Lottie JSON files to engineers! Much more animated shots/work to come very soon.”
Evelyn
Senior Product Designer at AIG, Houston
Fellow UX/UI & Product Designers
Are you ready to dramatically accelerate your career and easily command higher fees from clients like…
Facebook, Dropbox, Slack, Oracle, Salesforce, Airbnb, Kayak, Twitter, Amazon, Nordstrom, HBO, Target, Hanes, AT&T, T-Mobile, Philips, MTV, UNAIDS, and more?
The truth of the matter is...
All of these above-mentioned companies have been clients of mine! In fact, I got so busy I’ve turned down freelance work at the moment!
Before I go any further, you should know that…
Good design simply doesn’t cut it any more.
My secret to landing all of these clients stems from just ONE powerful tool in my skill set that gives me an unfair advantage over countless other designers. If you get this ONE thing right, you too can win pitch after pitch after pitch with an endless roster of household name brand companies that pay you top dollar for your jaw-dropping work!
That ONE thing is...
Knowing how to intentionally design and pitch UI Animation.
Professional UI Animation & Motion industry myths demystified by an insider...
MYTH #1
After Effects is too complicated to use
False! One of the most common misconceptions is that it takes weeks and months to learn After Effects. While it is true that After Effects is a deep animation tool, nearly all UI Animation uses a very specific subset of After Effects features...which I reveal in super easy steps!
MYTH #2
I need to be a professional animator to create animations
Wrong! You do NOT need to become a professional animator to transform your designs to jaw-dropping, ultra-professional UI animation and motion renders...when you follow my proven short cuts!
MYTH #3
Learning After Effects for UX projects is a waste of time
Nope. The truth is that showing high quality renders of your UI motion ideas to your stakeholders, team, or client, is always superior to showing amateurish motion made in other programs – even if it it isn't interactive! I should know, I win nearly all my UX motion pitches BECAUSE I show my ideas in full fidelity...and I’ll show you how to swipe and deploy all my best kept secrets!
"After Effects training that is catered towards UX/UI designers."
"This is one of the best investments you can make..."
β β β β β
“I’m just excited that someone in our industry has taken the initiative to put together After Effects training that is catered towards UX/UI designers. Motion is becoming such an important part of designing and communicating my work, and I have found it incredibly difficult to find resources online to learn the tool.”
Dickson Fong
Lead at Search at Google, San Francisco
β β β β β
“The UX in Motion video tutorials were key to my expertise with motion in UIs. The tutorials do a great job of guiding you through the fundamentals of After Effects and how to realize your motion design ideas. This is one of the best investments you can make if you are interested in learning how to prototype motion and effects in user interfaces.”
Prasant Sivadasan
Senior Program Manager at Microsoft, Seattle
That’s right...
I’ve discovered and mastered all of these subset processes and I’ve helped designers go from zero animation experience to delivering polished renders in less than a day’s time!
That’s what countless designers have achieved and what YOU will finally be able to achieve in the industry’s first, groundbreaking rapid-learning animation certification course for NON-animators called...
UI Animation Certification Course
The #1 Rapid-Learning Toolkit for Transforming Designs Into Industry-Leading UI Animation & Motion by the End of... Today!
In this industry-leading course, you’ll discover my best-kept secrets to quickly and easily transform your designs to UI Animation & Motion in just 8 hours of exclusive, rapid-learning lessons...even with zero previous experience and without becoming a professional animator!
Choose the plan that works best for your budget
"Super educational and engaging!"
"Create compelling motion studies worthy of showcasing to clients."
β β β β β
“I now have a much better understanding of how to approach using motion in UX design and how to advocate for it to my team. You gave me frameworks to design and evaluate motion as well as lots of hands on practice. Super educational and engaging!”
Kate Apostolou
Product Designer at Dropbox, San Francisco
β β β β β
“In just 3 hours of training, you equipped me with a solid understanding of the application and the knowledge for how to create compelling motion studies worthy of showcasing to clients. Thank you Issara. YOU rock!”
Ewen Syme
Senior Interaction Designer at frog design, Seattle
If you’re ready to...
'Wow' your boss, team and stakeholders on open projects you’re working on right now
Attract bigger clients and higher fees, and know exactly how to communicate and pitch your vision in a super-compelling way
Gain the unfair advantage over crowds of other UX & Product Designers trying to break into tech
Catapult your design career to ROCKSTAR status
Then you MUST enroll into this program now.
Inside this exclusive program, you’ll discover…
A framework for designing motion in your app, website, or digital product.
How to quickly turn your Figma, Sketch, Adobe XD, Photoshop, Illustrator, design files into UI Animation with After Effects.
How to effortlessly sell motion to your boss, team, stakeholders, and clients.
How to deconstruct UI motion examples and make them yourself in After Effects.
Develop the winning ‘eye’ for accurately analyzing motion in apps and websites.
Learn how to export Lottie JSON files to your engineers and how to create GIF renders.
Learn how to design motion that integrates with the UX.
How to implement UI animation on a project you’re working on right now with this rapid-learning style course.
...and a ton more!
Seriously, these are just some of the amazing things you’ll be able to do with what you’re about to discover.
There's no fluff in this course.
These are all my top techniques and workflows, best practices, and strategies.
I've stress-tested every technique on real world projects.
You may be wondering who I am and how I discovered these secrets.
Sign up now
My Journey…
Hi, my name is Issara Willenskomer and I’m an award-winning designer and one of the industry’s leading UX motion experts.
But I started off, just like a lot of designers, working on app and website projects. I had zero motion experience. I really enjoyed having full ownership over my projects, because doing great work was important to me.
The first time I became aware of the power of motion in product design was when I was doing the design work on a next generation shopping collaboration between Microsoft and Target.
I was working on the static designs and had an idea of how to transition between the screens.
Because I didn’t know how to animate, we ended up hiring a motion expert. I remember handing off my design assets to him and not really knowing what to expect.
Several days later he presented his work and my jaw hit the floor.
I jumped from design into the world of motion graphics. I started at the bottom and had top animators teach me on the job working on high end video projects for clients like MTV, Fanta, HBO, Xbox, Baskin Robbins, and more. I immediately began animating UI, because I could see the power it had.
Keep in mind, I had almost NO animation experience. I never went to school for this.
Obsession precedes innovation…
As one of the few UX designers/animators in the industry (this was a few years ago) I began to get more work.
Some of those clients included Facebook, Twitter, HBO, Target, Microsoft, XBox, Motorola, TMobile, Nordstrom, Philips, AT&T, and more.
In all these projects, there was this agreement that motion was ‘cool’.
Over the course of several years, I must have watched thousands of UI animations on places like Dribble, Pinterest, Behance, and on real world apps on my phone. I obsessively interacted with the same screen, looping things over and over, trying to see what it was doing to my mind.
Then one day... I broke through...
On all my projects I would ask the Product Managers what they felt the value of motion was. Nobody could answer, except that they thought it was cool.
But I knew there was more, I just wasn't able to see it.
I knew I had gold in my hands and had to share it with the world.
So I spent another 6 months researching further and finally published a landmark essay on Usability and Motion.
This essay went viral and is up to 700,000+ views!
From this essay, I developed a framework that was so cutting-edge and effective that corporate teams have been hiring me to teach it to their design teams.
These companies include Dropbox, Slack, Oracle, Salesforce, Airbnb, Kayak, Capital One and more.
Conquered my challenges...
If you’re like most of us, your mind is probably going at a thousand miles an hour, coming up with a million reasons which you can’t reach the same level of success. I learned this was the #1 most common experience for designers.
It’s easy to understand why I felt overwhelmed, the multiplicity of layers and timelines was crippling. The obstacles didn’t stop there as my mind would come up with more reasons to give up. But I was determined and came up with my own methods to crush those barriers and reach my goal.
Challenge 1: If I had hundreds of layers, this was hundreds of timelines I had to mentally navigate. It was hopeless.
So I developed my own system and framework for ‘grouping’ layers so that I could manage my overwhelm.
Challenge 2: Another roadblock was that the interface was too complex. It’s hard for anyone not to be intimidated the first time they open After Effects.
So I came up with the solution of creating custom workspaces.
Challenge 3: Still another challenge I faced was not knowing how to vet and qualify my motion ideas.
I solved this problem with my motion and usability framework.
Challenge 4: One last challenge I’ll mention here is that I had NO good systems and frameworks for producing high quality work super fast.
I invented my own systems and frameworks that I used on all my professional projects and that you'll get in the course.
The #1 Tool of Choice
When it came down to choosing the right tool to deliver these results, I noticed that nearly all the UX Designers who did amazing motion work used After Effects.
Now, granted, this was a few years ago, but guess what? Not much has changed.
Even though you can’t deliver interactive prototypes...
After Effects remains the 'best in class' tool for high fidelity animation work.
I also knew that in order for me to get results, I would have to deliver consistent results AND be able to work quickly.
The repetitive nature of UX and product design is so vastly different than the motion graphics world. In the motion graphics world, you only have to worry about it looking good. In the UX product world, you have to be able to work quickly, iterate quickly, and build in a way that makes sense to engineers.
Because nobody was teaching this stuff, I had to develop my own workflows and seek out mentors.
Fortunately, I was able to meet some amazing mentors like friend Eric Braff who helped design motion standards for Microsoft, and Matt Silverman, who helped develop motion for both Apple and Google.
From these guys I was able to figure out the perfect easing and duration numbers to have my motion prototypes looking perfect every time.
Remember, I'm not a classically trained animator. I'm a designer who learned to animate my work, not animate technical cartoon characters.
You and I just need to be able to...
...take your UX product design files and turn them into jaw-dropping animations.
Putting all million pieces of the puzzle together in a simple, clear, step-by-step process became my Superpower.
I mastered processes that I’ve packaged up into this master certification course for…
Making any design portfolio stand out among the crowd of competition for any job or project you pursue
Effectively communicating design ideas to clients, team members, stakeholders and engineers
Handing off quality assets to engineers, developers and other stakeholders
Attracting endless top-notch clients at higher fees
Because of my philosophy of using motion to have a strong portfolio, I was able to win pitches and work on UI motion projects for clients including...
Facebook, Twitter, Amazon, Nordstrom, HBO, Target, Hanes, AT&T, T-Mobile, Philips, MTV, UNAIDS, and many more!
Being able to design AND animate proved an unfair advantage
Seriously, I remember cases where I was competing literally against hundreds of designers (on highly competitive open to public pitching) and consistently winning the project. It was almost scary.
Are you ready for a rapid-learning training that walks you, step-by-simple-step through transforming your designs into industry-leading UI animation and motion and taking your reputation, career, and income to a whole new level?
MODULE 1: UI Animation Fast Start
Timing is everything: it literally is the difference between an amateur and a rockstar. You will develop a professional eye and attention to detail when it comes to motion in apps and websites.
You're about to learn a fascinating and technical side of UI Animation, with a focus on industry standard durations and easing, and how to directly implement these ideas in After Effects.
INCLUDED FILES: After Effect Project File | Design Assets | Render | Downloadable Tutorial
1. Working Smart with Parenting
Parenting is a simple yet powerful tool for UI Animation workflows. Learn the basics and what traps to avoid. This is the difference between hours of agony and a few keystrokes to update your animations, just to respond to simple feedback.
2. Dynamic Transitions with Anchor Point
Learn how to use the anchor point tool in combination with the scale property, as well as a simple hack to create multiple anchor points rigged by parenting. With a few simple clicks you’ll be able to present multiple cool ideas as well as give you a new level of control over your ideas and concepts. Quickly present different ideas.
3. Dynamic Reveal with Masks
Masks are a powerful tool to hide and reveal content. However, they have pros and cons and you should know which is which before committing to their use. This could quite simply avoid you being ‘unmasked’ as you being a newbie.
4. Reveal Content with the Track Matte Tool
The Track Matte tool can also be used to hide and reveal content and has certain benefits and drawbacks for UI Animators. Learn when and how to use them to maximise their benefit. This will allow you to create a very quick and easy-to-iterate way of revealing content that animates.
5. Creating a Cascade Transition with Offset Keyframes
Transitions are a key part of the user experience. The design of transitions involves using a staggered or cascade timing to your transitioning elements. This tutorial covers several ways to set up and edit your cascading transition.
MODULE 2: UI Animation Fundamentals
Learn best practices around building complex UI Animations using presets, sequencing and choreographing your transitions, and how to build longer, more complex projects with nested and looping sequences.
Grow your confidence to implement and own every detail of your UI Animation ideas, and develop strong portfolio and showcase projects.
INCLUDED FILES: After Effect Project File | Design Assets | Render | Downloadable Tutorial
1. Screen transitions
Learn how to implement After Effects presets to drive type animations, as well as choreograph multiple UI elements. Build your confidence, speed, and knowledge of industry standard best practices.
2. Mastering choreography
Deep dive into sequencing your timeline and controlling how content loads during transitions. Grab a seat in the director's chair by learning how to direct the transitions of elements.
3. Working with complex projects
Strap yourself in for a mini masterclass in planning and executing longer timeline based projects with multiple nested pre-compositions and looping animations. You are ready to grow your UI animation muscles and learn how to deliver bigger, longer, more complex projects. Everything after this will seem like a breeze.
MODULE 3: UI Animation Motion Standards
Timing is everything: it literally is the difference between an amateur and a rockstar. You will develop a professional eye and attention to detail when it comes to motion in apps and websites.
You're about to learn a fascinating and technical side of UI Animation, with a focus on industry standard durations and easing, and how to directly implement these ideas in After Effects.
INCLUDED FILES: After Effect Project File | Design Assets | Render | Downloadable Tutorial
1. Introduction to UI/UX durations
Understand at a high level the conceptual relationship between easing and duration. Gain an edge over everyone else by understanding how to make motion that works for apps and websites.
2. Industry standard durations with Google Material Motion
Learn the reasoning behind duration variations as well as the concept of traversing to determine what duration works best for your animation. A really cool trick to help determine how long your animation should take.
3. How to use industry standard UI/UX/Product durations inside After Effects
Use the included resources to translate frames to milliseconds and remove all guesswork. You’ll be able to 5x your animation speed and have it look perfect every time.
4. Introduction to UI/UX easing
Demystify easing in product design and how it scales across standards. Get ready to learn the secret sauce behind making gorgeous professional looking motion.
5. The 4 industry standard easing systems
Deep dive into iOS, Android, Cubic-bezier, and Easings.net easing systems and values. You’re about to uncover 4 different easing systems so you can easily work with any team regardless of what method they are using.
6. Applying industry standard easing in After Effects
Use the Graph Editor to replicate industry standard easings directly inside of After Effects (no plugin required). Nerd out at the deepest level by hand building industry standard easing.
7. Using the AE Flow plugin to apply industry standard easing
Use the included Flow Plugin presets to apply industry standard easing across your entire composition with 1-click. Now that you learned how make easing by hand, learn a simple 1-click method that will have you creating gorgeous renders so quickly it will shock your team.
8. Congratulations and recap
You learned how to use industry standard motion design standards (or create in your own) for you to now scale across your product or team. You will now be able to wow any interviewer or client with your technical knowledge of motion in product design.
MODULE 4: Importing
Learn the pros and cons of the most popular product design tools, and strategies to get their native files to play well with After Effects.
You’ll be the superhero of your team because you’ll be able to easily import their projects, regardless of what your team is using to design the screens.
INCLUDED FILES: After Effect Project File | Design Assets | Render | Downloadable Tutorial
1. Figma
Master the workflow from this popular new tool embraced by design teams and import directly into After Effects using the free online converter. Learn how to smoothly travel between these two popular programs.
2. Sketch
Learn how to seamlessly import your assets from the world's most popular design tool with this plug-and-play method (after you install the free 3rd party AEUX plugin) Keep one step ahead of the team as you anticipate and prepare for clean, friction free asset handoff.
3. Adobe XD
Importing from Adobe XD is a breeze with this plug-and-play workflow. Learn how assets import as shape layers and live type, and how objects like photos and groups are imported. Be able to take any Adobe XD file from your team and quickly turn it into an amazing UI Animation with minimal friction.
4. Illustrator
There are several important considerations when importing from Illustrator. Learn how to continuously rasterize and convert to editable shapes, as well as convert your designs into layers for After Effects. Just as you want to avoid importing a mess from Adobe XD, you’ll learn how to avoid painful situations when working with Illustrator files... and learn how to quickly create amazing shape layer animations.
5. Photoshop
Importing from Photoshop often requires you to prepare your PSD in a specific way. Learn what is supported and what is lost in translation between Photoshop and After Effects. Mastering the Photoshop to After Effects workflow will allow you to seamlessly hit the ground running.
MODULE 5: Micro-interactions
Learn a wide range of best practices and show stopping techniques not limited to animating shape changing widgets, 3D folding menus, forms with strong visual user feedback, and much more.
Burst upon the scene with new skills to finesse every subtle delightful detail, and develop your eye for perfectly executed UI Animation.
INCLUDED FILES: After Effect Project File | Design Assets | Render | Downloadable Tutorial
1. Animating Forms
Learn how to animate type-ins as well as form feedback through shape changes and color transformations. Impress everyone by adding character, detail, and personality to a typing form.
2. Masked Menu Items
Implement color overlay transitions synced with parented layers revealed through track mattes. Avoid common mistakes by focusing on ultra clean UI Animation workflows.
3. 3D Menu Fold
Learn how to parent and animate objects in 3D space for a simple and clean gesture effect. Wow everyone by creating real 3D interactions with existing design elements.
4. 3D Seamless Menu Transition
Incorporate multiple 2D and 3D navigation elements into a seamless interaction. Develop your eye for perfection by taking full ownership and focusing on delightful details during transitions.
5. Transforming Widgets
Dive deep with shape changes with synced secondary elements. Master the essential, and always crowd pleasing 'low hanging fruit' of gorgeous shape changes.
6. Animated Navigation Elements
Build from the previous lesson with more complexly timed shape changes and added secondary elements. Deep dive into detailing the subtle elements that make your future projects look like they were created by a UI Animation master.
7. Multiple Simultaneous Element Transitions
Plan and build out a coordinated series of reveals and hides through multiple moving elements. Build your UI Animation muscle and develop confidence knowing you'll be able to over-deliver on your UI Animation ideas.
"Wow! The UX in Motion tutorials are fantastic."
"I totally got this."
β β β β β
“Wow! The UX in Motion tutorials are fantastic. The quality of the lessons and the quality of the source files is second to none. Thank you!“
Tara Nielson
UX Designer at Ground, Los Angeles
β β β β β
“Iz the wizz (can I call you that? I feel like I can call you that.) This is great. Thank you. After about a half day so far, I’ve gone from being like ‘what the heck is going on in here’ to ‘dang… I totally got this’. Thanks so much for getting me started and I’m looking forward to learning so much more with ya.”
Zachary Gibson
Senior Designer at Google, San Francisco
MODULE 6: Dashboard Animations
Supercharge your skillset with a series of red hot lessons designed to cover nearly all data animation scenarios. Topics covered include animating data and numbers, shape boundaries, paths, fills, radial progress bars, iteration and ideation, and so much more.
Knock the socks off your team, client, or stakeholders (or take your design portfolio to the next level) with your new ability to bring data and dashboard designs to life.
INCLUDED FILES: After Effect Project File | Design Assets | Render | Downloadable Tutorial
1. Introduction and Workflow Overview
Learn which design tools support shape layers and how to gain the highest possible workflow leverage when working with design files. This lesson lays the groundwork for what's to come: a deep dive into wowing everyone with your data visualizations.
2. Animating Graph Shapes
Master the 'trim paths' tool, allowing you to quickly animate virtually any shape layer line based assets. Once you know this simple trick, you'll be able to crank out world class animations lightning in almost no time.
3. Slot Machine/Odometer Numbers
Learn the 'offset' affect, a new tool that helps you quickly create looping animations from any design asset. You'll now be able to take on more ownership and create all kinds of new impressive dynamic transitions from your dashboard designs.
4. Animating a Bar Graph
Choreograph multiple animating shape layer properties to create a seamless multi-element infographic update. Once you learn how to manage more complex widgets you'll be able to implement a level of coordination and nuance in your animations.
5. Radial Graph Transition Jubilee
Learn how to offset radial graph builds, a common and useful technique. With this skill, you'll be able to confidently do any offset graph project that involves more complex timing.
6. Animating Multiple Radial Graph Transitions
Time to put on your ideation hat and develop multiple motion solutions from the same design source assets. You'll be able to deeply analyze a project and deliver multiple professional versions to your team or client.
7. Animating Overlapping Radial Graphs
Learn another cool trick for animating radial graphs. The key is in setup and planning. This will allow you to deliver animations even faster to your team as you can now anticipate project setup at a deeper level.
8. Dashed ‘Speedometer’ Graph
Learn a simple and powerful technique for creating animating radial line graphs. You'll be able to rest easy knowing that should the need arise, you will have this handled with no effort.
9. Graph Volume and Color Change
Learn how to confidently animate both shape, fill and stroke color on your design assets. Now you'll have more ownership and control over your ideas and not be afraid to push the envelope with cool options for your team.
10. Bringing it all Together
Learn how to assemble and choreograph more complex projects into a complete dashboard. Blow people away with your ability to deliver more complex and mind blowing projects to your team or client.
