AI-First Designer

Designing products people love to use

Product Designer crafting intuitive, scalable digital experiences across B2B SaaS, CRM, EdTech and AI — shipped to millions of users worldwide, using HCI and design thinking to drive measurable impact.

Subhankar Rout, Product Designer, working at his desk
Subhankar Rout — Product Designer portrait
Design Philosophy "Design is not just what it looks like — it's how it works, how it feels, and the value it creates."

Bridging the gap between user needs and business goals

I'm Subhankar — a Product Designer at Capgemini, working on enterprise-scale digital products for Fortune 500 and global organizations, with a foundation in HCI and design thinking, I obsess over the intersection of clarity, delight and measurable impact.

Previously I've shipped across B2B SaaS platforms, CRM systems, AI-powered tools and consumer apps — always with a focus on reducing complexity and elevating human-computer interaction.

Designing with AI at the frontier

I actively integrate AI tools into my daily design workflow — from rapid ideation to production-ready prototypes. Here's the AI stack that makes me a faster, smarter designer.

Figma AI + MCP
AI-Native Design & Workflows

Using Figma's AI Agent for design generation, brand systems, and motion — plus Figma MCP to connect Figma directly into AI workflows, syncing design tokens and automating component suggestions at Capgemini.

Design Gen MCP Workflows Motion
Claude (Anthropic)
Design System Architect

Used for building design systems, animation specifications, and brand identity documentation. Claude's reasoning helps structure component libraries, design tokens, and visual guidelines with clarity and precision.

Design System Brand Animation Spec
Sora (OpenAI)
AI Video Generation

Used for generating cinematic AI video content for filmmaking projects and design storytelling. Sora turns creative concepts into motion sequences, helping visualise narratives before production begins.

Video Gen Filmmaking Storytelling
Antigravity
Creative AI

Used for pushing conventional design boundaries and exploring unexpected creative directions. Antigravity helps generate bold visual concepts, experimental layouts, and ideas that challenge the expected.

Visual Concepts Ideation Creative Direction
Claude Code
AI Dev Agent

Using Claude Code as an agentic coding partner for building this portfolio, generating UI components, and automating design-to-code workflows. Enables me to ship polished design implementations independently.

Code Gen Design Dev Automation
Codex (OpenAI)
AI Code Intelligence

Used for generating and refining front-end code, building interactive prototypes from design specs, and automating repetitive development tasks. Codex bridges design intent and production code.

Prototypes Front-end Code Agent

AI doesn't replace the designer — it removes the friction between thinking and making.

Work that moved things

Case Study · B2B SaaS · CRM

Heading Cut Portfolio Analysis Time by 30%

Reduced cognitive load through a complete UX overhaul of an enterprise account console — adding a summary layer, click-to-filter insights and role-based views.

−30% analysis time +80% view adoption
View Project
Case Study · SaaS · Gaming Platform

Increased Game Creations by 37%

Reduced cognitive load through a complete UX overhaul of the game creation flow — restructuring information architecture, simplifying onboarding and clarifying CTAs.

+37% game creations −15% drop-off
View Project
HealthTech · Product Design

Chronic Care Simplified

Designed a diabetes management companion app with personalized health tracking, AI-powered insights and reminders.

AI-powered insights Accessibility focus
View Project
Dashboard · Enterprise SaaS

Smarter Workforce Allocation

Data-driven team allocation dashboard with real-time insights into workforce distribution across roles and departments.

Real-time data viz Role-based access
View Project
Mobile App · HealthTech

FitFlow: Seamless Training

Personalized fitness application focused on adaptive workouts, goal tracking and community engagement to promote healthier lifestyles.

Adaptive workouts Community features
View Case Study
Mobile App · Travel

TravelApp UI Design

Comprehensive travel companion app assisting users in navigating unfamiliar destinations with contextual guidance and seamless offline support.

Offline-first Location-aware UX
View Project
Motion Design · 3D

3D Geometric Animation

Conceptual 3D text and geometric animation work. Tools: Cinema 4D, After Effects.

View Project
Motion Design · Branding

Morph Logo Animation

A smooth logo transformation animation exploring shape transitions, timing, and visual storytelling inspired by Pixar-style motion principles.

View Project
Motion Design · Illustration

Apple Music Frame Animation

Hand-crafted frame-by-frame animation designed to capture rhythm, movement, and brand personality through expressive visual motion.

View Project

What people say about working with me

Creative Chronicles

Some moments that shaped my creative journey.

Delivering Figma MCP Training at Capgemini
Training

Delivered Figma MCP Training — Capgemini

SAP Impulse India 2025 — Event Coordinator and Volunteer
Event

Event Coordinator & Volunteer — SAP Impulse India '25

Session on AI in UX — From Idea to Scalable Design System
Session

Conducted a Session on AI in UX — From Idea to Scalable Design System