Apply for Integrated UI/UX & Graphic Design Diploma

WhatsApp
Integrated UI/UX & Graphic Design at FSJD
← Communication Design

FORE School of Design · 2026–27 edition

Integrated UI/UX & Graphic Design Diploma

One curriculum, both disciplines. This programme combines UX research and product design with visual craft and brand systems — for designers who want to think in interfaces and identities, not just one or the other. Graduate with 5+ portfolio deliverables spanning research, brand, product, and campaign work.

Duration

12 months

Format

Offline

Live sessions

320+ hours

Portfolio

5+ deliverables

Support

Placement guidance

Most design education forces a choice: learn to solve human problems through research and systems (UX), or learn to make ideas visible through craft and brand (graphic design). This programme is built on the belief that the strongest designers today do both — because products need brands, and brands increasingly live inside products.

The first four months build shared foundations — research, typography, grids, brand systems, and UI systems as one continuous design language. The next four apply that language across advertising, packaging, AI-powered workflows, and a capstone that ships one integrated brand-and-product system, not two separate ones.

Who this programme is for

01

Freshers & graduates

Want the broadest possible design foundation — from user research to brand identity — in a single programme

02

Graphic designers

Visual communicators ready to add UX research and product thinking to their practice

03

UX / product designers

Researchers and product designers ready to add strong visual craft and brand systems

04

Career switchers

Professionals making a structured transition into a design-generalist role

05

Startup founders & solo builders

Need to design both the product and the brand without hiring two designers

06

Agency & studio professionals

Want cross-disciplinary fluency across UX and visual design roles

Curriculum

Eight months. One integrated designer.

Foundations — Design Thinking, Research & Visual Systems

4 months · 150+ hours live sessions

Month 01

Design Thinking, Visual Perception & UX Foundations

One design mind — solve problems and see form at once

WK 01

Design Thinking & the Double Diamond

  • Empathize → Define → Ideate → Prototype → Test
  • UX vs UI vs Graphic vs Product Design — roles and overlaps
  • Double Diamond process model
  • Human-centred vs business-centred design
  • Design ethics: fairness, accessibility, representation
  • AI's role across the modern design process

Assignment

Redesign a broken everyday experience — present as a 5-slide deck combining research insight and visual concept

WK 02

Visual Perception & Gestalt Principles

  • Psychology of visual perception
  • Gestalt laws: proximity, similarity, continuity, closure
  • Figure-ground relationships and visual weight
  • Semiotics: signs, symbols, icons and indexes
  • Applying Gestalt to both interface and print hierarchy
  • Cognitive biases in design decisions

Assignment

3 posters demonstrating different perception principles, applied to a product UI screen

WK 03–04

User Research & Personas

  • Qualitative research: interviews, contextual inquiry, diary studies
  • Quantitative research: surveys, analytics, A/B tests
  • AI-assisted synthesis: Dovetail AI, NotebookLM
  • Evidence-based personas and empathy maps
  • Jobs-To-Be-Done framework and problem statements
  • Research planning: scoping, recruiting, screener design

Portfolio piece #1

Persona + Empathy Map + Problem Statement for a real product or brand — from primary research

Month 02

Typography, Grids & Information Architecture

The two grammars of design — words in systems, information in structure

WK 05

Typography Fundamentals & Systems

  • Type anatomy and classification
  • Type scale systems: Major Third, Perfect Fourth, Golden Ratio
  • Micro and macro-typography: kerning, leading, column width
  • Font pairing logic and type as brand personality
  • Variable fonts and responsive type

Assignment

Typography specimen poster + a matching digital type scale in Figma

WK 06–07

Grid Systems & Layout Design

  • Swiss grid origins: Josef Müller-Brockmann
  • Grid types: manuscript, column, modular, hierarchical, baseline
  • Grid construction in InDesign vs Figma auto-layout
  • 8pt and 12-column grids for digital products
  • Breaking the grid intentionally
  • Balance and rhythm across print and screen

Assignment

4-page editorial layout + a matching responsive digital layout using the same grid logic

WK 08

Information Architecture & User Flows

  • Mental models and card sorting
  • Sitemaps: flat vs hierarchical vs hub-and-spoke
  • Navigation patterns: mega menus, bottom nav, progressive disclosure
  • User flows vs task flows vs wireflows
  • Error flows, empty states and edge cases
  • AI tools for IA and flow validation

Portfolio piece #2

IA + user flow for a real product, with rationale for every structural decision

Month 03

Brand Identity & UI Systems

One system, two expressions — brand mark and interface component

WK 09–10

Brand Strategy & Logo Design

  • Brand vs logo vs identity: the full ecosystem
  • Brand strategy: purpose, positioning, personality
  • Logo types and the design process: brief → sketch → refine → system
  • Logo geometry and versatility testing
  • Indian and global brand case studies

Project

Logo + brand strategy board for a fictional or real brand

WK 11

Design Systems: Atomic Design to Figma Components

  • Atomic Design: atoms, molecules, organisms, templates, pages
  • Figma: components, variants, auto-layout
  • Design tokens: colour, spacing, type as single source of truth
  • Building a system that works in both print and product
  • Responsive behaviour and interaction states

Assignment

Component library that expresses one brand identity across both a poster template and a UI kit

WK 12

UI Fundamentals, Colour & Accessibility

  • Visual hierarchy: size, weight, colour, contrast
  • Colour psychology and semantic colour (success / warning / error)
  • WCAG 2.2 AA standards: contrast, focus states, touch targets
  • Responsive layout and screen density
  • AI layout and colour tools

Portfolio case study #1

Full brand + UI case study: strategy → logo → design system → high-fidelity screens

Month 04

Illustration, Motion & Interaction Design

Make it move, make it feel considered

WK 13–14

Illustration & Visual Storytelling

  • Illustration styles: flat, isometric, line art, editorial
  • Vector illustration: pen tool, shape builder, pathfinder
  • Conceptual illustration and visual metaphor
  • Illustration systems for brands and products
  • AI-assisted illustration: Midjourney, Firefly

Assignment

An illustration system usable across brand collateral and product empty-states / onboarding

WK 15

Interaction Design & Motion

  • Microinteractions: trigger, rules, feedback, loops
  • Motion principles: easing, duration, choreography
  • Logo animation and kinetic typography
  • Feedback and affordances in interfaces
  • Tools: Figma Smart Animate, After Effects, Rive

Assignment

Microinteraction prototype + a matching short brand motion piece (logo animation or animated poster)

WK 16

Usability Testing & Service Design

  • Test planning: moderated vs unmoderated testing
  • AI-powered testing: Maze, UXtweak AI
  • Nielsen's 10 heuristics
  • Service blueprints: frontstage vs backstage
  • Omnichannel design: web, mobile, physical touchpoints

Portfolio case study #2

Usability test report + service blueprint for a real product or service experience

Applied Practice — Campaigns, AI Workflows & Career Readiness

4 months · 170+ hours live sessions

Month 05

Advertising, Packaging & Product Thinking

Design decisions that answer to a business, not just a brief

WK 17

Advertising Campaigns

  • The Big Idea: finding and testing it
  • Campaign structure: hero concept + support executions
  • Print, outdoor and social advertising formats
  • Visual-copy relationship
  • Consumer behaviour and brand storytelling

Project

360° campaign: big idea + 3–5 deliverables across print, digital and outdoor

WK 18

Packaging & Physical Brand Touchpoints

  • Packaging design thinking: product, shelf, hands, home
  • Dieline design: bleeds, folds, print specifications
  • Retail psychology and shelf impact
  • Sustainable packaging and recyclability
  • From packaging to unboxing as a digital-adjacent experience

Project

Packaging design: dieline + 3D mockup for a product tied to the Month 03 brand system

WK 19

Product Thinking & Business Metrics

  • Product thinking: business impact over user delight alone
  • North Star metrics, KPIs and OKRs
  • Design trade-offs under real constraints
  • Roadmap thinking: MVP, MMP, iteration
  • Presenting design decisions to executives and non-designers

Assignment

Brief connecting 3 design decisions — one visual, one UX — to business metrics for a single product

Month 06

AI-Powered Design Workflows & UX Writing

Every modern designer is AI-augmented — learn where it helps and where it doesn't

WK 20

AI for Visual & Product Design

  • AI tools landscape: Midjourney, DALL·E 3, Adobe Firefly, Galileo AI
  • Prompt engineering for design-quality output
  • AI-assisted layout, mood boards and ideation
  • Building an AI-augmented design pipeline
  • Legal and ethical considerations: commercial rights, disclosure

Assignment

AI-assisted brand + UI concept sprint — complete a concept in one session, documenting every prompt and decision

WK 21

UX Writing & Content Design

  • UX writing as a design skill, not copywriting
  • Microcopy: buttons, tooltips, error messages, empty states
  • Writing for AI interfaces: communicating uncertainty
  • Tone and voice as a brand asset across product and marketing
  • Content design for onboarding and conversion

Assignment

UX writing guide + microcopy audit for a real product, aligned to its brand voice

WK 22

Print & Digital Production Standards

  • Print production: DPI vs PPI, CMYK vs RGB, bleeds and crop marks
  • Digital handoff: Figma Dev Mode, specs and annotations
  • Digital asset management: naming, folders, version control
  • Freelance and studio practice: pricing, contracts, client feedback

Assignment

Print-ready + developer-handoff-ready delivery package for a single case study

Month 07

Portfolio & Interview Readiness

Convert eight months of range into a hireable, coherent portfolio

WK 23

Portfolio Structure & Storytelling

  • What recruiters look for in a generalist design portfolio
  • Case study structure: problem → process → outcome
  • Balancing UX depth with visual polish in one narrative
  • AI-assisted case study writing
  • Personal website: Framer, Webflow, Behance

Deliverable

3 complete case studies spanning UX, brand and campaign work + personal portfolio site live

WK 24

Resume, LinkedIn & Interview Prep

  • Resume structure for hybrid UX / graphic roles
  • Writing bullets that prove impact, not activity
  • LinkedIn positioning for design-generalist roles
  • Portfolio, whiteboard, take-home and panel interview formats
  • Mock interview rounds and critique

Deliverable

ATS-optimised resume + LinkedIn profile ready, positioned for hybrid design roles

WK 25

Career Pathway Planning

  • Specialist vs generalist career paths in design
  • When to lean UX, when to lean visual, when to stay hybrid
  • Freelance vs agency vs in-house vs startup positioning
  • Building a personal design point-of-view
  • Long-term portfolio and skill maintenance

Deliverable

Personal career pathway plan reviewed with a mentor

Month 08

Integrated Capstone

One project, every skill — the proof of an integrated designer

WK 26

Capstone: Research & Strategy

  • Industry-level brief: real or simulated client
  • Research, brand strategy and product strategy in parallel
  • Persona, brand positioning and product roadmap alignment
  • Stakeholder presentation of strategy

Final project

Capstone research + strategy deck presented for critique

WK 27

Capstone: Brand & Product Build

  • Full brand identity system: logo, colour, type, guidelines
  • Full product design: flows, wireframes, high-fidelity UI, design system
  • Packaging or campaign extension of the brand
  • Motion piece: logo animation or product micro-interaction

Final project

Complete brand + product build — the core capstone deliverable

WK 28

Capstone: Presentation & Handoff

  • Developer and print handoff documentation
  • AI workflow log: tools, prompts, editorial decisions
  • Final presentation to an industry panel
  • Peer critique and portfolio-ready packaging

Final project

Capstone presented to industry panel + full portfolio-ready documentation

Portfolio deliverables — 5 pieces at graduation

D1

UX Research & Discovery

Persona + Empathy Map + Problem Statement + IA + User Flow

D2

Brand & UI System

Brand strategy + Logo + Design System + High-Fidelity UI

D3

Service & Usability

Usability Test Report + Service Blueprint

D4

Campaign & Production

Advertising Campaign + Packaging + AI-Assisted Concept Sprint

D5

Capstone

Integrated brand + product system, presented to an industry panel

Career outcomes

Product Designer (UX + UI)

End-to-end UX research, UI and brand-aware product design

₹10–22 LPA

Brand & UX Designer

Hybrid role bridging identity systems and digital product design

₹8–18 LPA

Visual / UI Designer

Product and digital design roles in tech companies

₹6–14 LPA

Design Generalist / Design Lead

Small teams and startups needing one person across brand and product

₹15–30 LPA

Freelance / Founding Designer

Independent practice combining brand and product work

Variable

Salary ranges are indicative and based on industry data at time of publication. We do not promise jobs. We build capability, which creates opportunity. The course curriculum is indicative and subject to change at the discretion of the academy.

Admissions

Apply for Integrated UI/UX & Graphic Design.

A counsellor will reach you on WhatsApp within the hour and walk you through curriculum, fees, intake dates, and anything else.