Connecting visual craft with software engineering.
I’m a Principal Product Designer & UX Engineer based in Hyderabad, India. Over the past 18+ years, my work has moved from visual design and frontend development into enterprise product design, design systems, and UX engineering.
Design intent and implementation belong in the same product conversation.
I work across design and frontend implementation so interaction decisions, accessibility requirements, component states, and responsive behavior are considered before handoff rather than rediscovered later.
I started in 2007 with graphic design, print, and early web work. That foundation shaped how I think about typography, hierarchy, spacing, and visual clarity—principles that still influence how I design software today.
As the web became more application-driven, I moved deeper into frontend engineering. Working directly with HTML, CSS, JavaScript, React, responsive behavior, and application states changed how I approached design: not as static screens, but as systems that have to survive real implementation.
“The best product work happens when design understands implementation, and engineering understands design intent.”
Today, I lead design-system and enterprise product work while collaborating closely with engineering. I use semantic tokens, reusable component patterns, accessibility requirements, and contribution guidelines to reduce ambiguity between design and implementation.
color.action.primary.fill ➔ token.brand.cyan.600
spatial.layout.gutter ➔ token.spacing.8 (32px)
Contrast target: meet WCAG requirements for the text role and state.
Preferred touch target: 44px × 44px for comfortable interaction.
At a Glance
- Location
- Hyderabad, India · UTC +5:30
- Experience
- 18+ Years (2007–Present)
- Current Role
- Lead Engineer – Design (Sagarsoft)
- Core Focus
- Enterprise UX & Design Systems
- Engineering
- React, JavaScript, HTML/CSS
- Accessibility
- WCAG 2.1 AA baseline
How my practice evolved over 18+ years.
My career moved from visual design and early web work into frontend engineering, enterprise product design, design systems, accessibility, and UX engineering.
Visual Design & Web Foundations
Worked across graphic design, print layout, and early web interfaces, building a practical foundation in typography, hierarchy, spacing, HTML, CSS, and visual communication.
Responsive UI & Frontend Engineering
Moved deeper into frontend development as web products became more application-driven, working with responsive interfaces, JavaScript, reusable UI patterns, and increasingly component-based products.
Enterprise Product Design & Design Systems
Expanded into enterprise product design, UX engineering, design-system architecture, accessibility, complex workflows, and closer design-to-code collaboration across healthcare, fintech, logistics, and workforce products.
How I work across product, design, and engineering.
Complex product work depends on shared context. I collaborate early with product and engineering so user needs, business rules, accessibility, states, and implementation constraints stay visible throughout delivery.
With Product Management
I help turn ambiguous requirements into clearer workflows, priorities, and interaction models before detailed interface design begins.
- Workflow and relationship mapping
- Clickable prototypes
- Reducing unnecessary complexity
With Frontend Engineers
I work directly with React, JavaScript, CSS, component structures, and accessible DOM patterns so design decisions translate cleanly into implementation.
- Frontend collaboration
- Component API review
- Keyboard, focus & ARIA checks
With Product & Design Leadership
I connect design-system decisions to delivery consistency, accessibility, maintainability, and the quality of experiences shipped across teams.
- Design-system governance
- Accessibility risk awareness
- Reusable patterns & contribution standards
What I build outside client and employer work.
I build independently owned tools and experiments to explore practical problems in usability, accessibility, design tokens, career workflows, and design-to-code systems.
AI UX Audit Lite
A tool for reviewing interface screenshots against usability and accessibility heuristics with structured findings and human review.
Design Token Studio
A design-token workbench for semantic token modeling, contrast checks, and implementation-ready CSS/JSON outputs.
Bilingual RTL Mechanics
Experiments with bidirectional layout, Arabic RTL/LTR behavior, mixed-direction content, and interface patterns for multilingual products.
Explore my 18+ year career.
See my roles, representative projects, verified outcomes, and the design and engineering responsibilities behind the work.