Contact Us
Contact Us

UI/UX Design for
Web & Mobile

A practical, hands-on course that teaches you to design modern websites and mobile app interfaces using Figma. Learn UI/UX principles, wireframing, prototyping, and build a professional design portfolio through real-world projects.

Register Now
Contact Us
ui ux copy

Course Overview

UI / UX Design – Figma Course Overview

The UI/UX Design with Figma Course is a practical, industry-oriented program created for beginners and aspiring designers who want to build modern websites and mobile app interfaces. This course teaches the core principles of User Interface (UI) and User Experience (UX) design using Figma, a leading collaborative design and prototyping tool.

Students will learn how to plan user journeys, create wireframes, design attractive layouts, choose effective color palettes and typography, and build interactive prototypes. Through guided exercises and real-world projects, learners gain hands-on experience in designing user-friendly digital products.

By the end of the course, participants will have a strong design portfolio, practical tool knowledge, and the confidence to pursue careers in UI/UX Design, Product Design, Web Design, and Mobile App Design.

 
 

Curriculum

Session 1 – Introduction to UI/UX Design

  • What is UI vs UX
  • Design thinking process
  • Career paths in UI/UX

Session 2 – Basics of Design Principles

  • Color theory
  • Typography
  • Layout & spacing

Session 3 – Introduction to Figma

  • Figma interface & tools
  • File setup and frames
  • Assets & components overview

Session 4 – User Research & Personas

  • Understanding users
  • Creating user personas
  • User journey mapping

Your Instructor

Janakan Mahendrarajah

COO @ We Are Designers BSc (Hons) IT – Interactive Media / MBA in IT

Janakan Mahendrarajah is an experienced UI/UX Design Instructor and the Chief of Operations at We Are Designers, bringing a blend of strategic leadership and hands-on design expertise to the course.

He holds a BSc (Hons) in Information Technology with a specialization in Interactive Media, where he developed a deep understanding of how users interact with digital products. Currently, he is also pursuing an MBA in Information Technology, enhancing his skills in business strategy and technology management.

Prerequisites

  • Basic computer knowledge and confidence using a PC/laptop
  • Laptop or desktop with stable internet connection
  • No prior design or coding experience required
  • Interest in creativity, design, and problem-solving
  • Willingness to learn modern digital design tools and trends

Ready to Start?

Join thousands of students already enrolled
Register Now
Contact Us

Session 5 – Wireframing

  • Low-fidelity wireframes
  • Layout structuring
  • Best practices

Session 6 – High-Fidelity UI Design

  • Grids & alignment
  • Icons & imagery
  • Design consistency

Session 7 – Components & Design Systems

Session 8 – Prototyping in Figma

  • Interactive links
  • Transitions & animations
  • Clickable prototypes

Session 9 – Mobile App Design

Session 10 – Web UI Design

  • Landing pages
  • Responsive web layouts
  • Accessibility basics

Session 11 – Usability Testing & Feedback

Session 12 – Audio & Effects

  • Complete UI/UX project
  • Portfolio presentation
  • Career guidance & certification

Session 11 – User Interface (UI) Design

Session 12 – Game Mechanics & Scoring

  • Score Systems
  • Timers & Levels
  • Game Logic Implementation

What You'll Learn

  • Fundamentals of UI and UX design concepts
  • Design thinking and user-centered design process
  • Color theory, typography, and layout principles
  • Figma interface, tools, and workspace setup
  • Creating low-fidelity wireframes
  • Designing high-fidelity UI screens
  • Building reusable components and design systems
  • Creating interactive prototypes and animations
  • Mobile app UI design and responsive layouts
  • Website and landing page design
  • Usability testing and feedback implementation
  • Building a professional UI/UX portfolio project

Your Instructor

Selvarajah Shyrajan

(Flim Maker & JZBF Director)

Shyrajan is an independent filmmaker with a strong passion for visual storytelling and creative expression. He specializes in creating cinematic experiences through professional cinematography, seamless editing, and expressive colour grading that enhances mood and emotion. His expertise also extends to VFX, where imagination is transformed into compelling on-screen visuals.

In addition to filmmaking, he designs eye-catching titles and posters that strengthen visual branding, and provides graphic design services including logos, flyers, posters, and visiting cards. Every project he undertakes is driven by creativity, attention to detail, and a commitment to delivering impactful visual content that connects with audiences.

Prerequisites

  • Adobe Premiere Pro CC installed to thoroughly follow along and practice while you are learning.
  • You can also learn the entire Video Editing Process and create your own projects in Premiere Pro CC.
  • A minimum free disk space of 1 GB to download and work with the necessary professional footage I have provided.

Ready to Start?

Join thousands of students already enrolled
Register Now
Contact Us