⬡

Elysium // Core

Calibration sequence active

[SYSTEM] Initialization started...

0% LOADED SECURE // RUNNING
Kaustobh Bhattacharya - UX Engineer Logo
KAUSTOBH BHATTACHARYA UX ENGINEER // PORTFOLIO

UX/UI DESIGNER & WEB ENGINEER

Kaustobh.

Design that ships results. I engineer premium digital experiences that bridge the gap between ruthless user logic and cinematic visual craft.

See the impact

10+

Projects Shipped

+32%

Avg. Metric Lift

[02 // CAPABILITIES & DESIGN PROCESS]

What I Bring to the Table

Structured pillars of data-driven craft supporting product growth—bridging the gap between design vision and production-grade engineering without back-and-forth friction.

MY DESIGN PROCESS
DOUBLE DIAMOND FRAMEWORK // 4-STAGE KINETIC STREAM
01 // DISCOVER
Diverge /\

User & Problem Research

Qualitative user audits, stakeholder interviews, cognitive friction mapping, and data telemetry analysis.

✦ Field Audits ✦ Empathy Maps
02 // DEFINE
Converge \/

Strategy & Architecture

Synthesizing insights into atomic problem statements, user journey flows, and clear technical requirement scopes.

✦ Journey Flows ✦ IA Scoping
03 // DEVELOP
Diverge /\

Prototyping & Design Systems

Exploratory wireframing, high-fidelity Figma components, design token parity, and interactive state stress-testing.

✦ Token Systems ✦ Edge Cases
04 // DELIVER
Converge \/

Production & Validation

Production-ready frontend code, engineering hand-off specs, usability benchmarking, and verified metric lift.

✦ Dev Handoff ✦ +32% Avg Lift
PILLAR 01 // FOUNDATION

Design Tokens & Systems

Creating scalable, code-ready UI component libraries with standardized tokens for colors, spacing, and typography across Figma and CSS variables.

Figma Tokens CSS Variables Scalable Systems
PILLAR 02 // MOTION

Rapid Prototyping

Moving beyond static Figma screens into production-grade micro-interactions, spring physics animations, and realistic user testing flows.

Figma Variants Framer Motion Micro-Interactions
PILLAR 03 // COLLABORATION

Cross-Team Handoff

Writing clean, documented UI code, flexbox layout specs, and production components that frontend engineers can copy and deploy without guesswork.

Flexbox Specs TailwindCSS DOM Geometry
[03 // SKILLS & VERIFIED CERTS]

Skill Tree

Core skills, verified certificates, and tools known—an interactive matrix connecting technical competencies directly to project proof.

⚡ CENTRAL HUB KAUSTOBH'S SKILLS & CERTS
KEYSTONE // SUBCLASS 01

UI & UX Design

3/3 MASTERED
100
FIGMA PRO // AUTO-LAYOUT DESIGN
VERIFIED ✦
100
GOOGLE UX // RESEARCH WIREFRAME
VERIFIED ✦
100
EPIC GAMES // 60FPS MOTION PROTOTYPE
VERIFIED ✦
Live Project Synergies:
▶ PulseHQ AI ▶ Steady ▶ Silvatide ▶ Checkout
KEYSTONE // SUBCLASS 02

Frontend Engineering

4/4 MASTERED
100
MODERN ES6+ // DOM ENGINE JAVASCRIPT
VERIFIED ✦
100
IBM CERTIFIED // REDUX REACT
VERIFIED ✦
100
TAILWIND // DESIGN TOKENS CSS
VERIFIED ✦
100
THREE.JS // GLSL SHADERS WEBGL
VERIFIED ✦
Live Project Synergies:
▶ PulseHQ AI ▶ Apex Motorsport ▶ Silvatide ▶ Art Gallery
KEYSTONE // SUBCLASS 03

Synergy & Strategy

3/3 MASTERED
100
IBM CREDLY // GENAI DEV AI SOLUTIONS
VERIFIED ✦
100
8PT GRIDS // ZERO-HANDOFF DESIGN SYSTEM
VERIFIED ✦
100
IBM CREDLY // WCAG AAA STRATEGY & A11Y
VERIFIED ✦
Live Project Synergies:
▶ Steady ▶ PulseHQ AI ▶ Bio Grid ▶ Doodh Milk

Experiences

[1-6] Tap
2020 // START
2026 // NOW
01 // I · 2020–2021

IT System & Network Administrator

Trishna Biotech · Systems Infrastructure

02 // II · 9 Months

Specialty Craft Coffee Barista

Specialty Coffee · High-Pressure Service

03 // III · 3 Months

High-Volume Hospitality Bartender

Hospitality Group · Dynamic Operations

04 // IV · 2025–2026

Logistics & Operations Specialist

LOGO Fulfilment GmbH · Germany

05 // V · 2024–2025

Web Developer & Brand Builder

Independent / Freelance · Frontend Craft

06 // VI · 2026

Product UX Designer

Techsnap · Education & Super App

[05 // SELECTED PROJECTS]

Selected Projects

8 PROJECTS SHIPPED // 100% PRODUCTION READY
[Dev Synergy // Engineering Collaboration]

Why Developers Like Working with Me

Great design fails when it can't survive the handoff. Rather than treating design files like static artwork, I design through the lens of DOM constraints, token architecture, and production realities.

The result is a zero-friction handoff that saves engineering hours, prevents visual regressions, and treats developers as primary collaborators.

01 // TOKEN PARITY ✦

Token-Driven Consistency

Every color, elevation, and spacing rule ties directly to a shared design system token, keeping the Figma file and code repository in continuous sync.

1-to-1 Token Parity
02 // STATE SPECS ✦

Predictable Edge Cases

No missing states or ambiguous error behaviors. Empty, loading, and error states are documented before a single ticket moves to a sprint.

5/5 Defined Component States
03 // DOM REALISM ✦

Layouts Built for Real Data

Components are stress-tested against dynamic text wraps, long localized strings, and multi-breakpoint reflows rather than ideal dummy copy.

Flexbox & Grid Resilient
[Scheduling // Availability]

Ready to ship results?

Currently open for full-time or contract roles bridging UX/UI design and frontend web engineering. Hire-ready with a 2-week notice period.

Contact Me
Step 1 // Choose Date & Time 1 / 3
Select Date Node
Available Time Slots
© 2026 Kaustobh Bhattacharya. All rights reserved.
[Case Study // Design Journey Matrix] AI SAAS

PulseHQ — AI Team Intelligence Platform

PHASE 01 //

Friction Diagnostic & Cognitive Overload Audit

Engineering managers lose 4.2 hours every week parsing fragmented Jira sprints, Slack alerts, and GitHub PR reviews. Traditional dashboards overwhelm users with raw tabular logs rather than prioritized action items.

⚠️ Core Bottleneck

Managers react to sprint blockades after milestones are missed due to stale reporting.

🎯 Target Persona

Engineering Leads overseeing 3+ squads under aggressive quarterly deadlines.

📐 Design Objective

Compress hours of data analysis into a sub-3-second proactive decision feed.

PHASE 02 //

Discovery & 3-Step Decision Flow

01. Autonomous Diagnostic

AI engine correlates PR velocity, ticket age, and sentiment into unified Risk Health index.

02. Proactive Action Card

Presents direct recommended intervention with projected sprint recovery percentage.

03. 1-Tap Execution

Dispatches resource reallocations or Slack alerts directly from dashboard.

PHASE 03 //

Wireframe Topology & Screen Flows

PulseHQ Low-Fi Wireframe Layout Figure 1.1: Dashboard Hierarchy Wireframe
PulseHQ Modal Architecture Wireframe Figure 1.2: Action Dispatch Wireframe
PulseHQ Analytics Wireframe Figure 1.3: Telemetry Graph Topology
PHASE 04 //

Atomic Design System Tokens & Screen States

PulseHQ Design System Component Sheet Figure 1.4: PulseHQ Atomic Component Tokens & Action Button States
PulseHQ Home View Figure 1.5: Dashboard Production State
PulseHQ Analytics Figure 1.6: Analytics View
PulseHQ Task Review Figure 1.7: Task Review Drawer
PHASE 05 //

Motion Engine & Live Video Walkthrough

▶ Live Interaction Demonstration: 300ms Spring Expansion & AI Action Card Workflow
⚡ 300ms Expansion Curve

Hardware-accelerated transforms provide instant card detail reveal with zero layout jitter.

🔘 Magnetic Trigger

Action buttons gravitate toward cursor on 24px proximity boundary.

🔔 Haptic Sound Synths

800Hz synthetic click confirms critical project actions.

PHASE 06 //

Production Impact & Metric Lift

+38%

Decision Velocity

-45%

Sprint Blockade Delays

100%

Figma Token Parity

Launch PulseHQ Live Demo ↗ Press [ESC] to close or [← / →] to switch projects
[Case Study // Design Journey Matrix] INTERACTION // E-COMM

NeonHex — Frictionless Checkout Architecture

PHASE 01 //

Friction Diagnostic & Cart Drop-Off Analysis

Hardware checkouts suffer from an average 68% cart abandonment rate due to multi-step page reloads, hidden shipping surprises, and confusing card validation errors.

⚠️ Drop-Off Cause

Users abandon carts when forced through 4 full-page step transitions with zero autosave.

🎯 Buyer Profile

Hardware enthusiasts configuring custom mechanical keyboards & RGB gear.

📐 Design Objective

Unify device configuration, address selection, and payment into a single fluid 60fps canvas.

PHASE 02 //

Continuous Single-Sheet Checkout Flow

01. Live Spec Configuration

Real-time preview updates dynamically as keyswitches and casing materials change.

02. Auto-Formatted Fields

Instant card issuer brand detection with inline Luhn checksum verification.

03. 1-Swipe Slide to Authorize

Replaced ambiguous buttons with a biometric swipe to prevent duplicate charges.

PHASE 03 //

Mobile & Desktop Wireframe Explorations

NeonHex Mobile Wireframe Screen Flow Figure 2.1: NeonHex Mobile Bottom Sheet & Cart State Wireframes
NeonHex Desktop Layout Wireframes Figure 2.2: Dual-Pane Desktop Configuration & Payment Architecture
PHASE 04 //

Component Tokens & Mobile UI Layouts

NeonHex Atomic Components & Form Sheet Figure 2.3: NeonHex Form System & Interactive Cart Components
NeonHex Bottom Navigation System Figure 2.4: Mobile Dock Navigation Tokens
NeonHex Final High-Fidelity Mobile UI Figure 2.5: High-Fidelity Mobile Configuration UI
PHASE 05 //

Interactive Physics & Live Video Demo

▶ Live Interaction Demonstration: Inline Validation & Slide-to-Pay Workflow
💳 Luhn Checksum Feedback

Card input shifts smoothly from neutral stroke to neon magenta glow upon valid entry.

🔄 Accordion Sheet Transition

Completed form steps collapse into compact review chips, auto-focusing next step.

🎉 Payment Complete Blast

Micro-confetti particle burst confirms successful transaction in under 200ms.

PHASE 06 //

Production Impact & Conversion Lift

+32%

Completed Purchases

-68%

Checkout Form Errors

1.8s

Average Checkout Time

Launch NeonHex Live Demo ↗ Press [ESC] to close or [← / →] to switch projects
[Case Study // Design Journey Matrix] INTERACTION // SUBSCRIPTION

Doodh — Daily Milk Delivery & Vacation Pause Logic

PHASE 01 //

Friction Diagnostic & Subscription Churn Bottlenecks

Daily milk apps suffer high churn when subscribers travel. Clunky cancellation flows cause 34% of users to cancel their entire plan instead of simply pausing delivery during trips.

⚠️ Churn Mechanism

Lack of 1-tap vacation pause forces users to cancel active recurring plans.

🎯 Household Profile

Urban families needing reliable morning dairy with flexible vacation pause.

📐 Design Objective

Design a 2-tap calendar vacation pause with transparent billing deductions.

PHASE 02 //

Vacation State Machine & Subscription Flow

01. Dynamic Calendar Scrubbing

Drag across calendar days with real-time bill deduction calculations.

02. Respectful Pause Confirmation

Zero dark patterns; verifies exact dates paused without hidden fees.

03. Automated Smart Resume

Reminder notification the evening before delivery resumes with 1-tap extension.

PHASE 03 //

Mobile Screen Wireframe Progression

Doodh Home Feed Wireframe 01. Home Feed
Doodh Delivery Schedule Wireframe 02. Schedule Grid
Doodh Vacation Pause Wireframe 03. Pause Logic
Doodh Checkout Confirmation Wireframe 04. Confirmation
PHASE 04 //

High-Fidelity Screen States & Flow Sheets

Doodh App Home Screen Figure 4.1: Live Subscription State
Doodh Pause Delivery Screen Figure 4.2: Calendar Date Selection
Doodh Pause Confirmation Screen Figure 4.3: Pause Verification Feedback
PHASE 05 //

Haptic Feedback & Live Video Demo

▶ Live Interaction Demonstration: Vacation Calendar Scrubbing & Swipe-to-Pause
📅 Magnetic Date Snapping

Calendar date range smoothly locks into place with soft 40ms haptic tap feedback.

🥛 Liquid Quota Fill

Weekly quota fills up like a liquid glass indicator as deliveries are scheduled.

🔒 Zero Accident Slider

Bottom swipe slider eliminates accidental subscription cancellations.

PHASE 06 //

Production Impact & Churn Reduction

-34%

Vacation Churn

+41%

Paused Plan Resumptions

2 Taps

Average Pause Workflow

Open Doodh Figma Workspace ↗ Press [ESC] to close or [← / →] to switch projects
[Case Study // Design Journey Matrix] MED TECH // TELEMETRY

Bio Grid — Clinical Telemetry & Anatomical Simulation

PHASE 01 //

Friction Diagnostic & ICU Alarm Fatigue

ICU monitors trigger up to 350 alarms per patient daily, with 85% being nuisance alerts. Cluttered legacy screens increase reaction latency during critical arrhythmia events.

⚠️ Clinical Risk

Sensory overload slows triage decisions when patient vitals suddenly destabilize.

🎯 Clinician Profile

Intensivists and emergency physicians monitoring 12+ patient waveforms under high stress.

📐 Design Objective

Architect a unified, color-calibrated telemetry grid compliant with WCAG AAA contrast ratios.

PHASE 02 //

Symmetrical Telemetry Topology & Logic

01. Priority Waveform Rail

Synchronous 60fps ECG, SpO2, and arterial pressure waveforms rendered in high-contrast Mint (`#4ADE80`).

02. 3D Anatomical Organ Scan

Three.js anatomical model visualizing real-time localized stress points and cardiac pacing.

03. Predictive Warnings

AI trend analysis highlights early hypoxia indicators 15 minutes before critical alarm thresholds.

PHASE 03 //

Clinical Grid Wireframe Schematics

BioGrid Clinical Wireframe Schematic Figure 5.1: BioGrid 12-Column Telemetry Architecture & Vital Sign Wireframe Layout
PHASE 04 //

Medical Design Tokens & Component Library

BioGrid Atomic Component Sheet Figure 5.2: Clinical Dashboard UI Components, Numeric Dials, and Waveform Cards
PHASE 05 //

60 FPS Oscilloscope & Live Video Demo

▶ Live Interaction Demonstration: Real-Time Biometric Oscilloscope & 3D Organ Model
⚡ 60 FPS Oscilloscope

Zero-jitter waveform rendering with phosphor glow decay trailing.

👁️ Dark Mode Night Shift

Deep zero-chroma black background prevents physician pupil fatigue in dark operating suites.

🔊 Multi-Tier Audio Tones

Frequency-differentiated pulses distinguish arterial changes from sensor checks.

PHASE 06 //

Production Impact & Clinical Efficacy

-47%

Triage Reaction Latency

100%

WCAG AAA Compliance

60 FPS

Continuous Rendering

Launch Bio Grid Live Demo ↗ Press [ESC] to close or [← / →] to switch projects
[Case Study // Design Journey Matrix] MOTORSPORT // 3D WEBGL

Apex Motorsport — 3D Showroom & Telemetry Audio

PHASE 01 //

Friction Diagnostic & Automotive Web Experiences

Vehicle config sites typically rely on static studio renders that lack real tactile feedback. Users cannot explore aerodynamic airflow or hear the mechanical acoustics of the engine.

⚠️ Static Renders

Static JPEG visualizers fail to communicate track-grade downforce and high-speed telemetry.

🎯 Fan Profile

Sim-racing drivers & GT3 engineers demanding precision aerodynamic telemetry.

📐 Design Objective

Engineer a scroll-linked 3D Three.js camera showroom with real-time Web Audio engine synthesis.

PHASE 02 //

Scroll-Driven Storytelling & Telemetry Flow

01. Aerodynamic Airflow

Procedural GLSL wind tunnel particle streamlines reveal front splitter downforce.

02. Cockpit Telemetry HUD

Interactive carbon-fiber steering wheel with live tire temperature vector monitors.

03. Synthesized Web Audio V8

Interactive throttle pedal calculates RPM harmonics and pitch-shifts in real time.

PHASE 03 //

CAD Blueprint & Telemetry Wireframe Schematics

Apex Motorsport CAD Telemetry Wireframe Figure 6.1: Dedicated Apex CAD Blueprint Wireframe & 3D Orbit Coordinate Layout
PHASE 04 //

Motorsport UI Tokens & Cockpit Components

Apex Motorsport UI Components & Controls Figure 6.2: Apex Motorsport Steering Wheel Dials, Speedometer HUD & Sector Chips
PHASE 05 //

Scroll-Linked Three.js Camera & Live Video Demo

▶ Live Interaction Demonstration: Three.js 3D Vehicle Orbit & Real-Time V8 Audio Engine
🏎️ GSAP Scroll Timeline

Interpolated quaternion camera positions prevent Gimbal lock during 360-degree orbits.

🔥 Volumetric GLSL Exhaust

Raymarched noise shader emits procedural exhaust backfire sparks on deceleration.

🔊 Web Audio Oscillator Bank

4 harmonic oscillators synthesize authentic twin-turbocharged V8 engine pitch sweeps.

PHASE 06 //

Production Impact & Performance Audit

+52%

Interaction Dwell Time

0 Jitter

60 FPS Hardware Render

100%

Synthesizer Web Audio Parity

Launch Apex Motorsport 3D Live ↗ Press [ESC] to close or [← / →] to switch projects
[Case Study // Design Journey Matrix] RETREAT // HOSPITALITY UI

Silvatide Cottage — Luxury Nature Retreat Platform

PHASE 01 //

Friction Diagnostic & Booking Conversion Drop-Off

Luxury retreats lose 25–35% of direct reservations to third-party OTAs because hotel websites often feature clumsy date selectors, hidden fees, and lack transparent floorplans.

⚠️ OTA Leakage

Guests default to OTAs due to confusing calendar date selectors and unclear cabin availability.

🎯 Guest Profile

Discerning travelers seeking luxury architectural wellness getaways in nature.

📐 Design Objective

Build a serene, editorial booking experience with instant real-time availability and 1-click reservations.

PHASE 02 //

Editorial Journey Mapping & Booking Flow

01. Atmospheric Storytelling

Hero video immersion with seamless typography parallax establishing the forest retreat.

02. Spatial Cabin Selector

Interactive estate map showing elevation, privacy rating, sunset orientation, and woodstove amenities.

03. Transparent 1-Click Checkout

All-inclusive pricing breakdown with zero surprise checkout fees or resort addons.

PHASE 03 //

Desktop & Mobile Wireframe Architecture

Silvatide Wireframe & Component Layout Sheet Figure 7.1: Dedicated Silvatide Desktop Wireframe (1920x1080) & Booking Bar Topology
PHASE 04 //

Hospitality Design Tokens & Component States

Silvatide Component Frame 1 Figure 7.2: Cabin Elevation Cards & Amenity Badges
Silvatide Component Frame 3 Figure 7.3: Interactive Calendar & Pricing Breakdown Matrix
PHASE 05 //

Editorial Parallax & Live Video Demo

▶ Live Interaction Demonstration: Astro Parallax & Infinite Masonry Navigation
🌲 Parallax Layering

Multi-depth background forest photography shifts at 0.4x speed relative to typography.

🖼️ Infinite Masonry Loop

60fps infinite retreat gallery with hover zoom and full-screen lightbox inspection.

⚡ Astro Zero-JS Baseline

Sub-50ms Time to Interactive (TTI) delivers instant loading even on mobile.

PHASE 06 //

Production Impact & Direct Booking Lift

+29%

Direct Reservations

-35%

OTA Commission Fees

100%

Lighthouse Performance

Launch Silvatide Live ↗ Figma System ↗
Press [ESC] to close or [← / →] to switch projects
[Case Study // Calm Productivity & Soft UI] SAAS PRODUCTIVITY

Steady — Calm Priority Manager for Chaotic Days

PHASE 01 //

The Anti-Calendar Philosophy & Problem Framing

Traditional productivity tools fail people with unpredictable routines. Rigid hour-by-hour calendar blocks shatter when an emergency call, shift change, or family priority arises—causing decision fatigue, guilt, and abandonment of planning.

⚠️ Decision Fatigue

When facing 20+ pending tasks, choosing what to do next consumes valuable cognitive energy.

⚡ Context-Switching Penalty

Unpredictable interruptions shatter focus blocks, making rigid timelines obsolete.

🎯 Single-Action Focus

Isolates the ONE "Top Priority Now" action item matching available time and energy.

PHASE 02 //

Qualitative User Research & Friction Insights

Dr. Maya (Medical Resident) 12h Chaotic Shifts

"If a code blue happens, my 2:00 PM study block is dead. Traditional calendar apps make me feel like I failed my day."

Alex (Working Student) Part-Time + Studies

"Between classes and my shift, I have 20-minute gaps. I need a tool that tells me what to read right now."

Priya (Working Parent) Remote Exec + Toddler

"Interruption isn't a surprise—it's a constant. I need a low-stress way to pick back up after a disruption."

Marcus (Freelance Designer) Multi-Client Chaos

"When 3 clients ping me at once, I freeze. I need one clear priority isolated on my screen."

PHASE 03 //

Product Strategy & Core Architectural Pillars

01. Isolate 1 Hero Task

Displays only 1 dominant primary action card with an explicit "Why This Now?" rationale.

02. Micro-Step Auto-Split

1-tap decomposition of intimidating tasks into bite-sized 5-minute actionable checkmarks.

03. Friction-Free Interruption Logging

Logs disruption causes (Urgent work, Lack of clarity, Fatigue) without guilt or penalty.

PHASE 04 //

Neumorphic Design System & Color Rationale

Strict 60-30-10 Palette Architecture
60% Neutral Base #EAEFF5 / #1E2126
30% Secondary Chrome #2D343C / #626D79
10% Accent Focus #3A6B7C / #6FA3B3
Steady Design Components Spec 1 Figure 4.1: Neumorphic Soft UI Component Library & Dual Shadows
Steady Design Components Spec 2 Figure 4.2: Tactile Button States, Segmented Controls & Focus Rings
PHASE 05 //

High-Fidelity Screen Flows & App Architecture

Steady Onboarding Screen Flow Screen 01: Onboarding Welcome & Role Setup
Steady Planning Style & Role Setup Screen 02: Planning Preferences & Domain Setup
Steady Home Today Now Priority Screen Screen 03: Home / Today / Top Priority Now
Steady Task Breakdown & Micro-Steps Screen 04: Task Auto-Split Micro-Step Breakdown
Steady Focus Mode & Interruption Logger Screen 05: Minimal Focus Mode & Interruption Logger
Steady Daily Review & Analytics Screen 06: Projects Hub, Resources & Daily Review
PHASE 06 //

Production Impact & Measured Usability Lift

95.5%

Faster Focus Execution

+45-60m

Daily Focus Recovered

100%

Client-First Privacy

Launch Steady Live ↗
Press [ESC] to close or [← / →] to switch projects
[Quick Resume Matrix]

Kaustobh Bhattacharya // CV

Kaustobh Bhattacharya

UX Designer & Aspiring UX Engineer

📍 Delhi, India // Remote ok

📧 kaustobh1920@gmail.com // 📞 +91-7703957947

🔗 kaustobh.github.io/portfolio/

💼 linkedin.com/in/kaustobh-bhattacharya-tech

[01 // Professional Narrative]

UX Designer and aspiring UX Engineer with experience in user-centered design, interface design, usability testing, wireframing, prototyping, Full Stack Web Development, responsive High-Fidelity Prototypes, and game UI/UX. Background in computer science, network administration, and AI-assisted workflow tools. Strong portfolio with case studies in dashboard redesign, checkout optimization, subscription flows, clinical telemetry, and 3D WebGL experiences.

[02 // Core Capabilities Matrix]

• UX/UI Design & Research

User Experience, User Interface, UX Research, Usability Testing, Wireframing, Prototyping, Figma, Interaction Design, Information Architecture, User Flows, Journey Mapping, Design Thinking, Human-Computer Interaction, Accessibility, Design Systems, Responsive Design

• Front-End & Web Tech

React, JavaScript (JS), Node.js, Three.js, Responsive Design, Full Stack Prototyping

• Game UI/UX & Workflows

Game UI, Game UX, Unreal Engine UI, AI-Assisted Workflows, Prompt Engineering

[03 // Selected Projects]

Fintech Dashboard

Case Study // Deployable

  • Re-engineered legacy wealth dashboard, reducing cognitive load and streamlining user flows.
  • Conducted UX audits, draggable A/B wireframing, and high-fidelity dashboard design.
  • Delivered a measured 40% reduction in task completion time.

E-Comm Checkout

Case Study // Interaction

  • Engineered frictionless device configuration & checkout with interactive micro-interactions.
  • Designed validation loops and haptic confirmation steps.
  • Achieved a measured +18% conversion lift in checkout rate.

Graphic Art Gallery

Case Study // Deployable

  • Designed immersive gallery portal and inquiry experience to maximize acquisition engagement.
  • Created fluid canvas interactions and wall-scale dynamic visualizer models.
  • Delivered a measured +28% increase in collector inquiry rates.

Doodh Subscription

Case Study // Interaction

  • Designed user experience for daily subscription scheduling and logistics configuration.
  • Implemented pause mechanisms and exit intent flows to maximize user retention.
  • Achieved a measured +30% retention lift in active subscriptions.

Bio Grid Telemetry

Case Study // Med Tech

  • Designed clinical-grade real-time medical dashboard complying with WCAG AA standards.
  • Enforced layout stability, an 8px spatial grid, and interactive physiology adjustment inputs.
  • Delivered a measured +45% cognitive scanning speed improvement.

Apex Motorsport

Case Study // 3D & WebGL

  • Engineered a scroll-linked 3D showroom using Three.js WebGL and GSAP animations.
  • Integrated procedural GLSL flame shaders and a V8 Web Audio synthesizer engine.
  • Maintained a performant 60+ FPS experience under zero external build tools.
[04 // Professional Milestones]
Junior UX Designer & Dev 2024 — Present

Engineered visual updates for key e-commerce checkout platforms (boosting conversion by 18%) and designed responsive analytical fintech interfaces (reducing cognitive load by 40%).

Logistics Specialist // LOGO Fulfilment GmbH, Germany Jan 2025 — Jun 2025

Optimized B2B luxury product fulfillment operations for high-end e-commerce clients. Leveraged data analytics and AI tools to streamline logistics, ensure precise order handling, and enhance supply chain efficiency.

Web Engineering Consult 2023 — 2024

Built single-page interactive portfolios, customized low-resource HTML5 canvas animation systems, and consulted clients on conversion rate optimization (CRO) strategies.

Network Administrator Intern // Trishna Biotech Pvt. Ltd., Gurgaon, India Apr 2020 — Sep 2021

Designed and implemented Wi-Fi, storage, and secure server network infrastructures. Supported software/hardware updates and threat mitigation protocols while maintaining reliable system uptime.

[05 // Academic Credentials]
Hochschule Hof University of Applied Sciences, Hof, Germany

B.Sc. Computer Science

Mar 2023 — Sep 2027
Amity University, Noida, India

Bachelor of Computer Applications (BCA) // CGPA: 8.00/10.00 (First Division)

Relevant coursework: Human-Computer Interaction, Programming in C, Data Structures, Software Engineering, Python Programming, Cloud Computing, Cyber Security, Artificial Intelligence.

Sep 2020 — Sep 2023
Delhi Public School, Gurgaon, India

CBSE Class XII

2020
[06 // Professional Certifications]

• Google UX Design Professional Certificate

• Foundations of UX Design // Start the UX Design Process

• Wireframes & Low-Fi Prototypes // UX Research & Testing

• High-Fidelity Figma Designs // Build Dynamic Web UIs

• Specialized Game & AI Design

• User Experience in Game Design // User Interface in Game Design

• IBM Enterprise Design Thinking Practitioner

• IBM Team Essentials for Designing AI Solutions

• Prompt Engineering for AI Models // Microsoft 365 Training

K-Bot // AI Representative Operational // Adaptive
K-Bot // AI Representative
Greeting node established. I am Kaustobh's customized AI representative. How can I orient your search?
[Category]

Skill Name

1. Skill Context & Application

Context notes...

2. Applied In Projects
3. Verified Credentials
🏆
Credential Title

Issuer • Verified

VERIFIED ✓
Enlarged design view