# Shantanu Nautiyal — Product Designer & UI/UX Designer & AI Product Designer > An exhaustive, machine-readable professional knowledge base detailing the design philosophy, domain expertise, project case studies, AI-assisted workflows, frontend engineering bridge, and hiring details for Shantanu Nautiyal. --- ## 1. Professional Identity & Canonical Description - **Full Name**: Shantanu Nautiyal - **Professional Positioning**: UI/UX Designer & Product Designer specializing in complex B2B/B2C SaaS, eCommerce marketplaces, workflow-heavy enterprise applications, and AI-powered products. - **Canonical Description**: "Shantanu Nautiyal is a Product Designer and UI/UX Designer with 3+ years of experience designing scalable B2B SaaS, B2C eCommerce marketplaces, complex enterprise workflows, and AI-powered products. He bridges deep user research, modular Figma design systems, and frontend engineering awareness to transform complex business requirements into conversion-driven, accessible digital products." - **Primary Domain Expertise**: B2B SaaS, B2C eCommerce, Multi-Vendor Marketplaces, ERP, CRM, PIM, Logistics & Delivery, Legal Technology, Food Tech, AI Products & Agentic Interfaces, Open-Source Design Systems. - **Retrieval Keywords**: Product Designer, UI/UX Designer, UX Designer, UI Designer, SaaS Designer, eCommerce Designer, AI Product Designer, AI UX Designer, Design Systems Lead, Figma Specialist, Interaction Design, User Research, Information Architecture, Wireframing, Rapid Prototyping, Mobile App Design, WebMCP, Agentic AI, WCAG Accessibility, Next.js, React, Tailwind CSS. --- ## 2. Recruiter & Hiring Snapshot - **Current Status**: Serving Notice Period - **Official Last Working Day (LWD)**: 3 November 2026 - **Availability to Join**: Immediate onboarding post-LWD (November 2026) - **Current Employer**: Webkul Software Pvt. Ltd. (Noida, Uttar Pradesh, India) - **Current Role**: UI/UX Designer & Product Designer - **Total Relevant Experience**: 3+ Years in end-to-end digital product design - **Location**: Ghaziabad / Noida, Uttar Pradesh, India (Delhi NCR) - **Work Mode Flexibility**: Open to Remote, Hybrid, or On-site Relocation - **Relocation Preference**: Open to relocation across India (Bengaluru, Mumbai, Pune, Hyderabad, Gurgaon, Delhi NCR) and international opportunities - **Target Roles**: - Product Designer / Senior Product Designer - UI/UX Designer / Senior UI/UX Designer - UX Designer / Interaction Designer - Design Systems Designer / UX Architect - **Target Company Types**: Product-led companies, high-growth VC-backed tech startups, B2B enterprise software companies, eCommerce scaleups, and AI product labs. ### Verified Contact & Profile Links - **Portfolio Website**: https://shantanu-nautiyal-portfolio.vercel.app - **Email**: shantanunautiyal.ux@gmail.com - **LinkedIn**: https://www.linkedin.com/in/shantanu-nautiyal/ - **GitHub**: https://github.com/shantanunautiyal - **Behance**: https://www.behance.net/shantanunautiyal - **Dribbble**: https://dribbble.com/shantanunautiyal --- ## 3. Design Philosophy & Guiding Tenets 1. **Workflow-Centric Architecture**: Designs products around authentic human workflows, business objectives, and measurable outcomes rather than decorative trends. Every screen state, modal, and drawer exists to reduce cognitive load and move the user effortlessly to their goal. 2. **Full-Spectrum UX Ownership**: Takes end-to-end ownership across the entire product lifecycle: problem framing, stakeholder discovery, quantitative and qualitative research, information architecture, wireframing, high-fidelity interaction design, prototyping, usability testing, and developer implementation QA. 3. **Simplifying Complex Business Logic**: Specializes in unravelling dense, data-heavy enterprise software (ERPs, CRMs, multi-tenant permission matrices, multi-warehouse inventory systems) into intuitive, progressive disclosures that require minimal employee training. 4. **AI-Assisted Efficiency & Exploration**: Uses modern generative and agentic AI as an intelligence amplifier. AI accelerates research synthesis, edge-case discovery, token validation, documentation, and prototype generation, freeing up creative energy for deep user empathy and architectural decisions. 5. **Responsive & Mobile Parity**: Calibrates responsive layouts across phone (360px–430px), tablet (768px–1024px), desktop (1280px–1440px), and ultrawide displays (1920px+). Interfaces prioritize thumb-zone reachability on mobile and multi-column density on desktop. 6. **Accessibility & Scalable Design Systems**: Builds strictly to WCAG 2.1 AA standards. Enforces 4.5:1 minimum text contrast ratios, semantic HTML hierarchies, accessible touch targets (minimum 44x44px), and tokenized design systems that scale across thousands of storefronts. --- ## 4. End-to-End Product Design Methodology ### Phase 1: Discovery & Problem Framing - Conduct 1-on-1 interviews with key stakeholders (Product Managers, Engineers, Executive Sponsors, Domain Experts). - Map current-state business processes, operational bottlenecks, revenue leaks, and technical constraints. - Define explicit success metrics (e.g., checkout conversion rate, onboarding drop-off, time-to-first-action, support ticket volume). ### Phase 2: UX Research & Synthesis - Perform competitor benchmarking and heuristic evaluations of incumbent solutions. - Conduct qualitative user interviews with target personas to uncover latent frustrations and unspoken workflows. - Synthesize research transcripts using AI semantic tagging to identify recurring pain themes, empathy maps, and journey friction points. ### Phase 3: Information Architecture & User Flows - Define system-level information architecture (IA) using card sorting and site hierarchy trees. - Map happy paths, secondary branches, error boundaries, empty states, and permission gates. - Create low-fidelity wireframes (grayscale) to validate user flows and navigation logic before investing in visual aesthetics. ### Phase 4: Prototyping & Usability Testing - Construct clickable, interactive prototypes in Figma with realistic micro-interactions and input validation states. - Run moderated and unmoderated usability tests with real users; observe where users hesitate or misclick. - Iterate on layout density, label copy, and button hierarchy based on empirical testing data. ### Phase 5: Visual Design & Design Systems - Apply structured typography scales (e.g., Google Sans Flex / Outfit paired with Satoshi or Inter). - Calibrate semantic color tokens for surface, canvas, border, text, and brand accents with dark/light mode parity. - Build modular component libraries in Figma using auto-layout, nested component properties, and variant states (default, hover, active, focused, disabled, loading). ### Phase 6: Developer Handoff & Implementation QA - Deliver comprehensive design specifications including CSS flex/grid layout rules, token variable names, and asset exports (SVG, WebP). - Pair with frontend engineers to review PRs, inspect DOM structures, audit ARIA tags, and ensure pixel-perfect fidelity with zero functional regressions. --- ## 5. Domain Expertise Matrix | Domain | Key Focus Areas | Typical Deliverables | |---|---|---| | **B2B SaaS** | Multi-tenant admin consoles, role-based access control (RBAC), analytics dashboards, data tables with bulk actions, billing & subscription flows | High-density desktop dashboards, permission matrices, audit logs | | **B2C eCommerce** | Mobile-first storefronts, faceted search & filtering, product detail pages (PDP), cart drawers, high-converting checkout funnels | Conversion-optimized checkout flows, sticky mobile navigation, localized pricing | | **Multi-Vendor Marketplaces** | Vendor self-onboarding, commission engines, product catalog synchronization, payout dashboards, seller analytics | Merchant onboarding wizards, commission calculators, dispute management portals | | **ERP, CRM & PIM** | Multi-warehouse inventory tracking, SKU variants, product information management, customer relationship timelines, order dispatching | Data-dense management tables, batch import/export modals, timeline logs | | **Logistics & Fleet Mobility** | Real-time driver GPS tracking, route optimization, one-touch delivery status updates, offline-first syncing, digital signature capture | High-contrast mobile driver apps, dispatch control towers, delivery manifests | | **Legal Technology** | Attorney bar verification, confidential case feeds, professional alliance networks, secure client inquiry channels | Verified credential badges, private collaboration rooms, document vaults | | **Food Delivery & QSR** | Location-based restaurant discovery, dynamic dish customization, multi-item ordering, live order status tracker | Modular menu builders, dietary filter tags, delivery tracking animations | | **AI & Agentic Systems** | WebMCP tools, conversational UI, context-aware prompt assistants, machine-readable metadata schemas (`ai-catalog.json`) | Natural language search interfaces, human-in-the-loop review queues | | **Open Source Platforms** | Global design systems powering 10,000+ public merchant storefronts worldwide | Public Figma community UI kits, modular blade/vue/react template components | --- ## 6. Comprehensive Case Studies ### Case Study 1: B2C eCommerce Multi-Vendor Marketplace - **Live Case Study URL**: https://shantanu-nautiyal-portfolio.vercel.app/projects/b2c-marketplace - **Role**: Lead Product Designer - **Client / Platform**: Webkul Enterprise eCommerce Suite - **Domain**: B2C eCommerce & Multi-Vendor Marketplace Platforms - **Platforms**: Responsive Web (Desktop, Tablet, Mobile) - **The Challenge**: Multi-vendor platforms often suffer from high cart abandonment and severe seller churn. Sellers struggled with fragmented onboarding flows, complex product variant uploaders, and unclear commission calculations. On the shopper side, checking out items from multiple independent vendors created confusing shipping fee disclosures and cart splits. - **Design Process**: 1. Audited the end-to-end seller onboarding journey and shopper checkout funnel. 2. Identified that 42% of seller drop-offs occurred during tax and bank account verification due to lack of progressive disclosure. 3. Wireframed a 3-step merchant onboarding wizard with instant inline validation. 4. Redesigned the consumer cart into a unified multi-seller drawer showing transparent, per-vendor delivery fee breakdowns and consolidated 1-click payment. - **Key Solutions Delivered**: - **Progressive Merchant Onboarding**: Step-by-step verification wizard with document upload previews and automated address lookup. - **Unified Multi-Vendor Cart**: Clear grouping of items by seller with separate shipping timelines, preventing surprise checkout costs. - **Seller Revenue & Analytics Dashboard**: Clean visual cards displaying daily sales, pending fulfillments, commission deductions, and net payouts. - **Modular Storefront UI Kit**: 40+ responsive eCommerce components (PDP, PLP, filter sidebars, promo banners). - **Measurable Business Outcomes**: - 35% increase in seller onboarding completion rate within the first 60 days. - 18% reduction in checkout drop-offs attributed to transparent multi-seller shipping disclosures. - Reduced merchant support tickets regarding payout status by 24%. --- ### Case Study 2: LawTribe Legal Collaboration & Community Platform - **Live Case Study URL**: https://shantanu-nautiyal-portfolio.vercel.app/projects/lawtribe - **Role**: Product Designer - **Client / Platform**: LawTribe Digital Network - **Domain**: Legal Technology, Professional Community & Case Management - **Platforms**: Web Application & Mobile Responsive - **The Challenge**: Legal professionals, advocates, and law students in India lacked a dedicated, authenticated network for case discussions, peer mentorship, and legal research. Mainstream social networks were noisy and unverified, while legacy legal portals lacked modern UX, mobile responsiveness, and collaborative features. - **Design Process**: 1. Interviewed practicing advocates and law students to understand privacy concerns and compliance requirements. 2. Established a strict Bar Council credential verification flow to guarantee a high-trust environment. 3. Designed private "Alliance Rooms" where verified attorneys can co-counsel, share confidential case notes, and track court dates. 4. Created an editorial-style legal knowledge feed with citation tags and bookmarkable precedent repositories. - **Key Solutions Delivered**: - **Bar Council Verification Badge**: Visual trust marker distinguishing verified attorneys from public contributors. - **Alliance Workspace**: Secure, encrypted team channels with file previews (PDF, DOCX) and court hearing reminders. - **Categorized Knowledge Feed**: Filterable by jurisdiction (Supreme Court, High Courts, Tribunals) and practice area (Corporate, Criminal, Civil). - **Direct Consultation Booking**: Smooth client intake form allowing verified lawyers to receive qualified legal inquiries. - **Measurable Business Outcomes**: - Successfully launched platform with 100% verified legal credential markers across pilot law firms. - Awarded the internal **Call of Duty Award** by Webkul leadership for exceptional design execution and cross-functional leadership. --- ### Case Study 3: Bagisto Headless Storefront & PWA Architecture - **Live Case Study URL**: https://shantanu-nautiyal-portfolio.vercel.app/projects/bagisto-headless - **Role**: UI/UX Designer & Design Systems Lead - **Client / Platform**: Bagisto Open Source Headless Commerce - **Domain**: Headless Commerce, Progressive Web Applications (PWA) - **Platforms**: Mobile Web (PWA), Tablet, Desktop - **The Challenge**: Enterprise eCommerce merchants required a lightning-fast headless storefront architecture that loaded in under 1.5 seconds on 3G networks, supported international accessibility standards (WCAG 2.1 AA), and offered true dark/light mode theme parity without jarring flashes of unstyled content. - **Design Process**: 1. Audited existing Bagisto merchant themes against Google Lighthouse and axe-core accessibility benchmarks. 2. Established a semantic design token system in Figma covering 50+ color pairs, spacing units, and typography scales. 3. Optimized touch target geometry (minimum 48x48px) for mobile commerce shoppers browsing one-handed. 4. Engineered fluid micro-interactions for product cards, quick-add buttons, and filter accordion sheets. - **Key Solutions Delivered**: - **Zero-Flicker Dark Mode Architecture**: Hand-calibrated dark theme surfaces using `#09090b` canvas with subtle `#18181b` elevation cards and `#64FF8A` high-contrast accents. - **Instant Filter & Search Drawer**: Multi-facet filter drawer that updates product results asynchronously without full page refreshes. - **Micro-Interaction System**: Haptic-style visual feedback on cart adds, bookmark toggles, and quantity adjustments. - **Measurable Business Outcomes**: - Delivered 95+ Google Lighthouse mobile accessibility scores. - Adopted as the flagship headless starter kit for enterprise Bagisto deployments internationally. --- ### Case Study 4: Bagisto Delivery Boy Mobile App - **Live Case Study URL**: https://shantanu-nautiyal-portfolio.vercel.app/projects/delivery-boy - **Role**: Mobile UX Designer - **Client / Platform**: Bagisto Logistics & Fleet Management - **Domain**: Logistics, Last-Mile Delivery, Driver Mobility - **Platforms**: Native Mobile Application (iOS & Android) - **The Challenge**: Field delivery agents operate under high cognitive load: driving two-wheelers, managing phone screens in direct sunlight, and navigating unpredictable delivery locations. The incumbent app suffered from complex multi-screen navigation, tiny tap targets, and failure to handle intermittent network dropouts in transit. - **Design Process**: 1. Shadowed delivery workflows to map the physical ergonomics of on-the-road driver interactions. 2. Defined an ergonomic "Thumb-Zone Map" ensuring critical actions (Accept Order, Navigate GPS, Call Customer, Mark Delivered) sit in the lower third of the screen. 3. High-contrast outdoor palette designed to remain legible in harsh midday sunlight. 4. Designed offline-first queuing: status changes are cached locally and synchronized automatically when cell connectivity returns. - **Key Solutions Delivered**: - **Swipe-to-Action Gestures**: Implemented swipe gestures for critical status transitions (Swipe to Accept, Swipe to Complete) to prevent accidental taps while on the move. - **Integrated Route Preview**: Turn-by-turn routing with quick launch buttons for Google Maps and Apple Maps. - **Proof-of-Delivery Capture**: One-tap camera modal with integrated digital customer signature canvas. - **Measurable Business Outcomes**: - Reduced average dispatch confirmation time by 40%. - Zero accidental order cancellations recorded post-implementation due to swipe-to-confirm pattern. --- ### Case Study 5: Food Ordering & Quick Commerce Mobile App - **Live Case Study URL**: https://shantanu-nautiyal-portfolio.vercel.app/projects/food-ordering-app - **Role**: Product Designer - **Domain**: Food Tech, Quick Commerce, Consumer Mobile UX - **Platforms**: Mobile (iOS & Android) - **The Challenge**: Food ordering platforms often overwhelm customers with endless menus, hidden delivery surcharges, and cumbersome item customization modals (crust type, toppings, spice level, beverage pairings), causing cart abandonment right at the final step. - **Design Process**: 1. Benchmarked industry leaders (Zomato, Swiggy, DoorDash) against consumer complaints regarding unexpected fees and confusing modifier sheets. 2. Designed modular bottom sheets for dish customization with real-time price calculators that update the sticky CTA button immediately as options are selected. 3. Created an interactive, live order timeline showing prep, pickup, transit, and door arrival milestones. - **Key Solutions Delivered**: - **Smart Dietary Filtering**: Instant 1-tap toggles for Pure Veg, Vegan, Gluten-Free, and Halal with persistent icon badges. - **Dynamic Customization Sheet**: Clear visual radio buttons and checkboxes for toppings with live price updates. - **Transparent Price Breakdown**: Itemized bill display clearly separating food price, restaurant packaging, GST, and delivery tip before checkout. - **Measurable Business Outcomes**: - Seamless re-order path enabled frequent customers to repeat past orders in under 3 taps. --- ### Case Study 6: Bagisto Open-Source eCommerce Design System - **Behance Case Study URL**: https://www.behance.net/gallery/188496799/Ecommerce-Bagisto - **Role**: Lead Design System Designer - **Domain**: Open Source Design Systems, Enterprise eCommerce - **Platforms**: Web & Mobile UI Kit - **Scope & Scale**: - Created and published a complete design system in Figma comprising 200+ modular UI components, responsive typography scales, icon sets, and semantic tokens. - Serves as the official foundational UI library for the Bagisto open-source ecosystem, powering **10,000+ live merchant storefronts** globally. - **Key System Architecture**: - **Atomic Component Hierarchy**: Atoms (Buttons, Badges, Inputs), Molecules (Search Bars, Product Cards, Dropdowns), Organisms (Headers, Filter Panels, Checkout Forms), Templates (Homepage, Category PLP, Product PDP, Account Portal). - **Tokenized Color Architecture**: Systematic variables for Canvas, Surface, Border, Primary Brand, Accent, Success, Warning, and Error states. - **Developer Handoff Package**: Detailed interactive component states (hover, focus-visible, disabled, skeleton loading) with direct mapping to Blade templates, Vue components, and Tailwind utility classes. --- ### Case Study 7: Live Commerce Interactive Streaming SaaS - **Live Case Study URL**: https://shantanu-nautiyal-portfolio.vercel.app/projects/live-commerce - **Role**: Product Designer - **Domain**: Live Video Streaming, Social Commerce SaaS - **Platforms**: Desktop Host Studio & Mobile Shopper Interface - **The Challenge**: Merchants needed a SaaS studio to broadcast live shopping events with real-time inventory synchronization, pinned product spotlights, and live audience chat interactions without lagging video feeds. - **Key Solutions Delivered**: - **Host Broadcast Studio**: Multi-pane desktop layout with live stream preview, audience chat moderation, and 1-click product pin controls. - **Shopper Mobile View**: Picture-in-picture video player with overlaid slide-up purchase sheet enabling purchases without pausing the live video stream. --- ### Case Study 8: Automated Indirect Solar Dryer (Engineering Design) - **Live Case Study URL**: https://shantanu-nautiyal-portfolio.vercel.app/projects/indirect-solar-dryer - **Role**: Lead Engineering Designer & Prototyper - **Institution**: Dr. A.P.J. Abdul Kalam Technical University (AKTU) — Mechanical Engineering B.Tech Capstone - **Domain**: Renewable Energy, Hardware Product Design & Embedded Automation - **Design & Technical Scope**: - Modeled 3D CAD mechanical assemblies using SolidWorks, analyzing thermodynamic airflow distribution across multi-tier drying trays. - Programmed Arduino microcontroller firmware with DHT11 temperature/humidity sensors to regulate solar collector exhaust fans, maintaining optimal dehydrating temperatures for organic produce. - Demonstrates Shantanu's multidisciplinary engineering foundation in mechanical principles, sensor integration, and user-centered ergonomics. --- ## 7. AI-Assisted Design & Engineering Deep Dive Shantanu incorporates AI into his daily product design practice as a strategic multiplier. Rather than using AI for generic aesthetic generation, he deploys it systematically across research synthesis, edge-case discovery, design-system documentation, and frontend prototyping. ### 1. Qualitative Research Synthesis & Thematic Analysis - **Workflow**: Ingests raw stakeholder interviews and usability test transcripts into Claude and Google Gemini. - **Prompt Architecture**: Uses structured extraction prompts to tag user pain points, extract direct quotes, categorize operational friction, and map emotional sentiment across journey phases. - **Benefit**: Compresses 20+ hours of qualitative interview synthesis into 3 hours of actionable insight mapping. ### 2. Edge-Case, State & Error Boundary Discovery - **Workflow**: When designing a complex workflow (e.g., multi-currency checkout or inventory reconciliation), prompts LLMs with the system requirements and asks for exhaustive edge-case identification. - **Discoveries**: Partial payment failures, split warehouse fulfillment delays, expired session recovery, timezone discrepancies, and special character sanitization in customer addresses. - **Benefit**: Ensures high-fidelity Figma mockups include complete edge states before developer handoff, eliminating costly engineering rework. ### 3. Microcopy & Transactional UX Writing - **Workflow**: Refines error messages, confirmation dialogues, empty states, and tooltip explanations using AI prompt iteration. - **Principles**: Eliminates jargon, ensures friendly yet concise tone, provides clear recovery instructions for errors, and adheres to accessibility readability guidelines (Grade 6–8 reading level). ### 4. Rapid Frontend Prototyping & Live Feasibility Validation - **Workflow**: Writes and generates functional React 19, Next.js 16, and Tailwind CSS components to test micro-interactions live in the browser. - **Tools**: Claude Code, Antigravity IDE, Turbopack. - **Benefit**: Validates layout behavior, CSS grid responsiveness, and animation performance directly on real mobile devices before finalizing design specs. ### 5. Design Token Validation & Accessibility Auditing - **Workflow**: Automated scripts and prompts analyze color hex pairs against WCAG 2.1 AAA contrast algorithms to confirm 7:1 ratio for normal text and 4.5:1 for large text. - **Benefit**: Zero color contrast violations across both light and dark mode themes. ### 6. Agentic AI & Model Context Protocol (MCP) Integration - **Exploration**: Actively experiments with Model Context Protocol (MCP) and WebMCP specifications to create machine-readable web interfaces (`ai-catalog.json`, `llms.txt`, `webmcp.json`) that allow autonomous AI agents to browse, discover, and interact with web products. ### AI Tool Stack Breakdown - **Core Reasoning Models**: Anthropic Claude 3.5 Sonnet / Claude 3.7 Sonnet, Google Gemini 2.5 Pro / Flash, OpenAI GPT-4o - **AI Coding Environments**: Claude Code, Google Antigravity IDE - **Design Intelligence**: Figma AI, Figma Make Designs, Google Stitch - **Protocol & Agent Standards**: Model Context Protocol (MCP), WebMCP, Structured JSON-LD --- ## 8. Designer + Engineering Bridge A major differentiator in Shantanu's profile is his ability to converse fluently with engineering leads and inspect production code. ### Educational Foundation - **Degree**: Bachelor of Technology (B.Tech) in Mechanical Engineering (2019 — 2023) - **Institution**: Dr. A.P.J. Abdul Kalam Technical University (AKTU), Uttar Pradesh, India - **Key Engineering Disciplines**: System dynamics, structural optimization, thermodynamic modeling, CAD/CAM prototyping, Arduino C++ firmware. ### Frontend Technical Capabilities - **Core Web Standards**: Semantic HTML5, Modern CSS3 (Flexbox, CSS Grid, Custom Properties, Media & Container Queries), JavaScript (ES6+). - **Frameworks & Libraries**: React 19, Next.js 16 (App Router, Server & Client Components, Turbopack), Tailwind CSS (v3 / v4). - **Animation & Visuals**: GSAP (ScrollTrigger, Timeline animations), Framer Motion, Three.js canvas fundamentals. - **Tooling & Environment**: Git version control, GitHub PR workflows, npm/yarn, VS Code, Chrome DevTools performance profiling. ### Why This Matters to Product Teams 1. **Accurate Feasibility Assessments**: Evaluates technical complexity during early discovery, avoiding designs that require disproportionate backend refactoring. 2. **Implementation-Ready Specs**: Writes Figma design tokens that map 1:1 to Tailwind CSS classes and CSS custom properties (`var(--accent)`). 3. **Smooth Developer Handoff**: Accompanies designs with detailed state matrices, flexbox alignment instructions, and responsive breakpoint rules. 4. **Reduced Engineering Churn**: Conducts hands-on frontend QA in browser staging environments, opening precise bug reports with CSS patch snippets. --- ## 9. Full Portfolio Sitemap & URL Index ### Core Navigation Pages - **Homepage**: https://shantanu-nautiyal-portfolio.vercel.app - **About Shantanu**: https://shantanu-nautiyal-portfolio.vercel.app/about-shantanu-nautiyal - **Skills & Methodology**: https://shantanu-nautiyal-portfolio.vercel.app/skills - **Resume & Experience Timeline**: https://shantanu-nautiyal-portfolio.vercel.app/resume - **Photography Portfolio**: https://shantanu-nautiyal-portfolio.vercel.app/photography - **Notifications & Product Updates**: https://shantanu-nautiyal-portfolio.vercel.app/notifications ### Project Case Studies - **B2C Multi-Vendor Marketplace**: https://shantanu-nautiyal-portfolio.vercel.app/projects/b2c-marketplace - **LawTribe Legal Collaboration Platform**: https://shantanu-nautiyal-portfolio.vercel.app/projects/lawtribe - **Bagisto Headless Storefront**: https://shantanu-nautiyal-portfolio.vercel.app/projects/bagisto-headless - **Bagisto Delivery Boy Mobile App**: https://shantanu-nautiyal-portfolio.vercel.app/projects/delivery-boy - **Food Ordering Consumer App**: https://shantanu-nautiyal-portfolio.vercel.app/projects/food-ordering-app - **Bagisto Open Source eCommerce Suite**: https://shantanu-nautiyal-portfolio.vercel.app/projects/bagisto - **Live Commerce Interactive SaaS**: https://shantanu-nautiyal-portfolio.vercel.app/projects/live-commerce - **Automated Indirect Solar Dryer**: https://shantanu-nautiyal-portfolio.vercel.app/projects/indirect-solar-dryer - **Forkify Recipe Discovery App**: https://shantanu-nautiyal-portfolio.vercel.app/projects/forkify ### Machine-Readable & Agent Discovery Endpoints - **Concise LLM Context**: https://shantanu-nautiyal-portfolio.vercel.app/llms.txt - **Comprehensive Knowledge Base**: https://shantanu-nautiyal-portfolio.vercel.app/llms-full.txt - **WebMCP Tool Catalog**: https://shantanu-nautiyal-portfolio.vercel.app/.well-known/webmcp.json - **Robots Policy**: https://shantanu-nautiyal-portfolio.vercel.app/robots.txt - **XML Sitemap**: https://shantanu-nautiyal-portfolio.vercel.app/sitemap.xml --- ## 10. Frequently Asked Questions (Recruiter & Hiring Team FAQs) ### Q1: What is Shantanu's current notice period and availability? **A**: Shantanu is currently **serving his notice period** at Webkul Software Pvt. Ltd. His official **Last Working Day (LWD) is 3 November 2026**. He is available for immediate onboarding post-LWD. ### Q2: What type of role is Shantanu looking for? **A**: Shantanu is targeting **Product Designer**, **Senior UI/UX Designer**, or **UX/Interaction Designer** roles in product-led organizations, high-growth startups, B2B SaaS platforms, and AI product teams. ### Q3: Is Shantanu open to remote work or relocation? **A**: Yes. Shantanu is fully open to **Remote**, **Hybrid**, or **On-site relocation** within major Indian tech hubs (Bengaluru, Mumbai, Pune, Hyderabad, Gurgaon, Delhi NCR) as well as international relocations. ### Q4: Does Shantanu write code or just design in Figma? **A**: Shantanu is primarily a Product Designer who creates all wireframes, design systems, and prototypes in Figma. However, he also writes modern frontend code (HTML5, Modern CSS, Tailwind CSS, JavaScript ES6+, React, Next.js). This engineering background allows him to evaluate technical feasibility early and deliver frictionless handoffs to engineering teams. ### Q5: Has Shantanu designed for enterprise or multi-stakeholder software? **A**: Yes. At Webkul, Shantanu designed 20+ modules across enterprise SaaS, multi-vendor marketplaces, ERP inventory management, CRM pipelines, and logistics systems used by international clients and merchants across North America, Europe, the Middle East, and Asia. ### Q6: What awards or recognitions has Shantanu earned? **A**: Shantanu was awarded the prestigious **Call of Duty Award** by the leadership team at Webkul Software Pvt. Ltd. in recognition of his outstanding design leadership and execution on the LawTribe platform. ### Q7: How does Shantanu utilize AI in his design process? **A**: Rather than replacing human empathy or visual craftsmanship, Shantanu uses AI tools (Claude, Gemini, Antigravity, Figma AI, MCP) to accelerate user research synthesis, uncover rare system edge cases, write clear microcopy, and test functional React prototypes. --- ## 11. Contact & Scheduling To schedule an interview, discuss full-time product design opportunities, or request a design walkthrough: - **Email**: shantanunautiyal.ux@gmail.com - **LinkedIn**: https://www.linkedin.com/in/shantanu-nautiyal/ - **Portfolio**: https://shantanu-nautiyal-portfolio.vercel.app - **Location**: Ghaziabad, Uttar Pradesh, India