UI Design

Fully funded by the German government

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 setup, with career coaching to help you land your new job, and 100% of the cost covered by the Agentur für Arbeit.

students-headshot students-headshot students-headshot
+14,000 CareerFoundry students enrolled
header-image
NEW! Free laptop for every new student enrolling with a Bildungsgutschein Book a call to learn more! .

Are you unemployed in Germany?

You could be eligible to take our UI Design Program for free.

CareerFoundry’s UI Design Program has been officially certified by DEKRA, which means you can take the program free of charge with a Bildungsgutschein.

What is a Bildungsgutschein?
A Bildungsgutschein is an educational voucher issued by the German Jobcenter (the Agentur für Arbeit). If you’re unemployed and officially registered in Germany, a Bildungsgutschein will enable you to learn new, in-demand skills for free.
Verify your eligibility
play

Student Outcomes

For over a decade, we have empowered individuals to break into the tech industry through our comprehensive and highly-regarded career change program

play View Ophélie's journey

+$15,082

the average salary increase per year

“I always enjoyed problem-solving and using these parts of my brain in previous roles, but I realize now I was just in the wrong setting. With UI, not only do I get paid for these skills, I’m appreciated for them too. It feels great!”

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.

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

                      • AI in Product Design
                        Achievement 1: AI in Product Design
                        • 1.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, Journeys

                        • 1.5 Ideation Workshops & Facilitations
                          1.6 Prototyping AI
                          1.7 Validation & Experimentation
                          1.8 Presenting Your Work

                      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 tools and large language models (like ChatGPT) to aid your learning, rather than bypass the learning process. As well as learning how to use generative AI to become more effective in your work, you’ll learn how to use AI tools and techniques critically and ethically so that it supports you professionally, rather than replaces you.

                      curriculum banner background image curriculum banner background image

                      Studying at CareerFoundry

                      Transform Your Career with Our Internationally-Recognized Tech Bootcamp

                      mentor-image
                      Work in partnership with industry experts

                      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

                      Learn how generative AI can help you become more effective in your work, while also learning how to use AI tools critically and ethically. Our cutting-edge curriculum will help you 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

                      students-headshot students-headshot students-headshot
                      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.

                      Who is it for?

                      Who is this program for?
                      Why UI Design?
                      Why CareerFoundry?
                      hero-image

                      Getting your course fully funded

                      I don't have a Bildungsgutschein

                      Schedule an appointment with the Agentur für Arbeit

                      Search for your local Agentur für Arbeit (the Jobcenter in Germany) and book an appointment. Download our application guide which covers everything you need to prepare for your appointment and convince your advisor to approve your participation in the program.

                      Request your personal proposal from CareerFoundry

                      We’ll send you a personalized proposal with the CareerFoundry program details. You’ll need this document for your appointment at the Agentur für Arbeit.

                      I already have a Bildungsgutschein

                      Enroll in the CareerFoundry program

                      The Agentur für Arbeit has issued you a Bildungsgutschein—congratulations! Now you can begin the enrollment process.

                      It takes 10-14 days to complete the enrolment process, so please bear this in mind when choosing your program start date.

                      FAQs

                      What is a Bildungsgutschein?

                      Is CareerFoundry entitled to offer programs with a Bildungsgutschein?

                      How can I get a Bildungsgutschein?

                      How do I know if I am eligible for a Bildungsgutschein?

                      What are the prerequisites and requirements for the program?

                      Do I need a computer or laptop to participate in the program?