Class is in session

Next Level UI Prototyping and Animation

4.9

(6 ratings)

·

3 Weeks

·

Cohort-based Course

Learn to design beautiful interactive prototypes that look and feel like the real thing.

TEACHING UX DESIGN AT

Bitesize UX
General Assembly
Springboard

Course overview

Are your designs stuck in 2002?

Mine were.


20 years ago, websites and apps looked a lot different. For the most part, the interactions were pretty simple and static. Click a link --> go to a new screen.


Modern apps and websites are dynamic. They’re packed with animations, movement, micro-interactions, and transitions to create a smooth, seamless experience.


As designers, we can’t create great experiences if we’re limited to static screens and basic prototyping tools.


In this course, we’ll learn the principles, tools, and skills to bring your designs to life. Get hands-on experience creating beautiful, seamless, and dynamic prototypes that are sure to stand out.

Who is this course for

01

You're comfortable designing screens with tools like Figma, but want the skills to bring your ideas to life.

02

You're transitioning into a career in UX/UI and want some stand-out UI projects and skills for your portfolio.

03

You want to go beyond your "generalist" UX skillset and become a more advanced and specialized designer.

What you’ll get out of this course

Learn the fundamentals, process, and tools for prototyping & UI animation

Get hands-on experience with the start-to-finish process of designing beautiful and user-friendly experiences.

Build an impressive portfolio project to show off your skills

Build an amazing prototype and portfolio project to showcase the skills that hiring managers are looking for.

Create prototypes that look and feel like live apps

Several interactive prototypes with animations, micro-interactions, and other dynamic elements.

Get a step-by-step process to confidently build any interaction

Get the templates, instruction, and experience to confidently bring any idea to life in your own work.

This course includes

6 interactive live sessions

Lifetime access to course materials

26 in-depth lessons

Direct access to instructor

Projects to apply learnings

Guided feedback & reflection

Private community of peers

Course certificate upon completion

Maven Satisfaction Guarantee

This course is backed by Maven’s guarantee. You can receive a full refund within 14 days after the course ends, provided you meet the completion criteria in our refund policy.

4.9

(6 ratings)

What students are saying

Course syllabus

Expand all modules
  • Week 1

    Jun 11—Jun 16

    Week dates are set to instructor's time zone

    Events

    • Jun

      11

      Session 1 - Next Level UI Prototyping

      Tue, Jun 11, 10:30 PM - 1:00 AM UTC

    • Jun

      13

      Live Session 2 - Next Level UI Prototyping & Animation

      Thu, Jun 13, 10:30 PM - 1:00 AM UTC

    Modules

    • 📌 All Session Recordings & Resources

    • 1. UI Animation & Prototyping Fundamentals

    • 1.1 | Outline and Plan Your Interactions

    • 1.2 | Learn Key Prototyping & Animation Concepts

    • 1.3 | Build your first Prototype in Proto.io

    • Homework: Advanced Proto.io Actions & Functionality

    • 2.0 | Outline & Build an Advanced Interaction

    • 2.1 | Fine-tune the Details of Your Prototype

    • Homework: Choose Your Custom Interaction Challenge

  • Week 2

    Jun 17—Jun 23

    Week dates are set to instructor's time zone

    Events

    • Jun

      18

      Live Session 3 - Next Level UI Prototyping

      Tue, Jun 18, 10:30 PM - 1:00 AM UTC

    • Jun

      20

      Live Session 4 - Next Level UI Prototyping

      Thu, Jun 20, 10:30 PM - 1:00 AM UTC

    Modules

    • 3.0 | Outline & Sketch your Custom Interaction Project

    • 3.1 | Live Feedback Session

    • 4.0 | Build and Fine-Tune Your Custom Prototype

    • 4.1 | Prototype Presentations & Next Steps

  • Week 3

    Jun 24—Jun 25

    Week dates are set to instructor's time zone

    Events

    • Jun

      24

      Optional: Office Hours & Feedback Session

      Mon, Jun 24, 7:00 PM - 8:00 PM UTC

    • Jun

      25

      Live Session 5 - Next Level UI Prototyping

      Tue, Jun 25, 10:30 PM - 1:00 AM UTC

    Modules

    • Submit Projects for Feedback

  • Post-Course

    Modules

    • Workflows & Additional Tutorials

  • Bonus

    Modules

    • Bonus Prototyping Challenges: Put your skills to the test!

Create interactive prototypes that look and feel like the real thing

Lots of fun, zero filler 🙅🏽

Build your UI skills, portfolio, and career in a small class of friendly designers

Build your UI skills, portfolio, and career in a small class of friendly designers

Learn the fundamentals & beyond

This course builds on live workshops and hands-on projects

Get confident with the start-to-finish prototyping process

You’ll be interacting with other learners through breakout rooms and project teams

Build an impressive portfolio project to show off your skills

Join a community of like-minded people who want to learn and grow alongside you

Build next-level prototypes and experiences with step-by-step instruction

Build next-level prototypes and experiences with step-by-step instruction

Learn specialized, in-demand skills

Go beyond generalist UX skills and tools, and take your career to the next level.

Get the details right

Learn and apply advanced concepts like timing, easing, and choreography that can make or break the user experience.

Design experiences that get noticed

By users, hiring managers, and stakeholders

What people are saying

        The experience I got in this class was not only extremely valuable in my career, but also made UX design fun again. I used to be limited by my skills and tools. Now, I get an idea and I can actually build it"
Jess C.

Jess C.

Bootcamp Grad & Junior UI Designer
        This was a great class. I've taken a lot of UX/UI courses and its rare that I come away with this many new skills that I can immediately use on just about any project.
Andy C.

Andy C.

Junior UX Designer
        After our first session, I had already made the shift from "this would be cool to learn" to "how could I be a designer *without* these skills?". Really glad I took this course. Joe is an experienced designer and instructor and it's clear from the material and how well the course is run.
Marc

Marc

Freelance UX/UI Designer
        Great course. Joe has a ton of experience in this area, and clearly is passionate about it. Besides the actual projects, I loved all of the examples from his work and seeing what it looks like "on-the-job"
Tina V.

Tina V.

UX Designer

Get the templates, resources, and guidance to create and showcase your projects

Jumpstart your project with custom Figma templates designed for this course
Jumpstart your project with custom Figma templates designed for this course

Show off your new skills using portfolio templates and step-by-step guidance

Show off your new skills using portfolio templates and step-by-step guidance

Learn faster than ever with prototype templates & starter kits

Learn faster than ever with prototype templates & starter kits

Collaborate seamlessly with made-for-class FigJam boards

Collaborate seamlessly with made-for-class FigJam boards
Free resource

Free UI Animation Workshop + Resources

Watch the recorded workshop, and get all of the files, templates, resources, and step-by-step guidance to create an awesome interactive prototype - fast.


Includes:

  • Recorded Prototyping Workshop with all templates & resources
  • Access to upcoming live Q&A Sessions
  • Discounted access to Proto.io


Get workshop links & resources

Meet Your Instructor

Meet your instructor

Joe Formica

Joe Formica

Founder & Lead Instructor, Bitesize UX

Joe believes that when it comes to UX design, there's no substitute for learning by doing.


Joe has taught UX Design at General Assembly in New York for eight years as a Distinguished Faculty Member, and has created and taught Entrepreneurship courses at Fordham University Business School. Through these roles, he has worked with thousands of designers-in-training to help them take the next steps in their career.


In addition to teaching, Joe has been a self-employed Senior Product Designer for the past 10+ years. He has worked with dozens of clients, ranging from Fortune 500 companies, to new startups, where he has played an integral role in their growth and success.


All Bitesize courses are hands-on, project based, and beginner friendly. If you take a class with Joe, you’re guaranteed to walk out with a tangible project that you're proud to show off to the world.

A pattern of wavy dots
Be the first to know about upcoming cohorts

Next Level UI Prototyping and Animation

|

Bulk purchases

Part-time Course Schedule

6-7 hours per week
  • Tuesdays & Thursdays

    6:30pm - 9:00pm EST

    5 Sessions of live personalized instruction in a small class of designers.


  • Optional Homework & Class Prep

    1-2 hours per week

    We'll do the majority of work in-session, with a minimal amount of mandatory homework between classes so you can recharge. We'll provide several additional assignments that you can complete and receive feedback on after the course.

  • Get 1-on-1 Feedback and Answers to Questions

    1 hour per week (optional)

    Join optional office hours and feedback sessions after class to get additional 1-on-1 reviews of your project, work, and portfolio.

Frequently Asked Questions

What happens if I can’t make a live session?
I work full-time, what is the expected time commitment?
What tools or software do I need?
What's your refund policy?
What experience do I need?

Stay in the loop

Sign up to be the first to know about course updates.

A pattern of wavy dots
Be the first to know about upcoming cohorts

Next Level UI Prototyping and Animation

|

Bulk purchases