UI/UX Designer & Product Designer

Shantanu Nautiyal

Crafting digital experiences that merge design intuition with engineering precision — from concept to pixel-perfect delivery.

HTMLHTML
CSSCSS
JavaScriptJavaScript
Tailwind CSSTailwind CSS
FigmaFigma
ChatGPTChatGPT
GeminiGemini
PhotoshopPhotoshop
LightroomLightroom
Adobe XDAdobe XD
BootstrapBootstrap
NotionNotion
AntigravityAntigravity
ClaudeClaude
PerplexityPerplexity
HTMLHTML
CSSCSS
JavaScriptJavaScript
Tailwind CSSTailwind CSS
FigmaFigma
ChatGPTChatGPT
GeminiGemini
PhotoshopPhotoshop
LightroomLightroom
Adobe XDAdobe XD
BootstrapBootstrap
NotionNotion
AntigravityAntigravity
ClaudeClaude
PerplexityPerplexity

Work Experience

A detailed overview of my professional experience, showcasing real-world projects, design expertise, and contributions to building user-friendly, scalable digital products.

Webkul Software Pvt. Ltd

Full-time2.8+ yrs
Noida, India

UI Designer

09/2023 — Present
  • Designed scalable B2B/B2C interfaces for eCommerce, ERP, CRM, and booking platforms.
  • Created mobile apps, high-conversion landing pages, and modern web interfaces.
  • Contributed to Open Source platforms including Bagisto, Krayin CRM, and AureusERP.
  • Built fully responsive WordPress pages to optimize usability and performance.
  • Leveraged AI tools like ChatGPT and Claude for advanced UX research and workflow optimization.

Recent Projects

Discover inspiring UI/UX and web design projects that showcase practical, modern solutions.

Bagisto eCommerce

Bagisto eCommerce

Bagisto

Open-source eCommerce store built on Laravel and Vue.js for modern, scalable online stores.

LawTribe Community

LawTribe Community

Product

A dedicated social community where legal professionals connect, collaborate, and stay engaged with the ecosystem.

Bagisto Headless

Bagisto Headless

Bagisto

Premium headless e-commerce storefront revamp featuring dark mode, optimized layouts, and accessibility compliance.

Bagisto Delivery Boy App

Bagisto Delivery Boy App

Bagisto

Mobile application for delivery management, seamlessly integrated with the Bagisto ecosystem.

B2C Marketplace

B2C Marketplace

Webkul

Designed a B2C marketplace with seller dashboards and intuitive shopping interfaces.

Live Commerce

Live Commerce

SaaS Design

Designed the SaaS landing page for the Live Commerce platform, highlighting live shopping, shoppable videos, and real time customer engagement.

Food Ordering App

Food Ordering App

Web App

A web app to browse restaurants, order food, and manage your account easily.

Forkify — Recipes

Forkify — Recipes

Web App

A Web App to search recipes using the Forkify-API — over 1,000,000 recipes.

Weather Web App

Weather Web App

Web App

A weather application that utilizes the OpenWeatherMap API to display weather.

What People Say

Kind words from colleagues and managers I've had the pleasure of working with at my current role at Webkul.

Shantanu's ability to break down user problems and offer functional, beautiful solutions made a huge difference in our delivery.

Kunj Bihari

Product Designer | Webkul

Kunj Bihari

I can confidently say he is one of the most talented UI designers I've worked with. His attention to detail and user-first approach consistently elevated our product interfaces.

Seema Rawat

Senior UI / UX Designer | Ex-Webkul

Seema Rawat

One thing that stands out is his balance between design creativity and technical understanding. He doesn’t just focus on visuals; he understands product logic and workflows.

Satyam Pandey

Business Analyst | Product Owner

Satyam Pandey

Skilled designer who combines creativity with user-first thinking to deliver impactful product experiences.

Shubham Pandey

Business Analyst

Shubham Pandey

Working with Shantanu is amazing—he is an amazing UX designer who covers all tasks and projects before the timeline with proper quality.

Rishabh Yogi

Adobe Commerce Developer

Rishabh Yogi

He has a good understanding of both design and technical workflows, making collaboration smooth. A reliable and talented Product Designer to work with.

Sandeep Chawla

Full Stack Engineer

Sandeep Chawla

What I bring to the table

Turning ideas into intelligent, user-loved digital products.

Product DesignPrototypingUser Experience DesignUser InterviewsUser Interface DesignUX ResearchDesign SystemsAI Experience Design

Licenses & Certifications

Professional credentials validating my expertise across diverse technology operations and design methodologies.

Design Process

My process is a blend of creative exploration and structured problem-solving, ensuring every pixel serves a purpose.

01

Understand the Problem

Align on problem statement, business goals, constraints, and success metrics with stakeholders.

02

Research

Understand users, pain points, and context through interviews, surveys, and data analysis.

03

Define

Clearly define user needs, core problems, and project goals based on research insights.

04

Ideate

Brainstorm creative solutions, user flows, and information architecture.

05

Wireframe

Create low-fidelity layouts to structure content and interactions.

06

Prototype

Build high-fidelity interactive designs to simulate the final product.

07

Test & Iterate

Validate with real users, gather feedback, and refine the design.

08

Handoff

Prepare design specs, assets, and documentation for seamless developer implementation.

Recent Posts

Thoughts, insights, and stories I've shared on LinkedIn about design, technology, and building digital products.

Figma Agents Beta Testing: AI-Powered Design Workflow

June 2026

Figma Agents Beta Testing: AI-Powered Design Workflow

Over the past few weeks, I had the opportunity to test Figma Agents during the early beta phase. Prompting the agent to create dashboards and B2B marketplace flows directly on the canvas significantly reduced foundational setup work.

Certified in Claude Code in Action by Anthropic

March 2026

Certified in Claude Code in Action by Anthropic

Excited to share — I'm now certified in Claude Code in Action by Anthropic! Combining Figma MCP + Claude Code has unlocked a powerful workflow for seamless design-to-code iteration.

Figma + Codex MCP: Designing with AI Agents on the Canvas

March 2025

Figma + Codex MCP: Designing with AI Agents on the Canvas

With Codex + Figma MCP, I built a complete SaaS landing page directly inside Figma using just a prompt — auto layout, components, variables, and production-ready design in one flow.

Google Stitch + Antigravity: From Idea to Code in Hours

February 2025

Google Stitch + Antigravity: From Idea to Code in Hours

Explored Google Stitch + Antigravity Agent Mode for UI/UX and frontend workflows. What used to take days — design system, components, React/Next.js code — can now ship in hours.

Lessons from Asia's Largest Telecom & Tech Fest — IMC 2025

October 2024

Lessons from Asia's Largest Telecom & Tech Fest — IMC 2025

From 5G/6G to disaster recovery, smart cities and AI platforms — attending India Mobile Congress 2025 reshaped how I think about infrastructure and user-centred product design.

Exploring the Future of Tech at India Mobile Congress 2025

October 2024

Exploring the Future of Tech at India Mobile Congress 2025

As a designer curious about how technology shapes user experiences, IMC 2025 was an incredible opportunity — AI-driven solutions, 5G/6G, immersive digital experiences and more.

Supercharging Figma Development with MCP Server

August 2024

Supercharging Figma Development with MCP Server

Figma's MCP Server + VS Code = a game-changer. Connect live to your plugin, skip bundling, hot-reload instantly, and ask AI to generate production-ready React + Tailwind code from any frame.

CX & UX — The Ultimate Growth Drivers

March 2024

CX & UX — The Ultimate Growth Drivers

Businesses that prioritize Customer Experience and User Experience don't just attract customers — they retain and delight them. Even small UX improvements transform retention and growth.

Academic Background

An overview of my academic background, key learnings, and the foundations.

Dr. A.P.J. Abdul Kalam Technical University

B.TechMechanical Engineering
Uttar Pradesh, India

Student

2019 — 2023
  • Active member of Regal and Drama Society, contributing to creative and cultural activities.
  • Served as Class Representative, supporting communication between students and faculty.
  • Participated in multiple hackathons, enhancing problem-solving and technical skills.
  • Handled event photography and photoshoots for college functions and programs.

Flora Dale School

IntermediateScience
Delhi, India

Student

2018 — 2019
  • Active member of the School Marching Band, performing regularly for 4 years.
  • Served as School Prefect, assisting in leadership and morning assembly coordination.

Turning Vision into Products
Powered by Agentic AI

Agentic AI  •  MCP  •  Product Design