const learn = () => {};
function code() { }
if (passionate) { }
while (true) { }
for (let i = 0; i < ∞; i++)
import { skills } from "learning";
export default Developer;
async function master() {}
return success;
console.log("Hello World");
{ }
< >
[ ]
( )
//
=>
...
&&
||
++
Home/Courses/UI/UX Design
Beginner
Other

UI/UX Design

Elevate your career in the digital landscape with our comprehensive 2.5-month professional UI/UX Design course. Led by expert instructor Theint Yamon, this intensive weekend program is designed to transform beginners into industry-ready designers through hands-on practice and a deep dive into the human-centered design process.

11 weeks
Beginner Level
180,000 MMK
UI/UX Design

Course Outline

Module 1

Introduction to UI/UX Design

  • What is UI/UX?
  • Difference between UI & UX
  • Design Thinking Process
  • UI/UX career paths
  • Activity: Analyze and present good vs. bad UI/UX examples
Module 2

Figma Tools

  • Figma workspace and tools
  • Shapes, text, frames
  • Layers and assets
  • Plugins & intro to components
  • Activity: Create a login screen using Figma
Module 3

Basic Web Design Principles

  • Layout & hierarchy
  • Alignment, consistency
  • White space & balance
  • Accessibility basics
  • Activity: Redesign a poor layout using the principles learned
Module 4

Color Theory & Typography

  • Color wheel, harmony, contrast
  • Color in branding
  • Font pairing, hierarchy
  • Activity: Create a style guide with color and typography
Module 5

Grid System

  • Grids, columns, gutters, margins
  • Responsive design basics
  • Activity: Design a homepage layout using a 12-column grid
Module 6

Auto Layout in Figma

  • Auto Layout: what, why, and how
  • Nesting, padding, spacing
  • Constraints and resizing
  • Activity: Redesign a form using Auto Layout (desktop + mobile)
Module 7

User Research & Persona

  • Interview & survey basics
  • Creating personas
  • Journey mapping
  • Activity: Create a persona + journey map for a shopping app
Module 8

Wireframing

  • Low vs. high fidelity
  • Sketching and layout planning
  • Activity: Wireframe a signup or checkout flow
Module 9

Prototyping

  • Linking screens
  • Transitions & animations
  • Feedback on prototypes
  • Activity: Build a prototype from your Week 8 wireframe
Module 10

UI/UX Portfolio Building

  • What makes a strong case study
  • Portfolio site structure
  • Activity: Start creating a portfolio project from your prototype
Module 11

Final Project + Presentation

  • User research → Persona → Wireframe → UI → Prototype
  • 🎯Activities: 💻Final presentation to peer,📝Feedback and reflection

Learning Outcomes

  • Master the core principles of User Interface (UI) and User Experience (UX) design.
  • Apply the Design Thinking process to solve real-world digital product problems.
  • Gain professional proficiency in Figma, including Auto Layout and Components.
  • Create high-fidelity, responsive layouts for both mobile and desktop platforms.
  • Implement accessibility, grid systems, and visual hierarchy in web design.
  • Utilize color theory and typography to influence user behavior and branding.
  • Conduct user research and develop detailed user personas and journey maps.
  • Build low-fidelity and high-fidelity wireframes to plan user flows.
  • Develop interactive, clickable prototypes for testing and feedback.
  • Construct a professional UI/UX case study and portfolio to showcase work.
  • Present a complete design project from research to final prototype to peers.

Ready to Learn UI/UX Design?

Join our next batch and start building real projects