Welcome To
Shantanu Nautiyal
Portfolio

Hi, I'm a

Let's Connect
HTML HTML
ChatGPT ChatGPT
Gemini Gemini
CSS CSS
JavaScript JavaScript
Lightroom Lightroom
Tailwind CSS Tailwind CSS
Bootstrap Bootstrap
Figma Figma
Adobe XD Adobe XD
Canva Canva
Photoshop Photoshop
Antigravity Antigravity
Claude Claude
Perplexity Perplexity
Notion Notion
HTML HTML
ChatGPT ChatGPT
Gemini Gemini AI
CSS CSS
JavaScript JavaScript
Lightroom Lightroom
Tailwind CSS Tailwind CSS
Bootstrap Bootstrap
Figma Figma
Adobe XD Adobe XD
Canva Canva
Photoshop Photoshop
Antigravity Antigravity
Claude Claude
Perplexity Perplexity
Notion Notion
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-time 2 yrs 6 mos

Noida, Uttar Pradesh, India · On-site

UI Designer

09/2023 - Present
  • Designed scalable B2B and B2C interfaces for eCommerce, ERP, CRM, and booking platforms.
  • Created mobile applications, high-conversion landing pages, and modern web interfaces.
  • Contributed in Open Source and enterprise platforms including Bagisto, Krayin CRM, AureusERP etc.
  • Resolved UI/UX issues and built fully responsive WordPress pages to improve usability and performance.
  • Utilized AI tools like ChatGPT and Claude for UX writing, research, and workflow optimization.

What I bring to the table

Turning ideas into intelligent, user-loved digital products.

Product Design Prototyping User Experience Design User Interviews User Interface Design UX Research Design Systems AI Experience
Portfolio

Recent Projects

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

Bagisto Case Study
UI/UX Design eCommerce

Bagisto Case Study

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

Bagisto Delivery Boy App
UI/UX Design Mobile App

Bagisto Delivery Boy App

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

B2C Marketplace
Marketplace UI/UX

B2C Marketplace

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

Food Ordering App
UI Design Figma

Food Ordering App

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

Forkify
Recipes JavaScript Course project

Forkify - Recipes

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

Weather Web App
Live Weather JavaScript

Weather Web App

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

Coffee Roaster
UI/UX Design Landing Page

Coffee Roaster

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

POV Bank
Banking JavaScript Course project

POV Bank

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

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.

Education

Academic Background

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

AKTU

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

B.Tech, Mechanical Engineering

2019 - 2023

Highlights:

  • 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 cultural programs.
Flora Dale

Flora Dale School

Intermediate, Science

2018 - 2019

Highlights:

  • Active member of the School Marching Band, performing regularly on stage and participating in musical events for 4 years.
  • Served as School Prefect, assisting in organizing morning assemblies and supporting discipline and leadership initiatives.