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.
Education Standards:
- 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.
Who Should Attend?
- Senior students preparing for a UX/UI design career.
- Graduates entering the field.
- Professionals enhancing their UX/UI skills.
Why CDIP?
- 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.
Name: Anamoul Rouf
Designation: Senior Product Designer at CES, USA and Head of Design, Falaq
Experience: 8+ years
Linkedin: Anamoul Rouf 🇵🇸 – Falaq | LinkedIn
Module 1: Introduction to UX/UI Design (4 Classes)
Class 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.
Class 2: User Research & Personas
Topics: User-centered design, research methods (interviews, surveys), creating personas and empathy maps.
Activities: Research simulation, persona creation, empathy mapping.
Class 3: Ideation, Wireframing & User Stories
Topics: Brainstorming techniques, user stories, wireframing basics.
Activities: Brainstorming session, user story writing, wireframe sketching.
Class 4: Information Architecture & Navigation Design
Topics: Sitemaps, user flows, navigation design, card sorting.
Activities: Sitemap creation, user flow diagramming, card sorting exercise.
Module 2: Visual Design Principles (4 Classes)
Class 5: Visual Design Fundamentals & Grids
Topics: Color theory, typography, layout principles, grids.
Activities: Color palette creation, typography exploration, grid-based layout design.
Class 6: Components & Design Systems
Topics: Components, reusable UI elements, design systems (Material Design, Human Interface Guidelines).
Activities: Component creation, mini design system.
Class 7: Wireframing, Prototyping & Usability Testing
Topics: Prototyping methods, usability testing (planning, conducting, analyzing).
Activities: Wireframe development, prototyping, usability test planning.
Class 8: Advanced Usability Testing & Results Analysis
Topics: Conducting usability tests, synthesizing findings, making recommendations.
Activities: Usability test execution, results analysis, report preparation.
Module 3: HTML, CSS, and Basic JavaScript (4 Classes)
Class 9: HTML & CSS Basics
Topics: HTML structure, semantic tags, CSS syntax, basic styling (fonts, layout).
Activities: HTML page creation, CSS styling.
Class 10: Advanced CSS & Responsive Design
Topics: Flexbox, CSS Grid, responsive design, animations.
Activities: Flexbox and Grid exercises, responsive design project.
Class 11: JavaScript Basics & DOM Manipulation
Topics: JavaScript fundamentals, event handling, DOM manipulation.
Activities: JavaScript scripting, event handling.
Class 12: Advanced CSS & JavaScript Enhancements
Topics: Advanced layouts (Flexbox, Grid), animations, interactive features with JavaScript.
Activities: Responsive design, JavaScript enhancements.
Module 4: Portfolio Website & Case Study (4 Classes)
Class 13: Planning & Developing the Portfolio Website
Topics: Content planning, HTML structure, initial CSS styling.
Activities: Sitemap creation, HTML and CSS setup.
Class 14: Portfolio Website Development & Enhancements
Topics: JavaScript interactivity, responsive design, accessibility features.
Activities: Adding JavaScript features, responsive design testing.
Class 15: Case Study Writing & Portfolio Finalization
Topics: Structuring case studies, integrating into portfolio, final testing.
Activities: Case study creation, peer feedback, portfolio finalization.
Class 16: Final Presentation & Job Hunting Prep
Topics: Presenting portfolio and case study, CV building, interview preparation.
Activities: Final project presentation, CV review, mock interviews.
