Welcome To
Shantanu Nautiyal
Portfolio

Specializing in

Let's Connect
HTMLHTML
ChatGPTChatGPT
GeminiGemini
CSSCSS
JavaScriptJavaScript
LightroomLightroom
Tailwind CSSTailwind CSS
BootstrapBootstrap
FigmaFigma
Adobe XDAdobe XD
CanvaCanva
PhotoshopPhotoshop
AntigravityAntigravity
ClaudeClaude
PerplexityPerplexity
NotionNotion
HTMLHTML
ChatGPTChatGPT
GeminiGemini AI
CSSCSS
JavaScriptJavaScript
LightroomLightroom
Tailwind CSSTailwind CSS
BootstrapBootstrap
FigmaFigma
Adobe XDAdobe XD
CanvaCanva
PhotoshopPhotoshop
AntigravityAntigravity
ClaudeClaude
PerplexityPerplexity
NotionNotion
Experience

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

Webkul Software Pvt. Ltd

Full-time2 yrs 6 mos

Noida, India · On-site

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.
Portfolio

Recent Projects

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

Bagisto Case Study
UI/UX DesigneCommerce

Bagisto Case Study

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

Bagisto Delivery Boy App
UI/UX DesignMobile App

Bagisto Delivery Boy App

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

B2C Marketplace
MarketplaceUI/UX

B2C Marketplace

Designed a B2C marketplace with seller dashboards and intuitive shopping interfaces for seamless store management.

Food Ordering App
UI DesignFigma

Food Ordering App

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

Forkify
RecipesJavaScriptCourse project

Forkify - Recipes

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

Weather Web App
Live WeatherJavaScript

Weather Web App

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

Coffee Roaster
UI/UX DesignLanding Page

Coffee Roaster

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

POV Bank
BankingJavaScriptCourse project

POV Bank

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

Recommendations

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 | UI/UX Designer | MCA | HTML and CSS | Figma Designer | Webkul

July 5, 2025 · 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.

Via LinkedIn
View on LinkedIn
Seema Rawat

Seema Rawat

1st

Senior UI / UX Designer | Ex-Webkul

April 9, 2025 · 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.

Via LinkedIn
View on LinkedIn

What I bring to the table

Turning ideas into intelligent, user-loved digital products.

Product DesignPrototypingUser Experience DesignUser InterviewsUser Interface DesignUX ResearchDesign SystemsAI Experience
Licenses & Certifications

Licenses & Certifications

Process

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.

LinkedIn

Recent Posts

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

Figma + Codex MCP: Designing with AI Agents on the Canvas
FigmaAIDesign Systems
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.

View on LinkedIn
User
User
User
Google Stitch + Antigravity: From Idea to Code in Hours
AINext.jsUI Design
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.

View on LinkedIn
User
User
User
Lessons from Asia's Largest Telecom & Tech Fest — IMC 2025
InnovationAI5G
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.

View on LinkedIn
User
User
User
Exploring the Future of Tech at India Mobile Congress 2025
UX DesignInnovationProduct Design
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.

View on LinkedIn
User
User
User
Supercharging Figma Development with MCP Server
FigmaMCPFrontend
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.

View on LinkedIn
User
User
User
CX & UX — The Ultimate Growth Drivers
UX DesignCXGrowth
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.

View on LinkedIn
User
User
User
Education

Academic Background

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

AKTU

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

Full-timeB.Tech, Mechanical Engineering

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

Flora Dale School

IntermediateScience

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.