UI/UX Design
A five-month course in designing digital products. Students learn research, interface design, Figma and prototyping, and complete two case studies for their portfolio.
- Duration
- 5 months
- Fees
- ₹8,000/month
- Batch Timing
- Flexible timing
Who This Course Is For
Beginners who want to understand user needs and design websites and apps.
What You’ll Learn
- What user experience means
- Sketching and interface anatomy
- Using AI tools responsibly in design work
- Visual design
- Responsive design and prototyping
- Design thinking
- Usability evaluation
- Documenting work as case studies
Tools You’ll Use
- Photoshop
- Illustrator
- Figma
AI tools are covered, with a focus on responsible use.
Course Syllabus
Eight stages over 20 weeks, from UX foundations, AI tools and visual design to Figma, design thinking and two major case-study projects. Each week has four training days. Daily topics may be adapted to student pace and software version.
- Module 1
Understanding UX and the Importance of Sketching
Training structure: Weeks 1 to 2, four training days per week.
- Daily object UX analysis
- Bad UX to good UX exercise
- Digital product design: UX and UI
- Human-computer interaction and user-centred design
- Usability and business impact
- Graphic design elements
- Sketching basic shapes
- Mobile anatomy and UI elements
- Website anatomy and UI elements
Practical work and portfolio outputs: Daily UX analysis exercises and paper sketching of mobile and website interfaces, done without digital tools.
- Module 2
AI and Tools
Training structure: Weeks 3 to 4, four training days per week.
- Professional platform accounts: LinkedIn, Behance and Notion
- Generative AI, responsible use and prompt structure
- AI tools for drafting and optimising professional profiles
- AI-powered image generation
- Branding theory: identity, values, voice, logo, colour and typography
- Branding project using AI
Practical work and portfolio outputs: A branding case study, documented and published on Behance.
- Module 3
Visual Design: Photoshop and Illustrator
Training structure: Weeks 5 to 8, four training days per week.
- Visual design and graphic design principles
- Photoshop interface, documents, layers and essential tools
- Brushes, selection tools and images
- Blending options, mockups, transformations and masks
- Illustrator interface, Pen Tool, tracing and masking
- Icon and illustration creation
- Branding: product name, colours, tagline, logo and icons
- Social media posters and web banners
- Banner, poster and mockup practice
Practical work and portfolio outputs: A visual design portfolio for Behance with branding, social media posters and web banners, plus banner, poster and mockup practice and a graphic design principles assignment.
- Module 4
Figma: Interface Design and Prototyping
Training structure: Weeks 9 to 11, four training days per week.
- Figma interface, Community, projects, files, pages, layers and assets
- Frames versus groups, properties, masks and Boolean operations
- Styles, design systems and file organisation
- Auto Layout
- Components, variants and constraints
- Responsive design and breakpoints
- Prototype interactions and transitions
Practical work and portfolio outputs: Practical exercises in styling, Auto Layout, components, responsive design and prototyping, leading into the first case study.
- Module 5
AI-Powered Landing Page
Training structure: Week 12, four training days.
- Landing-page UI structure
- AI-assisted creation
- HTML export and the HTML-to-Figma workflow
- Desktop (1440px) and mobile (440px) breakpoints
- Refining responsive layouts
Practical work and portfolio outputs: A responsive landing page, documented for Behance.
- Module 6
Design Thinking Process
Training structure: Week 13, four training days.
- Testing and usability testing
- A/B testing and iteration
- Heuristic evaluation
- Design thinking
Practical work and portfolio outputs: Heuristic evaluation and design thinking assignments.
- Project 1
E-commerce Website Redesign
Training structure: Weeks 14 to 16. Weeks 14 to 15 for the case study, Week 16 for feedback.
- Heuristic evaluation and pre-research audit
- UX research with AI tools
- Manual validation of insights
- Low-fidelity paper sketching
- Mid-fidelity Figma wireframes
- High-fidelity design with AI assistance
- Figma-to-HTML conversion
- HTML-to-Figma re-import and audit
- Iteration and optimisation
- Final refinement of usability and feedback states
Practical work and portfolio outputs: An e-commerce website redesign case study.
- Project 2
Conceptual Mobile App Design
Training structure: Weeks 17 to 20. Weeks 17 to 19 for the case study, Week 20 for feedback.
- Problem exploration and idea definition
- Context research with AI tools
- Manual validation of insights
- Main use-case creation
- UX flow definition
- Paper wireframes
- AI-assisted UI exploration
- Iteration and optimisation
- Final UI selection
- Clickable Figma prototype
- Prototype-based usability testing
- Manual heuristic evaluation
- Final iteration and refinement
- Process-focused documentation
Practical work and portfolio outputs: A conceptual mobile app case study, documented with a focus on process.
Practical Projects
- Branding case study
- AI-assisted responsive landing page
- E-commerce website redesign (case study 1)
- Conceptual mobile application design (case study 2)
Learning Approach
Practical, with design work throughout.
Portfolio and Assessment
The course produces four portfolio projects: a branding case study, an AI-assisted responsive landing page, an e-commerce website redesign and a conceptual mobile app design. Each is documented as a case study.