Staging environment

Next Level UI Prototyping and Animation

4.9 (8)

·

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 (8 ratings)

What students are saying

Course syllabus

Week 1

Jun 11—Jun 16

    Jun

    11

    Session 1 - Next Level UI Prototyping

    Tue 6/1110:30 PM—1:00 AM (UTC)

    Jun

    13

    Live Session 2 - Next Level UI Prototyping & Animation

    Thu 6/1310:30 PM—1:00 AM (UTC)

    📌 All Session Recordings & Resources

    6 items

    1. UI Animation & Prototyping Fundamentals

    1 item

    1.1 | Outline and Plan Your Interactions

    3 items

    1.2 | Learn Key Prototyping & Animation Concepts

    2 items

    1.3 | Build your first Prototype in Proto.io

    2 items

    Homework: Advanced Proto.io Actions & Functionality

    1 item

    2.0 | Outline & Build an Advanced Interaction

    1 item

    2.1 | Fine-tune the Details of Your Prototype

    1 item

    Homework: Choose Your Custom Interaction Challenge

    1 item

Week 2

Jun 17—Jun 23

    Jun

    18

    Live Session 3 - Next Level UI Prototyping

    Tue 6/1810:30 PM—1:00 AM (UTC)

    Jun

    20

    Live Session 4 - Next Level UI Prototyping

    Thu 6/2010:30 PM—1:00 AM (UTC)

    3.0 | Outline & Sketch your Custom Interaction Project

    1 item

    3.1 | Live Feedback Session

    1 item

    4.0 | Build and Fine-Tune Your Custom Prototype

    1 item

    4.1 | Prototype Presentations & Next Steps

    1 item

Week 3

Jun 24—Jun 25

    Jun

    24

    Optional: Office Hours & Feedback Session

    Mon 6/247:00 PM—8:00 PM (UTC)
    Optional

    Jun

    25

    Live Session 5 - Next Level UI Prototyping

    Tue 6/2510:30 PM—1:00 AM (UTC)

    Submit Projects for Feedback

    1 item

Post-course

    Workflows & Additional Tutorials

    1 item

Bonus

    Bonus Prototyping Challenges: Put your skills to the test!

    2 items

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

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

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