CareerFluxio 00

Home›Programs›UI / UX Design

Plan 01 · Starter · 2 Months

UI/UX Foundation

Two months on the craft: UI and UX fundamentals, colour theory and typography, layout and grids, Figma, and your first wireframes, prototypes and portfolio pieces.

₹24,999 ₹19,999 2 Months • 50+ Hours

UI/UX Designer

Four months from visual craft to product work: user research and personas, information architecture, advanced wireframing and prototyping, design systems, responsive design, UX testing and developer handoff.

₹49,999 ₹34,999 4 Months • 100+ Hours

Product Designer

The complete 24-week roadmap: design fundamentals and Figma, user research and information architecture, wireframing and prototyping, design systems, responsive and accessible design, UX testing, interaction design, developer handoff, and five industry-level projects.

₹79,999 ₹47,999 6 Months • 160+ Hours
50+
Class Hours
10
Assignments
5
Design Challenges
1
Live Project
100+
Class Hours
20
Assignments
10
Design Challenges
3
Live Projects
1
Month Internship
160+
Class Hours
30
Assignments
15
Design Challenges
5
Live Projects
2
Months Internship

The Curriculum

Eight weeks, three blocks

The Starter plan follows phases 1 and 2 of the 24-week roadmap, plus basic wireframing, prototyping and portfolio work.

WK 1–2

Phase 1 · Introduction to UI/UX design

UI vs UX fundamentals — what UI design is, what UX design is, the difference between them, the design thinking process, user-centered design, principles of good design, design terminology

Design basics — colour theory, typography, layout principles, white space, visual hierarchy, grids and alignment, contrast and consistency

Assignment — analyze the UI/UX of five popular websites and apps
WK 3–4

Phase 2 · Design tools and fundamentals

Figma basics — the interface, frames and components, Auto Layout, styles and assets, plugins, team collaboration

Graphic design basics — icons and illustrations, image editing, design assets, export settings

Assignment — design a landing page in Figma
WK 5–8

Wireframing, prototyping and portfolio (basics)

Low- and mid-fidelity wireframes, layout planning, clickable prototypes, and a first portfolio built around your own work. User research, design systems, responsive design, UX testing and developer handoff are covered in the Professional and Career Pro plans.

TOOLS IN THIS PLAN
Figma FigJam Canva Adobe XD (basic)
WK 1–2

Phase 1 · Introduction to UI/UX design

Fundamentals — UI vs UX, the design thinking process, user-centered design, principles of good design, terminology

Design basics — colour theory, typography, layout principles, white space, visual hierarchy, grids, contrast and consistency

Assignment — analyze the UI/UX of five products
WK 3–4

Phase 2 · Design tools and fundamentals

Figma — interface, frames and components, Auto Layout, styles and assets, plugins, team collaboration

Graphic design basics — icons and illustrations, image editing, design assets, export settings. Tools: Figma, Adobe XD, Canva, Photoshop basics

Assignment — design a landing page in Figma
WK 5–7

Phase 3 · User research and UX strategy

User research — user personas, user interviews, competitor analysis, user journeys, pain points, empathy mapping

Information architecture — sitemap creation, user flows, content hierarchy, card sorting

Assignment — personas and user journeys for an e-commerce platform
WK 8–10

Phase 4 · Wireframing and prototyping

Wireframing — low-, mid- and high-fidelity wireframes, layout planning

Prototyping — interactive prototypes, transitions and animations, clickable prototypes, micro-interactions

Project — wireframes and prototypes for a food delivery app

Systems, responsiveness and testing

WK 11–14

Phase 5 · UI design and design systems

UI design — buttons and forms, navigation patterns, cards and tables, dashboards, responsive layouts

Design systems — components, variants, design tokens, style guides, atomic design

Assignment — create a complete design system in Figma
WK 15–16

Phase 6 · Responsive web design

Responsive design — desktop-first and mobile-first design, tablet layouts, breakpoints, adaptive design

Accessibility (basics) — colour accessibility, contrast ratios, WCAG guidelines, inclusive design

Project — design a responsive company website
WK 17–18

Phase 7 · UX testing and optimization

Usability testing — user testing methods, A/B testing, heatmaps, feedback collection, UX audits

Optimization — improving user experience, reducing friction points, conversion optimization

Assignment — conduct a usability test and create a UX report
WK 21–22

Phase 9 · Developer handoff and collaboration

Handoff — Figma inspect mode, design specifications, asset export, documentation, working with developers

Version control — design iterations, feedback cycles, team workflows

Assignment — prepare a complete handoff document for developers
Project 1

E-commerce website design

Project 2

SaaS dashboard

Project 3

Company website redesign

TOOLS IN THIS PLAN
Figma Adobe XD Auto Layout Design Systems UX Testing Wireframing Prototyping Figma Dev Mode
WK 1–2

Phase 1 · Introduction to UI/UX design

UI vs UX fundamentals — what UI and UX design are, the difference between them, the design thinking process, user-centered design, principles of good design, terminology

Design basics — colour theory, typography, layout principles, white space, visual hierarchy, grids and alignment, contrast and consistency

Assignment — analyze the UI/UX of five popular websites and apps
WK 3–4

Phase 2 · Design tools and fundamentals

Figma — interface, frames and components, Auto Layout, styles and assets, plugins, team collaboration

Graphic design basics — icons and illustrations, image editing, design assets, export settings

Assignment — design a landing page in Figma
WK 5–7

Phase 3 · User research and UX strategy

User research — user personas, user interviews, competitor analysis, user journeys, pain points, empathy mapping

Information architecture — sitemap creation, user flows, content hierarchy, card sorting

Assignment — personas and user journeys for an e-commerce platform
WK 8–10

Phase 4 · Wireframing and prototyping

Wireframing — low-, mid- and high-fidelity wireframes, layout planning

Prototyping — interactive prototypes, transitions and animations, clickable prototypes, micro-interactions

Project — wireframes and prototypes for a food delivery app
WK 11–14

Phase 5 · UI design and design systems

UI design — buttons and forms, navigation patterns, cards and tables, dashboards, responsive layouts

Design systems — components, variants, design tokens, style guides, atomic design

Assignment — create a complete design system in Figma

Testing, interaction and handoff

WK 15–16

Phase 6 · Responsive web design

Responsive design — desktop-first and mobile-first design, tablet layouts, breakpoints, adaptive design

Accessibility — colour accessibility, contrast ratios, WCAG guidelines, inclusive design

Project — design a responsive company website
WK 17–18

Phase 7 · UX testing and optimization

Usability testing — user testing methods, A/B testing, heatmaps, feedback collection, UX audits

Optimization — improving user experience, reducing friction points, conversion optimization

Assignment — conduct a usability test and create a UX report
WK 19–20

Phase 8 · Advanced UI/UX concepts

Advanced topics — interaction design, animation principles, micro-interactions, dark mode design, design psychology, gamification, mobile UX patterns

Practical task — create an animated onboarding experience

Practical task — create an animated onboarding experience
WK 21–22

Phase 9 · Developer handoff and collaboration

Handoff — Figma inspect mode, design specifications, asset export, documentation, collaboration with developers

Version control — design iterations, feedback cycles, team workflows

Assignment — prepare a complete handoff document for developers
WK 23–24

Phase 10 · Portfolio and capstone projects

Students must complete at least three major projects; Career Pro students deliver five industry-level projects with written case studies.

Project 1

E-commerce platform

Homepage • product page • cart and checkout • dashboard

Project 2

SaaS product design

Login and registration • analytics dashboard • user settings

Project 3

Job portal design

Candidate dashboard • employer dashboard • application flow

STACK & TOOLS IN THIS PLAN
Figma Auto Layout 5.0 Design Systems Design Tokens UX Research Wireframing Prototyping Usability Testing Responsive Design WCAG Accessibility Micro-interactions Figma Dev Mode

Support beyond the classroom

Portfolio basics

A reviewed portfolio with two finished pieces and written process notes.

Resume building

A reviewed designer resume built around your projects and tools.

Two mock interviews

A design screening round and a portfolio walkthrough, with written feedback.

Basic placement assistance

Access to the hiring partner list and referrals for junior design roles.

WHERE THIS PLAN LEADS

From portfolio to interviews

Portfolio development

Three live projects presented with process, decisions and outcomes.

Resume & LinkedIn

A rewritten resume plus LinkedIn optimization for design roles.

Five mock interviews

Portfolio walkthrough, design critique, whiteboard and process rounds.

Priority placement

Referrals ahead of Starter candidates, plus limited one-on-one mentorship.

100+
Class hours
3
Live projects
10
Design challenges
1
Month internship
COMPARISON WITH THE OTHER PLANS

Built for placement

Two-month internship

A live product team, designing real screens with weekly design review and handoff.

Five industry projects

E-commerce platform, CRM dashboard, job portal, SaaS product and a responsive web app.

Ten mock interviews

Portfolio, critique, whiteboard, systems and product thinking rounds with feedback.

Premium placement

Unlimited one-on-one mentorship, resume and LinkedIn optimization, priority referrals.

ADVANCED MODULES IN THIS PLAN ONLY
Advanced animations and micro-interactions
Accessibility and inclusive design
Advanced UX testing
Case study creation
Portfolio development
Product thinking
COMPARISON WITH THE OTHER PLANS