UI and UX design
Admission closed
Professional UI & UX Design
A four-month UX/UI Design course of 16 hands-on classes covering research, ideation, visual design, wireframing, prototyping and high-fidelity design, culminating in a personal portfolio website.
The Four-month UX/UI Design course offers 16 hands-on classes to equip participants with essential UX/UI skills, including research, ideation, visual design, wireframing, prototyping, and high-fidelity design. Participants will also gain foundational knowledge in HTML, CSS, JavaScript, and CSS frameworks like Bootstrap, culminating in a personal portfolio website. The course prepares students for the job market as skilled UX/UI designers.
Who this course is for
- Senior students preparing for a UX/UI design career.
- Graduates entering the field.
- Professionals enhancing their UX/UI skills.
How the course works
- Trainers: Expert industry professionals.
- Hands-on Training: Industry-oriented projects.
- Certification: From UIU upon completion.
- Grooming: CV development and interview simulation.
- Career Support: Counseling and job placement assistance.
- Flexible Schedule: Weekly class on Fridays.
- Competency-Based: Core skills in user research, design, and front-end development using tools like Sketch, Figma, and Adobe XD.
- Project-Based: Focus on real-world applications with projects, portfolio, case studies, and CV creation.
- Outcome-Oriented: Builds skills from basic HTML/CSS/JavaScript to advanced techniques like Bootstrap.
- Assessment & Feedback: Peer reviews, usability testing, instructor feedback, and networking practice.
- Professional Development: CV building, LinkedIn optimization, and creating a compelling portfolio.
Course outline
1Class 1: Course Overview & UX/UI Fundamentals
- Topics: Introduction to UX/UI, course objectives, tools overview (Sketch, Figma, Adobe XD).
- Activities: Icebreaker, software setup, Q&A.
2Class 2: User Research & Personas
- Topics: User-centered design, research methods (interviews, surveys), creating personas and empathy maps.
- Activities: Research simulation, persona creation, empathy mapping.
3Class 3: Ideation, Wireframing & User Stories
- Topics: Brainstorming techniques, user stories, wireframing basics.
- Activities: Brainstorming session, user story writing, wireframe sketching.
4Class 4: Information Architecture & Navigation Design
- Topics: Sitemaps, user flows, navigation design, card sorting.
- Activities: Sitemap creation, user flow diagramming, card sorting exercise.
5Class 5: Visual Design Fundamentals & Grids
- Topics: Color theory, typography, layout principles, grids.
- Activities: Color palette creation, typography exploration, grid-based layout design.
6Class 6: Components & Design Systems
- Topics: Components, reusable UI elements, design systems (Material Design, Human Interface Guidelines).
- Activities: Component creation, mini design system.
7Class 7: Wireframing, Prototyping & Usability Testing
- Topics: Prototyping methods, usability testing (planning, conducting, analyzing).
- Activities: Wireframe development, prototyping, usability test planning.
8Class 8: Advanced Usability Testing & Results Analysis
- Topics: Conducting usability tests, synthesizing findings, making recommendations.
- Activities: Usability test execution, results analysis, report preparation.
9Class 9: HTML & CSS Basics
- Topics: HTML structure, semantic tags, CSS syntax, basic styling (fonts, layout).
- Activities: HTML page creation, CSS styling.
10Class 10: Advanced CSS & Responsive Design
- Topics: Flexbox, CSS Grid, responsive design, animations.
- Activities: Flexbox and Grid exercises, responsive design project.
11Class 11: JavaScript Basics & DOM Manipulation
- Topics: JavaScript fundamentals, event handling, DOM manipulation.
- Activities: JavaScript scripting, event handling.
12Class 12: Advanced CSS & JavaScript Enhancements
- Topics: Advanced layouts (Flexbox, Grid), animations, interactive features with JavaScript.
- Activities: Responsive design, JavaScript enhancements.
13Class 13: Planning & Developing the Portfolio Website
- Topics: Content planning, HTML structure, initial CSS styling.
- Activities: Sitemap creation, HTML and CSS setup.
14Class 14: Portfolio Website Development & Enhancements
- Topics: JavaScript interactivity, responsive design, accessibility features.
- Activities: Adding JavaScript features, responsive design testing.
15Class 15: Case Study Writing & Portfolio Finalization
- Topics: Structuring case studies, integrating into portfolio, final testing.
- Activities: Case study creation, peer feedback, portfolio finalization.
16Class 16: Final Presentation & Job Hunting Prep
- Topics: Presenting portfolio and case study, CV building, interview preparation.
- Activities: Final project presentation, CV review, mock interviews.
Assessment and certificate
- Class 16: Final project presentation, CV review, mock interviews
Taught by
