Back to Catalog

UI/UX Design Fundamentals

Premium
BeginnerCourse

Learn UI/UX design in this beginner course! Master design principles, Responsive Web Design (RWD), Progressive Web Design (PWD), and Figma tools. Build intuitive web interfaces with hands-on labs, expert insight, and practical skills to excel.

Language

  • English

Topic

  • Web Development

Skills You Will Learn

  • Web Development, Website Wireframe, User Experience (UX), User Interface design (UI Design), Progressive Web Development, Strategy

Offered By

  • IBMSkillsNetwork

Estimated Effort

  • 18 hours

Platform

  • SkillsNetwork

Last Update

  • December 20, 2025
About this Course
User Interface (UI) and User Experience (UX) design is a dynamic and growing field with ample opportunities for individuals with the right skills. This course is tailored for those interested in starting a career in designing user interfaces and experiences, as well as developers looking to create effective web and front-end applications. It focuses on key concepts, tools, and methodologies essential for front-end development.
 
As web and mobile-accessible devices continue to shape our world, smartphones, tablets, smart TVs, and laptops have become integral to daily life. Businesses increasingly rely on front-end developers, mobile app developers, and UI/UX designers to craft user-friendly products. As a result, designing intuitive and robust user interfaces and experiences has never been more important.
 
This course will teach you the foundational principles of visual design and how to distinguish between well-designed and poorly designed interfaces. Key topics include typography, readability, and color theory in UI design.
 
You will also explore essential methodologies such as Responsive Web Design (RWD) and Progressive Web Design (PWD), which are critical for creating adaptable and modern interfaces.
 
The course introduces Figma, a collaborative, cloud-based application widely used for interface design. You will learn how to set up and configure a Figma account, as well as work with its core features, including components, styles, libraries, and layout grids, all essential for effective design.
 
Learning will be supported through videos, readings, activities, and quizzes designed to build your knowledge of visual web and mobile design and development. Additionally, you will gain valuable insights and guidance from experienced professionals in the field.
 
Hands-on labs will reinforce your understanding by providing practical experience, helping you develop the skills to excel in the industry.

After completing this course, you will be able to: 
  • Describe design, UI/UX concepts, best practices of visual development, and the key duties and responsibilities of a UI/UX designer.
  • Analyze web design methodologies like Responsive Web Design (RWD), and Progressive Web Development.
  • Utilize Figma, the essential concepts of Figma, and its various features to design user interfaces.
  • Build applications and websites with web development frameworks, like Bootstrap.

Course Syllabus

Module 1: Designing Intuitive Front Ends and Mockup Design Principles
  • Learning Objectives
  • Welcome
  • Lesson 1: Introduction to Design
  • Lesson 2: Mockup Design Concepts
  • Module 1 Summary, Assessment and Discussion

Module 2: Web Design Methodologies
  • Learning Objectives
  • Lesson 1: Responsive Design
  • Lesson 2: Progressive Web Development (PWD)
  • Module 2 Summary and Assessment

  • Module 3: UI Design with Figma
  • Learning Objectives
  • Lesson 1: Figma Introduction
  • Lesson 2: Intermediate Figma
  • Module 3 Summary and Assessment

Module 4: Final Project and Assessment
  • Final Project
  • Final Assessment
  • Course Wrap-up
  • Optional Honors Content
    • HONORS Project: Design a sales application with Figma and Thunkable

This beginner-level course is designed for learners with basic computer skills and an interest in designing compelling user experiences and user interfaces for web and front-end development.

Instructors

IBM Skills Network

IBM Skills Network Team

At IBM Skills Network, we know how crucial it is for businesses, professionals, and students to build hands-on, job-ready skills quickly to stay competitive. Our courses are designed by experts who work at the forefront of technological innovation. With years of experience in fields like AI, software development, cybersecurity, data science, business management, and more, our instructors bring real-world insights and practical, hands-on learning to every module. Whether you're upskilling yourself or your team, we will equip you with the practical experience and future focused technical and business knowledge you need to succeed in today’s ever-evolving world.

Read more

Corey Leong

Read more

Muhammad Yahya

Technologist, Engineer

Technology engineer specialist

Read more