I'm Kriti,
Product Designer

Designing end-to-end digital products across enterprise, HRM, project management, and education software.

Designing with purpose & passion

I'm a Product Designer at Wisflux Techlabs in Jaipur, designing end-to-end digital products across enterprise, HRM, project management, and education software.

I started as a UI/UX Designer and grew into owning product discovery, research, requirements, interaction and visual design, and developer handoff — and I prototype in code with React and Next.js.

Product DesignUser ResearchWireframingPrototypingDesign SystemsAccessibility (WCAG)

Jan 2023 — Present

Product Designer

Wisflux Techlabs

Progressed from UI/UX Designer to Product Designer, owning discovery, UX research, requirements, interaction and visual design, prototyping, and delivery for enterprise, HRM, and education products.

Jun — Aug 2022

Graphic Designer & UI/UX Designer

Pie-Gamers, Jaipur

Designed and helped build the concept and mobile UI of a game project, plus social media posts and supporting visual content.

Education · 2023

Bachelor of Computer Applications (BCA)

The ICFAI University, Jaipur

Selected Work

Featured Projects

Product work across networking, ERP, HRM, education, and disaster-communication platforms.

Case study

Fizvizz

Mobile App Design

Digital Business Card & Networking App · Android & iOS

Designed native mobile experiences for digital business cards: card creation, separate cards for different circles, and sharing by QR code, link, SMS and email without exposing personal contact details — plus groups, events, introductions, privacy controls and AI-powered card scanning.

Digital CardsQR SharingEvents & Groups

View case study→

Case study

TeamDay

Research · End-to-End Design

HRM & Project Management Platform

Conducted product research and designed end-to-end experiences for daily task management, project backlog, stories, sprints, time management, and project tracking, including Microsoft Teams alerts.

Product ResearchSprint PlanningTime Management

View case study→

Case study

Nest School ERP

Product Design

School Management / ERP Platform

Worked across Student, Teacher, Staff, Transportation, Attendance, Fees, Reports, and Exam/Assessment modules, with requirements aligned to UDISE / PSP compatibility.

AttendanceFees & ReportsExams

View case study→

Case study

LACS

UI Design

Locally Accessible Cloud System · Disaster Communication Platform

Designed Feed, Messaging, and SOS/Emergency experiences for a portable local communication system built for situations where internet or mobile connectivity is unavailable or disrupted.

FeedMessagingSOS / Emergency

View case study→

Coming soon

PSD Cloud

Product Design

Precision & Steeling Design · ERP & HRM Software

Designed enterprise workflows across RFI Tracking, Document Control, Employee Management, Admin Portal, Permission & Access Management, Job Data, Client Management, and Client Portal.

RFI TrackingDocument ControlAccess Management

Preview→

AI Workflow

Supercharged with AI

I design first, then brief Claude Code to build it. Six repeatable steps take a screen from a Figma frame to a live, responsive build. Scroll to watch one card get made.

›Build this Figma frame as a responsive component. Tokens only, no hard-coded colors.
›Match the 8pt spacing from the spec and stack to one column under 768px.
›Add hover, focus-visible and disabled states.
›Screenshot 375, 768 and 1440 in light and dark. List anything that overflows.
›Make the card keyboard-accessible and check contrast in both themes.
›Respect prefers-reduced-motion: no transitions, instant swaps.
›Tighten the heading rhythm to match the Figma type scale.
›Keep the hairline dividers at 1px on every screen density.
›Build this Figma frame as a responsive component. Tokens only, no hard-coded colors.
›Match the 8pt spacing from the spec and stack to one column under 768px.
›Add hover, focus-visible and disabled states.
›Screenshot 375, 768 and 1440 in light and dark. List anything that overflows.
›Make the card keyboard-accessible and check contrast in both themes.
›Respect prefers-reduced-motion: no transitions, instant swaps.
›Tighten the heading rhythm to match the Figma type scale.
›Keep the hairline dividers at 1px on every screen density.

01Figma
Design
Research, flows and high-fidelity screens in Figma. Every state, spacing value and token is decided here, before any code exists.
01 Design — WireframeFigma
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.ResearchSprintsTimeView case study →
H3 · Inter Bold--text-secondaryradius 16hover · focus2424
✓ focus-visible✓ contrast AA8pt rhythm44px target
Deployed ✓
PromptBuild <CaseCard /> from this frame. Tokens only, 16px radius, hover + focus states, stacks under 768px.
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
375
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
768
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
1440 · light / dark
◇figma · frame “Case card” · 3 breakpoints
02Prompt & spec
Brief
I turn the frame into a precise brief: layout, states, tokens, breakpoints and constraints. A clear spec is what makes the output usable.
02 Brief — SpecPrompt & spec
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.ResearchSprintsTimeView case study →
H3 · Inter Bold--text-secondaryradius 16hover · focus2424
✓ focus-visible✓ contrast AA8pt rhythm44px target
Deployed ✓
PromptBuild <CaseCard /> from this frame. Tokens only, 16px radius, hover + focus states, stacks under 768px.
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
375
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
768
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
1440 · light / dark
›spec.md · layout · states · tokens · constraints
03Claude Code
Build
Claude Code writes production components in the real codebase, wired to the design tokens. Cursor, Google Stitch, Claude Design and Antigravity IDE join where they fit.
03 Build — ComponentsClaude Code
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.ResearchSprintsTimeView case study →
H3 · Inter Bold--text-secondaryradius 16hover · focus2424
✓ focus-visible✓ contrast AA8pt rhythm44px target
Deployed ✓
PromptBuild <CaseCard /> from this frame. Tokens only, 16px radius, hover + focus states, stacks under 768px.
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
375
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
768
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
1440 · light / dark
›✓ wrote components/CaseCard.tsx
04Real browser
Verify
Every change is checked in a real browser at phone, tablet and desktop widths, in light and dark themes, with screenshots compared against the design.
04 Verify — 375 · 768 · 1440Real browser
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.ResearchSprintsTimeView case study →
H3 · Inter Bold--text-secondaryradius 16hover · focus2424
✓ focus-visible✓ contrast AA8pt rhythm44px target
Deployed ✓
PromptBuild <CaseCard /> from this frame. Tokens only, 16px radius, hover + focus states, stacks under 768px.
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
375
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
768
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
1440 · light / dark
›✓ screenshots · 375 · 768 · 1440 · light · dark
05Details & a11y
Refine
I iterate on what the screenshots reveal: spacing, type rhythm, focus states, contrast and reduced motion, until it matches the design.
05 Refine — PolishDetails & a11y
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.ResearchSprintsTimeView case study →
H3 · Inter Bold--text-secondaryradius 16hover · focus2424
✓ focus-visible✓ contrast AA8pt rhythm44px target
Deployed ✓
PromptBuild <CaseCard /> from this frame. Tokens only, 16px radius, hover + focus states, stacks under 768px.
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
375
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
768
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
1440 · light / dark
›✓ focus-visible · 8pt spacing · reduced motion
06Git & deploy
Ship
Commit, push, deploy. This portfolio and every case study in it shipped through these same six steps.
06 Ship — ProductionGit & deploy
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.ResearchSprintsTimeView case study →
H3 · Inter Bold--text-secondaryradius 16hover · focus2424
✓ focus-visible✓ contrast AA8pt rhythm44px target
Deployed ✓
PromptBuild <CaseCard /> from this frame. Tokens only, 16px radius, hover + focus states, stacks under 768px.
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
375
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
768
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →
1440 · light / dark
git5bd6e50 feat: add TeamDay case studymain → production

01 Design — WireframeFigma

Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.ResearchSprintsTimeView case study →

H3 · Inter Bold--text-secondaryradius 16hover · focus2424

✓ focus-visible✓ contrast AA8pt rhythm44px target

Deployed ✓

PromptBuild <CaseCard /> from this frame. Tokens only, 16px radius, hover + focus states, stacks under 768px.

Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →

375

Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →

768

Research · End-to-EndTeamDayHRM & project management: backlog, sprints and time tracking.View case study →

1440 · light / dark

◇figma · frame “Case card” · 3 breakpoints

Toolkit

Skills & Tools

Product6 stars · drag to orbit

Product Thinking
End-to-End Product Design
Product Discovery
Product Strategy
Problem Solving
Design Thinking
Requirements Gathering

Tools

Get In Touch

Let's Create Together

Have a project in mind or just want to chat about design? I'd love to hear from you.

kritisambhariya@gmail.com

7976562422 · Jaipur, India

I'm Kriti,Product Designer

Designing with purpose & passion

Product Designer

Graphic Designer & UI/UX Designer

Bachelor of Computer Applications (BCA)

Featured Projects

Fizvizz

TeamDay

Nest School ERP

LACS

PSD Cloud

Supercharged with AI

Design

Brief

Build

Verify

Refine

Ship

Let's Create Together

I'm Kriti,
Product Designer