# Content What Students Practical Exercises Assignment/Task

Will Learn

1 Introduction to Understand design Analyze popular -

UI/UX Design fundamentals and apps (e.g.,
(Difference, their role in user Instagram) to
Importance) experience identify successful
UI/UX elements

2 Design Principles Apply core Improve an existing Design a simple

(Contrast, principles to create design (e.g., ad banner
Alignment, cohesive designs product card) using applying the
Repetition, principles principles
Proximity, Space)

3 Color Theory Choose brand- Create a mobile Design a Login

(Psychology of appropriate color app color palette screen using a
Colors) palettes (e.g., medical vs. specific palette
entertainment app)

4 Typography (Font Use typography to Compare fonts for Design a Settings

Selection, enhance clarity and the same app and screen with
Hierarchy) aesthetics select the best fit typographic
hierarchy

5 Design Tools Navigate Figma/XD Create a new file -

(Figma/Adobe XD - interfaces and experiment
Basics) with
shapes/text/colors

6 Wireframing Convert ideas into Sketch a To-Do List Submit a

(Skeleton Layouts) initial layouts wireframe wireframe for an
(paper/Figma) e-commerce app

7 Designing Create reusable UI Build a component Update wireframe

Components elements library (buttons, with components
(Buttons, Icons, input fields)
Inputs)
8 Core Screens Build complete Design 3 connected Add interactivity
Design (Login, interfaces screens (Login → (e.g., button color
Home, Profile) Home → Profile) change)

9 Prototyping Make designs Link screens in Submit a

(Linking Screens, dynamic and Figma with prototype for a
Interactions) testable transitions Weather App

10 Responsive Adapt designs for Modify a design to Design a

Design (Mobile, all devices be responsive responsive news
Tablet, Web) app interface

11 Dashboard Design Present data Design a dashboard Create a fitness

(Data attractively for sales/user stats app dashboard
Visualization) (steps, calories)

12 Micro-interactions Enhance UX with Add button Apply micro-

(Animations) subtle details hover/loading interactions to a
animations prototype

13 Dark Mode Design Create night-mode- Convert a light -

friendly interfaces design to Dark
Mode

14 Usability Testing Evaluate and Conduct A/B testing Analyze results

improve designs on two button and refine designs
designs

15 Mini Project (To- Apply skills in a Design + prototype Present the design
Do List or Weather practical project a full app with rationale
App)

16 UX Research Understand user Create a Google Analyze data and

(Data Collection behavior/needs Forms survey for suggest
Tools) feedback improvements

17 Personas & User Customize Build a persona for Map a user

Journeys experiences for a banking app user journey for a
target users persona
18 Accessibility Make designs Test contrast with Improve an
Design inclusive Color Contrast existing design for
Analyzer accessibility

19 Advanced Add advanced Design a loading Create a video

Animation (After motion to interfaces screen animation showcasing app
Effects/Figma) interactions

20 Mid-Scale Project Integrate skills in a Design 5 core Add cart/review

(E- comprehensive screens for an system features
commerce/Social project online store
Media)

21 Design Systems Maintain Create a simple Apply the system

(Component consistency in large Design System in to an existing
Libraries) projects Figma project

22 3D Elements in UI Add depth to Use Spline to Integrate a 3D

designs design 3D elements element into an
app interface

23 Collaboration in Work in design Simulate team -

Figma (Team teams collaboration on
Libraries) one file

24 Advanced Project Tackle complex Design 10+ screens Present the

(Banking/Health design challenges with full prototyping project with
App) design decisions

25 Landing Page Create compelling Design a landing Add a mobile-

Design web pages page for a fictional responsive version
service

26 Design-to-Code Collaborate with Audit a Figma file -

Handoff developers for code-ready
components

27 AR/VR Interfaces Explore futuristic Design an AR app -

interfaces interface (e.g., IKEA
Place)
28 Portfolio Building Showcase work Create a Add 3 projects
professionally Behance/personal with case studies
portfolio site

29 Job Market Tips Prepare for industry Update LinkedIn Write a case study
(UI/UX Careers) demands with projects for one project

30 Common Polish design Critique peer -

Mistakes & Fixes quality designs and give
feedback

31 Final Project Idea Define project Sketch user flow + Pitch the project
(Innovative App) goals/requirements wireframe for the concept
idea

32 High-Fidelity Create a polished, Refine final -

Prototype presentation-ready prototype with
prototype interactions

33 Usability Testing Ensure top-tier UX Test with real users Analyze feedback
(Final Project) and gather and iterate
feedback

34 Project Demo Present work Record a video -

Video visually explaining
design/interactions

35 Case Study Document the Write a full case -

Documentation design process study for the final
project

36 Final Project Receive feedback Present to Update portfolio

Showcase and polish portfolio peers/instructors with the final
project