UI Design

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
header-image
back
;
Apply for a Women in Tech Partial Scholarship this month and get up to 19% off the career change program of your choice! Speak with one of our advisors to learn more .

Launch a career in tech that lasts

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

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

  • 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

  • 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

  • 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 three 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
Our UI Design Program is AI-enhanced. What does that mean?

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
Learn to use AI and 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-day 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 tech and AI.

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?