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 Case Study

Bagisto Case Study

Webkul Product

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

Bagisto Delivery Boy

Bagisto Delivery Boy

Webkul Product

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

B2C Marketplace

B2C Marketplace

Webkul Product

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

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.

Coffee Roaster

Coffee Roaster

UI/UX Design

User-centric landing page for a coffee roaster brand with seamless navigation.

POV Bank

POV Bank

Web App

Demo online banking platform with preset login to explore core banking features.

What People Say

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

Kunj Bihari

Kunj Bihari

1st

Product Designer | Webkul

Kunj managed Shantanu directly

Working alongside Shantanu has been an inspiring experience. As a UI/UX Designer, he is not only skilled in creating elegant interfaces but also an excellent listener who values feedback and collaboration. Shantanu's ability to break down user problems and offer functional, beautiful solutions made a huge difference in our delivery.

Read More
Via LinkedIn
View
Seema Rawat

Seema Rawat

1st

Senior UI / UX Designer | Ex-Webkul

Seema managed Shantanu directly

I've had the pleasure of working with Shantanu, and I can confidently say he is one of the most talented UI designers I've worked with. His attention to detail, creativity, and user-first approach consistently elevated the quality of our product interfaces. He's always eager to learn new things and grow in his craft. Beyond his technical skills, Shantanu is a great collaborator—always open to feedback, proactive in communication, and committed to delivering the best results. Any team would be lucky to have someone with his skill, attitude, and dedication.

Read More
Via LinkedIn
View
Satyam Pandey

Satyam Pandey

1st

Business Analyst | Product Owner | Consultant

Satyam worked with Shantanu but on different teams

I’ve worked with Shantanu across multiple projects and product discussions, and one thing that stands out is his balance between design creativity and technical understanding. As a Product Designer, he doesn’t just focus on visuals, he understands product logic, user behavior, workflows, and implementation challenges as well. During our discussions around different tools, UX problems, product improvements, and scalable design approaches, he consistently brought practical ideas and thoughtful solutions to the table. Whether it was simplifying complex user journeys, improving usability, or aligning designs with business goals, he always approached problems with a strong product mindset. He is proactive, quick to adapt, open to feedback, and someone who genuinely enjoys solving real product challenges. Any team working on products would benefit from his skills and collaborative attitude.

Read More
Via LinkedIn
View
Shubham Pandey

Shubham Pandey

1st

Business Analyst

Shubham worked with Shantanu but on different teams

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

Via LinkedIn
View
Rishabh Yogi

Rishabh Yogi

1st

Adobe Commerce Developer | Laravel & Magento Specialist

Rishabh worked with Shantanu on the same team

Working with Shantanu is amazing he is a amazing UX designer mostly cover all the tasks and project before the timeline with proper quality.

Via LinkedIn
View
Sandeep Chawla

Sandeep Chawla

1st

Full Stack Engineer (Laravel, Vue, Next)

Sandeep worked with Shantanu on the same team

I worked with Shantanu on the LawTribe project and really enjoyed collaborating with him. He has a good understanding of both design and technical workflows, which made discussions and implementation much smoother. He was always focused on improving the user experience, solving practical UI challenges, and making sure designs were clean and easy to work with from a development side as well. A reliable and talented Product Designer to work with.

Read More
Via LinkedIn
View

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

Connect