Back to Catalog

UI/UX Design: Capstone Project

PremiumAdvancedCourse

Step into a UI/UX designer role and complete a hands-on capstone project. Apply the full design thinking process, create prototypes in Figma, and build a portfolio-ready showcase for an e-commerce platform.

Language

  • English

Topic

  • UI/UX Design

Skills You Will Learn

  • Design Thinking, Figma (Design Software), Persona Development, UI/UX Design, Usability Testing, User Flows

Offered By

  • IBMSkillsNetwork

Estimated Effort

  • 20 hours

Platform

  • SkillsNetwork

Last Update

  • February 6, 2026
About this Course
Take on the role of a UI/UX designer and bring a real-world project to life in this hands-on capstone course. 

You’ll apply the full design thinking process, from conducting user research to building high-fidelity, accessible interfaces. Create wireframes and interactive prototypes in Figma, design scalable systems, and prepare developer-ready handoffs. 

By course completion, you’ll have a polished project demonstrating your ability to craft user flows, test and iterate designs, and apply industry-standard practices. You’ll also learn to present your work through a professional case study, build a compelling UX resume, and develop a portfolio ready for potential employers and clients. 

This capstone focuses on designing an e-commerce platform from concept to final design, giving you practical experience and tangible work to showcase your skills. 

Step into a design role, pitch your ideas confidently, and advance your design career with a portfolio that stands out—enroll now! 

Learning Objectives

• Take a real-world UX/UI project from research to polished high-fidelity designs using the full design thinking process. 
• Plan, prototype, and test intuitive, user-focused interfaces with Figma and other industry-standard UX tools. 
• Build scalable design systems and developer-ready handoffs that prioritize accessibility. 
• Showcase your skills through a professional case study, portfolio, and UX-focused resume to impress potential employers. 

Course Syllabus

Welcome to the Course 
  • Video: Course Introduction 
  • Reading: Course Overview 
  • Reading: Helpful Tips for Course Completion 
 
Module 1: Getting Started with the Capstone Project 
Module Summary and Learning Objectives 
Lesson 1: Project Overview and Expectations 
  • Video: Project Overview 
  • Reading: Capstone Project: Getting Started Guide 
  • Reading: Capstone Tools and Workflow Checklist 
  • Reading: Capstone Project Brief 
  • Reading: Project Scoping Guide 
  • Lab: Analyzing the Project Brief 
  • Lab: Creating a Project Scope Summary 
Lesson 2: Module Summary and Assessments 
  • Reading: Summary and Highlights: Getting Started with the Capstone Project 
  • Practice Quiz: Checklist: Project Overview and Expectations 
  • Graded Quiz: Project Overview and Expectations 
 
Module 2: Empathize and Define 
Module Summary and Learning Objectives 
Lesson 1: Conducting UX Research 
  • Reading: Competitive Analysis Tips and Templates 
  • Lab: Performing Competitive Analysis 
  • Reading: User Interview Planning Guide 
Lesson 2: Synthesizing Research 
  • Reading: Empathy Map and Persona Templates 
  • Lab: Creating an Empathy Map 
  • Lab: Developing a User Persona 
  • Reading: Framing Problems and Identifying Opportunities 
  • Lab: Writing a Problem Statement 
Lesson 3: Module Summary and Assessments 
  • Summary and Highlights: Empathize and Define 
  • Practice Quiz: Checklist: Empathize and Define 
  • Graded Quiz: Empathize and Define 
 
Module 3: Ideate and Plan 
Module Summary and Learning Objectives 
Lesson 1: Structuring Ideas 
  • Reading: Best Practices for Sketches, Flowcharts, and Information Architecture 
  • Lab: Creating Initial Sketches 
  • Lab: Creating User and Task Flows 
  • Lab: Create an Initial Sitemap 
Lesson 2: Planning Your Design  
  • Reading: Key Feature Planning and Prioritization Matrix Guide 
  • Lab: Identifying Key Versus Optional Features 
  • Lab: Developing a Prioritization Matrix 
  • Reading: Examples of Success Metrics 
  • Lab: Defining Success Metrics   
  • Lab: Creating a Wireframe Planning Outline 
Lesson 3: Module Summary and Assessments 
  • Summary and Highlights: Ideate and Plan 
  • Practice Quiz: Checklist: Ideate and Plan 
  • Graded Quiz: Ideate and Plan 
 
Module 4: Wireframing and Prototyping 
Module Summary and Learning Objectives 
Lesson 1: Building Wireframes 
  • Reading: Wireframe Guidelines and Layout Tips 
  • Lab: Designing Wireframe Screens in Figma 
Lesson 2: Creating Interactive Prototypes 
  • Reading: Prototyping Guide: Links, Components, and States 
  • Lab: Connecting Wireframes Screens 
  • Lab: Adding Interactions Using Components and Variants 
Lesson 3: Module Summary and Assessments 
  • Summary and Highlights: Wireframing and Prototyping 
  • Practice Quiz: Checklist: Wireframing and Prototyping 
  • Graded Quiz: Wireframing and Prototyping 
 
Module 5: Usability Testing and Iteration 
Module Summary and Learning Objectives 
Lesson 1: Testing Your Prototype 
  • Reading: Usability Test Planning Guide and Template 
  • Lab: Conducting Usability Tests 
  • Reading: Task Writing Template and Feedback Tips 
  • Lab: Translating and Summarizing Feedback 
Lesson 2: Making Iterations 
  • Reading: Severity Rating Scale and Design Fix Guidelines 
  • Lab: Prioritizing Feedback 
  • Lab: Iterating and Updating a Prototype 
Lesson 3: Module Summary and Assessments 
  • Summary and Highlights: Usability Testing and Iteration 
  • Practice Quiz: Checklist: Usability Testing and Iteration 
  • Graded Quiz: Usability Testing and Iteration 
 
Module 6: Final User Interface Design and Handoff  
Module Summary and Learning Objectives 
Lesson 1: Creating a Design System and Hi-Fi User Interface 
  • Reading: Style Guide and UI Components Guides and Tips 
  • Lab: Building a Style Guide and Component Library 
  • Reading: High-Fidelity Mock-Ups Tips and Guides 
  • Lab: Designing High-Fidelity Mock-Ups 
Lesson 2: Developer Handoff  
  • Reading: Handoff Preparation Guide 
  • Lab: Preparing for Developer Handoff 
Lesson 3: Module Summary and Assessments 
  • Summary and Highlights: Final UI Design and Handoff 
  • Practice Quiz: Checklist: Final User Interface Design and Handoff 
  • Graded Quiz:  Final User Interface Design and Handoff 
Lesson 4: Project Submission and Evaluation 
  • Reading: Preparing Your Project Submission 
  • Final Project: Part I - Submission and Evaluation 
  • Final Project: Part II - Submission and Evaluation 
 
Module 7: [Bonus] Launch Your UI/UX Career and Course Wrap-up 
Module Summary and Learning Objectives 
Lesson 1: Building Your Resume and Portfolio 
  • Video: Resume Writing Guide 
  • Lab: Drafting a UI/UX Resume 
  • Video: Writing and Building a Portfolio: Case Study Tips 
  • Lab: Drafting a Case Study Summary Based on the Capstone Project 
  • Lab: Building a Case Study 
Lesson 2: Exploring Career Paths and Interview Preparation 
  • Video: Freelancing and Job Search Guide 
  • Lab: Writing a Freelance and Job-Ready Profile 
  • Video: Common UI/UX Interview Questions and Tips 
Lesson 3: Module Summary 
  • Summary and Highlights: Launch Your UI/UX Career 
  • Practice Quiz: Checklist: Launch Your UI/UX Career 
Lesson 4: Course Wrap-Up 
  • Reading: Congratulations and Next Steps 
  • Reading: Team and Acknowledgments 
  • Feedback Form 

General Information

This platform works best with current versions of Chrome, Edge, Firefox, Internet Explorer or Safari. 

Recommended Skills Prior to Taking this Course

The following skills are required to be successful with this course:  
  • We recommend completing all previous courses in the IBM UI/UX Designer Professional Certificate before starting this capstone.