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.
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.
+$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.”
Tess Motherway
10,000+ CareerFoundry graduates have launched exciting tech careers
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.
Completion times are approximations based on the progress of our current students and graduates
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.
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 & Hierarchy1.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 Requirements2.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 & Frameworks3.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 Structure4.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 More5.5 Final Project Part 1
5.6 Final Project Part 2
5.7 What Makes a Good Portfolio?
5.8 Building Your Portfolio
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 Alexa1.1 Getting Started with Your Voice Design Course
1.2 History & Appeal of Voice
1.3 Use Cases for Voice
1.4 Personas for Voice1.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 Voice2.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 Design2.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 Effects1.1 Intro to UI Animation
1.2 UI Animation: Principles and Techniques
1.3 Intro to Adobe After Effects
1.4 Preloader Animation1.5 Icon Animation
1.6 Staging Animation
1.7 Presenting Animation
1.8 Preparing Animation for Handoff
Achievement 2: Advanced UI Animation & Project Journey2.1 UI Animation: The Project Journey
2.2 Storyboarding
2.3 Effects in After Effects
2.4 Expressions in After Effects2.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 & CSS1.1 Getting Started with Your Frontend Course
1.2 Internet & the Web
1.3 Starting with HTML
1.4 Coding with HTML1.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 Site2.1 Introduction to JavaScript
2.2 Coding with JavaScript
2.3 JavaScript Libraries & Plugins2.4 User Testing
2.5 Code Quality & Cross-Browser Testing
2.6 Portfolio Site Demo & Case Study
AI in Product Design
Achievement 1: AI in Product Design1.1 Adapting the Design Process for AI/ML Products
1.2 AI-Powered Product Design in an Organization
1.3 Competitive Analysis & Problem Statement
1.4 User Personas, Stories, Journeys1.5 Ideation Workshops & Facilitations
1.6 Prototyping AI
1.7 Validation & Experimentation
1.8 Presenting Your Work
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
Human-centric learning in a remote setup
Practical, innovative, and human-centric learning in a fully remote setup.
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.
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.
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.
Want to know if UI design is right for you?
Find out with a free 5-step short course
Thanks!
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
Tuition fee
Flexible payment options for students from all backgrounds.
Our UI cohort start every second week on Mondays.
What you’ll get
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?