Become a Certified UI/UX Designer with AI, Accessibility & Placement Support

Module 26. Interaction Patterns and States

• Standard patterns and known anti-patterns
• Designing every state: empty, loading, partial, error, success
• Feedback, transitions, and perceived performance
• Navigation models for web and native apps
• Pattern library teardown

Module 27. Forms and Transactional Flows

• Multi-step forms, progress, save and resume
• Validation timing and error recovery
• Document upload on unreliable connections
• OTP, authentication, and payment flows
• Redesigning a real government form end to end

Module 28. Data-Dense and Dashboard Interfaces

• Tables, sorting, filtering, and pagination
• Dashboard layout and information priority
• Charts and data visualisation basics
• Admin panels and internal tools
• Designing for power users versus first-time users

Module 29. Wireframing and Low-Fidelity Prototypes

• Paper sketching and rapid ideation
• Wireframes, wireflows, and user flow diagrams
• Choosing the right fidelity for the question you are asking
• Clickable low-fi prototypes for early testing
• Flow mapping studio

Module 30. High-Fidelity Prototyping in Figma

• Prototype connections, triggers, and overlays
• Variables, conditionals, and expressions
• Interactive components and smart animate
• Prototyping offline and degraded network states
• Preparing a prototype for a live usability test

Module 31. Motion, Micro-interactions and Advanced Tools

• Motion principles: easing, duration, purpose
• Micro-interactions that communicate rather than decorate
• Respecting reduced-motion preferences
• Introduction to Framer and ProtoPie
• AI prototyping tools and their real limits

Module 32. Design System Foundations

• What a design system is and what it costs to maintain
• Style guide versus component library versus design system
• Studying GOV.UK, US Web Design System, Material 3, Carbon
• India Design System and DBIM toolkit
• Auditing an existing product for inconsistency

Module 33. Design Tokens and Theming

• Token architecture: primitive, semantic, component
• Naming conventions that survive engineering handoff
• Light, dark, and high-contrast themes
• Density and spacing tokens
• Treating language as a theme axis

Module 34. Component Design and Documentation

• Component API design, variants versus properties
• Composition and nesting strategy
• Writing usage guidance with do and do-not examples
• Accessibility notes for every component
• Publishing a Figma library

Module 35. Multilingual System Design and Governance

• Text expansion budgets for Hindi and other Indian languages
• Line height for Devanagari matras and conjuncts
• Font stacks: Noto Sans Devanagari, Mukta, Hind
• Mixed-script line breaking and truncation risk
• Contribution model, versioning, and deprecation

Module 36. HTML and Semantic Structure

• How the web actually works
• Semantic HTML as accessibility infrastructure
• Headings, landmarks, lists, and document outline
• Forms, labels, and input types
• Reading a page''s structure in browser dev tools

Module 37. CSS for Designers

• Selectors, box model, and the cascade
• Flexbox and CSS Grid
• Logical properties for multilingual layouts
• Custom properties and design tokens in code
• Responsive units and container queries

Module 38. Working with Developers

• Reading component code well enough to have the conversation
• Design handoff, specs, and Figma Dev Mode
• Token-to-code pipelines
• Performance basics: image formats, font loading, page weight
• Design QA and acceptance criteria

Module 39. Accessibility Foundations

• Medical and social models of disability
• Permanent, temporary, and situational impairment
• Assistive technology hands-on: NVDA, JAWS, TalkBack, VoiceOver
• Magnification, switch access, and voice control
• Live assignment: complete a government transaction using only a screen reader

Module 40. WCAG Principles and Success Criteria

• POUR: perceivable, operable, understandable, robust
• Every Level A and AA success criterion, worked through on real pages
• What WCAG 2.2 added over 2.1
• Conformance levels and what AA actually requires
• Building your own audit checklist

Module 41. Accessible Design in Practice

• Colour contrast, non-text contrast, and colour independence
• Keyboard navigation, focus order, focus visibility, skip links
• Accessible forms, error identification, and instructions
• ARIA roles, states, properties, and the first rule of ARIA
• Touch targets, gestures, and motion sensitivity

Module 42. Accessibility Testing and Auditing

• Automated tools: axe DevTools, WAVE, Lighthouse, Accessibility Insights
• Why automation catches only a fraction of issues
• Manual audit protocol, page by page
• Screen reader testing matrix across NVDA, JAWS, VoiceOver, TalkBack
• Devanagari and screen readers: lang switching, conjuncts, Indian language TTS gaps

Module 43. Accessibility Law, Reporting and Remediation

• RPwD Act 2016 Sections 40, 42, 46 and Rule 15
• IS 17802 as a BIS standard referenced by statute
• The direction of the draft RPwD Amendment Rules and conformance reporting
• Writing a VPAT and Accessibility Conformance Report
• Prioritising a remediation backlog by severity and effort

Module 44. GIGW 3.0 Structure and Scope

• What GIGW is and which organisations it binds
• The four focus areas: Quality, Accessibility, Cybersecurity, Lifecycle Management
• The role-based framing: organisation, developer, evaluator
• The 25 quality checkpoints explained
• Accessibility criteria mapped to WCAG 2.1 Level AA

Module 45. Compliance Requirements in Detail

• Mandatory policies: content, moderation, review, archival, copyright, hyperlinking, privacy, security, contingency
• Unicode mandate and Hindi/regional font testing requirements
• Language metadata and multilingual content obligations
• Mobile app clauses: homescreen parity, orientation, gesture alternatives
• API integration expectations for DigiLocker, Aadhaar, SSO, and translation tools

Module 46. Running a GIGW Audit

• Building a compliance matrix from scratch
• Gathering page-level evidence
• Identifying and documenting non-conformity
• Writing a gap report with a prioritised action plan
• Practice audit on a live state government portal

Module 47. STQC Certification and Governance

• The STQC Website Quality Certification process end to end
• Preparing the evidence pack
• The audit, findings, and re-verification cycle
• Web Information Manager role and lifecycle governance
• DPDP Act 2023 as an interface problem: notice, consent, data principal rights

Module 48. Working in a Product Team

• Agile, sprints, and dual-track design
• Writing user stories and acceptance criteria
• Stakeholder management and design reviews with non-designers
• Facilitating workshops and alignment sessions
• Handling feedback, scope creep, and difficult clients

Module 49. Measuring Design in Production

• Setting design success metrics before you ship
• HEART framework and task success measurement
• Google Analytics, Hotjar, and Microsoft Clarity for designers
• Reading heatmaps and session recordings correctly
• A/B testing basics and when you cannot run one

Module 50. AI as a Design Assistant

• AI for research synthesis, clustering, and theme extraction
• Generating copy, personas, and test scripts
• AI image and asset generation for interface work
• Rapid wireframe and layout generation
• Prompt engineering for design tasks

Module 51. Designing AI-Powered Products

• Interface patterns for AI features: chat, suggestion, agentic flows
• Designing for uncertainty, hallucination, and low confidence
• Explainability, transparency, and user control
• Trust, consent, and AI disclosure in Indian contexts
• Ethics and bias in AI-driven interfaces

Module 52. Case Study Writing and Portfolio Build

• What hiring managers actually read in a case study
• Structuring problem, constraint, process, decision, outcome
• Presenting research and accessibility work as a differentiator
• Building your portfolio site on Framer, Webflow, or Notion
• Portfolio review with external design leads

Module 53. Freelancing and Client Work with AI

• Finding clients: Upwork, Fiverr, LinkedIn, direct outreach
• Pricing your work, writing proposals, scoping projects
• Contracts, milestones, IP, and payment protection
• Using AI to speed up proposals, research, and delivery
• Building a repeatable freelance service offering

Module 54. Resume, Interview and Job Readiness

• Designer resume and LinkedIn profile that pass screening
• Portfolio presentation and how to talk through your work
• Whiteboard challenges and app critique exercises
• Take-home assignment strategy
• Mock interviews and salary negotiation

Live Project 1: Accessible Bilingual Form Redesign

• Redesign a real government form in Hindi and English
• Fix accessibility failures and document the before and after
• Deliver an annotated Figma file with design rationale

Live Project 2: Research and IA Study of a Public Service

• Team project with minimum 8 real participants
• Include non-English-primary users and users with disabilities
• Deliver research findings, journey map, and a tree-tested IA

Live Project 3: Bilingual Design System

• Build a published Figma library with tokens and 15+ components
• Hindi and English variants, light, dark, and high-contrast themes
• Full documentation with per-component accessibility specs

Capstone Project: End-to-End Public Digital Service

• Original research with 10+ participants across language groups
• Complete IA, content model, and bilingual interface design
• Working high-fidelity prototype with all failure states
• WCAG 2.2 AA conformance report with page-level evidence
• GIGW 3.0 compliance matrix with prioritised gap list
• Usability test in both languages and a documented design iteration
• Public defence to an external panel

One-Month Internship on Live Projects

• Work on real client or NGO products under mentor supervision
• Contribute to an active design system or accessibility audit
• Receive a separate internship completion certificate