UI Design Program

Develop the skills of a UI designer, learn how to leverage AI, and work with expert mentors to prepare for a lasting career in tech. All in an online, self-paced setup, with a job guarantee at graduation.

Talk to an advisor
students-headshot students-headshot students-headshot
+14,000 CareerFoundry students enrolled
NEW! We're excited to introduce our new specialization course in AI in Product Design. Learn More
header-image
back
;

Launch a career in tech that lasts

Launch a new career as a UI designer in as little as 5 months.

play

Graduate with our job guarantee

Land a job within 6 months of graduation—or we’ll refund your tuition.

View Miguel's story

+$15,082

the average salary increase per year

“Since starting as a UI designer I’ve learned so much about how websites are built, working in an agile product team, business strategy, branding, metrics, and more.”

Read more stories

10,000+ CareerFoundry graduates have launched exciting tech careers

company-1 company-2 company-3 company-4 company-5 company-6 company-7 company-8

Hands-on education in the skills of the future

We work together with skilled industry experts to create learning materials to get you job-ready. Manage your schedule however you like and dedicate anywhere from 15 to 40 hours per week to your studies.

Flexible
Full-time
ai_enhanced_logo Intro to UI Design
Approx. 0.5 - 1 month
ai_enhanced_logo UI Immersion
Approx. 3 - 6 months
ai_enhanced_logo Design Specialization
Approx. 1 - 2 months
ai_enhanced_logo Intro to UI Design
Approx. 0.5 months
ai_enhanced_logo UI Immersion
Approx. 3 months
ai_enhanced_logo Design Specialization
Approx. 1 month
info-icon

Completion times are approximations based on the progress of our current students and graduates

curriculum card icon

Intro to UI Design

This course will take you through ten tasks leading up to one main project: recreating screens for a travel app.

  • 1.1 What Is UI?
    Differentiate the responsibilities of a UI designer and a UX designer.
    • 1.2 Introduction to Your Design Tool
      Decide whether you'd like to use Figma or Sketch as your tool of choice. Get a thorough overview of how to navigate your chosen tool, and its basic functions.
      • 1.3 Working with Layers & Shapes
        Learn how to create basic shapes in Figma or Sketch, and use these shapes and layers to create the first screens of your app design.
        • 1.4 Point Types & Boolean Operations
          Use shapes to create icons for an app.
          • 1.5 Visual Design Basics
            Master the fundamentals of visual design by adding stylistic attributes, such as color, images, and shadow to make your app visually appealing.
            • 1.6 Working with Text
              Learn how to create typographic hierarchy as you explore how to style and format Text Layers in Figma or Sketch.
              • 1.7 Advanced Design Tool Features
                Explore the different types of grids and masks you can use with Figma, or Sketch as a UI designer, and create a layout for your app icons.
                • 1.8 Pixel Precision
                  Apply the principles of pixel precision to create pixel perfect UI elements that look polished and professional.
                  • 1.9 Previewing Your Work
                    Understand the importance of periodically previewing your work in the context it will be used. Learn how to preview your work by using different design preview tools.
                    • 1.10 Preparing Your Work for Handoff
                      Prototype your design in InVision, and get to know the process of preparing your design work for handoff to the developers.
                      curriculum card icon

                      UI Immersion

                      This course provides a deeper dive into the daily practice and mindset of a professional UI designer. You’ll complete a total of five Achievements, consisting of several tasks each.

                      • 1. Introduction to Design Principles
                        Use design theory, principles, patterns, mediums, and wireframes to design a mobile app from scratch. Here’s what you’ll learn:
                        • 1.1 Design Principles & Heuristics
                          1.2 Consistency in Design Patterns
                          1.3 Wireframes
                          1.4 Introduction to Grids
                          1.5 Layout Design & Spacing
                          1.6 UI Elements & Hierarchy

                        • 1.7 Symbols & Iconography
                          1.8 Evoking Emotion in UI
                          1.9 Text & Typography in UI
                          1.10 Using Color in UI
                          1.11 Platforms & Devices

                      • 2. User Experience Design Process
                        Incorporate basic principles of user experience (UX) such as conducting user research, creating user personas, and drawing user flows. Here’s what you’ll learn:
                        • 2.1 Design Processes
                          2.2 User Psychology
                          2.3 Conducting User Research
                          2.4 Creating User Personas
                          2.5 What Is Lean UX?
                          2.6 Gathering Requirements

                        • 2.7 User Flows & User Flow Diagrams
                          2.8 Exploratory Sketching & Rapid Prototyping
                          2.9 User Testing
                          2.10 Portfolio Preparation

                      • 3. User Interface Design Process
                        Develop a mood board, mockups, and the primary screens for your app. Here’s what you’ll learn:
                        • 3.1 Finding Inspiration
                          3.2 Building a Mood Board
                          3.3 Primary & Secondary Actions
                          3.4 A/B & Preference Testing
                          3.5 Responsive Design Patterns
                          3.6 Responsive Grids & Frameworks

                        • 3.7 Creating a Style Guide
                          3.8 Reviewing & Critiquing
                          3.9 The Feedback Loop
                          3.10 Mockups
                          3.11 Portfolio Preparation

                      • 4. Mobile App Design for iOS and Android
                        Wireframe, design, and prototype a complete mobile app of your choice for both iOS and Android. Here’s what you’ll learn:
                        • 4.1 Mobile Platforms: iOS
                          4.2 Mobile Platforms: Android
                          4.3 Mobile Design Patterns & Trends
                          4.4 Learning from Others
                          4.5 Basic App Structure

                        • 4.6 Sounds & Physical Feedback
                          4.7 Mobile Gestures
                          4.8 Building a Mobile App
                          4.9 Prototyping a Mobile App
                          4.10 Portfolio Preparation

                      • 5. Animation, Branding, & UI Design Portfolios
                        Explore advanced UI design skills, such as prototyping complex animations and interactivity, and consolidate your projects from throughout the program into a complete portfolio.
                        • 5.1 Reusing Common Components
                          5.2 Prototyping Animation
                          5.3 Building a Cohesive Brand
                          5.4 Less is More

                        • 5.5 Final Project Part 1
                          5.6 Final Project Part 2
                          5.7 What Makes a Good Portfolio?
                          5.8 Building Your Portfolio

                      curriculum card icon

                      Design Specialization

                      To further develop your expertise, you’ll choose one of four specialization course options.

                      • Voice User Interface Design
                        Achievement 1: Introduction to Voice Design with Alexa
                        • 1.1 Getting Started with Your Voice Design Course
                          1.2 History & Appeal of Voice
                          1.3 Use Cases for Voice
                          1.4 Personas for Voice

                        • 1.5 How Alexa Voice Interactions Work
                          1.6 Building Your First Skill
                          1.7 Working with AWS Lambda
                          1.8 Certifying Your Skill

                        Achievement 2: UX Design Principles for Voice
                        • 2.1 User Needs & User Stories for Voice
                          2.2 Sample Dialogs
                          2.3 User Flows for Voice
                          2.4 Voice Scripts
                          2.5 Context & Memory in Voice Design

                        • 2.6 Usability Testing for Voice Interactions
                          2.7 Multimodal Interactions
                          2.8 Accessibility & Voice
                          2.9 Safety & Privacy for Voice Design

                      • Animation for UI Designers
                        Achievement 1: Intro to UI Animation & After Effects
                        • 1.1 Intro to UI Animation
                          1.2 UI Animation: Principles and Techniques
                          1.3 Intro to Adobe After Effects
                          1.4 Preloader Animation

                        • 1.5 Icon Animation
                          1.6 Staging Animation
                          1.7 Presenting Animation
                          1.8 Preparing Animation for Handoff

                        Achievement 2: Advanced UI Animation & Project Journey
                        • 2.1 UI Animation: The Project Journey
                          2.2 Storyboarding
                          2.3 Effects in After Effects
                          2.4 Expressions in After Effects

                        • 2.5 3D Animation
                          2.6 Logo Animation
                          2.7 External Tools in After Effects
                          2.8 Final Presentation & Portfolio Review

                      • Frontend Development for Designers
                        Achievement 1: Getting Started with HTML & CSS
                        • 1.1 Getting Started with Your Frontend Course
                          1.2 Internet & the Web
                          1.3 Starting with HTML
                          1.4 Coding with HTML

                        • 1.5 Using GitHub for Your Projects
                          1.6 CSS Basics
                          1.7 CSS Layouts
                          1.8 Advanced CSS for Designers

                        Achievement 2: JavaScript & Your Portfolio Site
                        • 2.1 Introduction to JavaScript
                          2.2 Coding with JavaScript
                          2.3 JavaScript Libraries & Plugins

                        • 2.4 User Testing
                          2.5 Code Quality & Cross-Browser Testing
                          2.6 Portfolio Site Demo & Case Study

                      curriculum card icon

                      Job Preparation Course

                      Create a career plan with your personal career specialist. From CV creation through to job preparation, you will learn the skills to launch a career that lasts.

                      • 1. Pair up with a Career Specialist in your area
                      • 2. Design your online presence
                      • 3. Create a winning resume (CV) showcasing your new skills and marketing your transferable ones
                      • 4. Showcase your work in a winning portfolio
                      • 5. Discover new corridors for finding job opportunities
                      • 6. Find perfect-fit positions
                      • 7. Create a cover letter that will get you noticed
                      • 8. Prepare for job interviews with expert support
                      Will the UI Design Program teach me how to use AI tools and techniques?

                      Yes! You will learn to use AI in a way that is reflective of how real-world tasks are approached in the industry, while still building the core skills of your new profession. In doing so, you will learn to use AI to aid your learning, rather than bypass the learning process, and to support you professionally—rather than replace you.

                      curriculum banner background image curriculum banner background image

                      Human-centric learning in a remote setup

                      Practical, innovative, and human-centric learning in a fully remote setup.

                      mentor-image
                      1:1 support from your expert mentor

                      Your mentor, a senior in the field, guides your career; while your tutor offers assignment feedback within 24 hours.

                      Break into tech with the skills of in-demand professions

                      Learn the essential skills of UI design in our innovative project-based curriculum, that takes you through theory and into immersive tasks. Put everything you learn to immediate practical use through hands-on projects you’ll build your extensive portfolio around.

                      usp_icon usp_icon usp_icon usp_icon usp_icon usp_icon
                      100% online learning

                      Work to your own timetable—not rigid class calendars. No need to quit your job or put life on hold, since you decide when and where you learn.

                      calendar_image
                      Practical experience in the tools of the future

                      Your mentor and tutor will teach you to use generative AI to become more effective in your work, so you can launch a career that lasts.

                      ai_image
                      Plan your future with your career specialist

                      Enjoy 1:1 support from a career specialist. Practice interviewing, revamp your resume, and get job-ready!

                      career_specialist_image
                      Want to know if UI design is right for you?

                      Find out with a free 5-step short course


                      career_specialist_image
                      Find out if CareerFoundry is for you

                      CareerFoundry program advisors offer a free 25-minute consultation to help you make the right choice.

                      Talk to an advisor
                      students-headshot students-headshot students-headshot
                      14,000+ students enrolled in our programs
                      advisor-banner course-report

                      Get to know us at live events

                      Join any of our upcoming free events covering data, design, marketing, product, as well as real-time skills workshops.

                      Flexible study for beginners

                      Who is this program for?
                      Why UI design?
                      Why CareerFoundry?

                      Tuition fee

                      Flexible payment options for students from all backgrounds.

                      Regular price
                      Saving
                      You pay
                      Enroll now

                      One time payment
                      Monthly for  months
                      Total
                      Enroll now

                      One time payment
                      Monthly for  months
                      Total
                      Enroll now

                      €0

                      For residents in Germany. Talk to the local jobcenter to find out if you're eligible for a Bildungsgutschein.
                      Learn more

                      $158/month

                      Apply for an educational loan with one of our partners (Ascent or Climb) and benefit from payments as low as $158 per month for a 60 month term, with a variety of repayment terms available.
                      Learn more

                      $0 upfront

                      Apply for a deferred payment with our partner Ascent and only start paying for your program several months after completion.
                      Learn more
                      Our UI cohort start every second week on Mondays.
                      Upcoming cohorts:
                      What you’ll get
                      A project-based curriculum
                      Dedicated mentor & tutor
                      Job-ready skills—including how to use AI
                      Professional portfolio
                      Job Guarantee

                      Need more flexibility?

                      To help you along your way, we can help you set up a customizable payment plan. Just book a call, we’ll provide you with the details!

                      Talk to an advisor

                      Still curious? Read more about developments in the UI design industry

                      We’ve handpicked these articles to help you understand key jobs in the tech industry in more detail, and figure out if it’s the right career path for you.

                      FAQs

                      Is becoming a UI designer a secure career choice?

                      Do I need to take both the UX and UI programs to learn about both disciplines?

                      What are the prerequisites and requirements for the program?

                      Which tools will I use and what are the costs?

                      What are the minimum system requirements?

                      Is the program 100% online?

                      How long does the program take to complete?

                      What's included in the program tuition?

                      Are there payment plans available?

                      Does CareerFoundry offer full or partial scholarships?

                      What's the refund policy if I change my mind?

                      Do I get a certificate at the end?

                      Is the program accredited and what does ZFU-approved mean?

                      Are there eligibility requirements for the job guarantee?

                      What kind of job can I get after the program?