• UI Design Skills: Improve your Figma proficiency with practical exercises in prototyping, grids, and components for efficient design workflows.

• User Research Techniques: Conduct user research and usability testing to better understand and design for customer needs.

• Strategic Design Application: Use frameworks like service design blueprints to address customer needs and create effective solutions.

• Project Management Basics: Learn essential project management skills to plan and deliver successful digital products.

• Capstone Project: Create a portfolio-ready project that demonstrates your skills in accessibility, performance, and design best practices.

Unit 1. Core Design Theory & Principles

Design Theory

1.1 - Why is UI just as important as UX?

1.2 - Introduction to Common UI Elements

1.3 - Colour Theory

1.4 - Introduction to Interaction Design

1.5 - Typography

1.6 - Iconography

1.7 - Design Composition

1.8 - Responsive vs Adaptive Design

Unit 2. UI Design Process

Workspace setup

2.1.1 - The Designer Toolkit - Tools, Extensions, and Plugins

2.1.2 - Figma Tour: Get to Know Your Tool

Building UI on Figma - UI Design Practice (Workshops)

2.2.1 - Grid Systems and Layouts

2.2.2 - Constraints

2.2.3 - Breakpoints

2.2.4 - Autolayout

2.2.5 - Components and Their Properties

2.2.6 - Atomic Design

2.2.7 - Design Systems and Design Styles in Figma

Prototyping in Figma

2.3.1 Prototyping in Figma

Unit 3. Usability Testing

Usability Testing Preparation

3.1.1 - What is Usability Testing?

3.1.2 - Planning Usability Tests

3.1.3 - Usability Testing Script & Metrics

Dev Collaboration

3.2.1 - Project handoff preparation

3.2.2 - Project handoff documentation

3.2.3 - Communicating with developers

Unit 4. Innovation in the Design Process

Strategic Design

4.1.1 - Strategic Design vs Design Thinking

4.1.2 - Contextual Design

4.1.3 - Strategic Design Frameworks

4.1.4 - Applications for Strategic Design

Service Design

4.2.1 - Service, product, experience - What's the Difference?

4.2.2 - Service Design Principles

4.2.3 - Service Design Process

4.2.4 - Service Blueprint

Unit 5. UX Design Project

Project Kick-off!

5.1.1 - Understanding the Design Brief

5.1.2 - Project Plan

5.1.3 - Research Wall

5.1.4 - Prototyping and testing

5.1.5 - Project report and presentation

Career success

5.2.1 - LinkedIn Profile

5.2.2 - Master Resume

"This course helped me to be more customer-oriented, and that helped me perform better in my career."

Keris Cheng

UX Designer | Graduated: 2023

"This experience is valuable for your future career"

Michael Chu

UX Designer | Graduated: 2023

"Amazing instructors and robust curriculum!"

Elaine A

UX Designer | Graduated: 2022

"Perfect for beginners!"

Elsie Wong

UX Designer | Graduated: 2022

"Build skills to be job-ready."

Jasmine Leung

UX Designer | Graduated: 2021

"Xccelerate provides an opportunity to gain the knowledge I need to be a UX designer."
Rosie Yip
UX Designer | Graduated: 2021