Senior UI/UX Designer & Frontend Developer
17 years of design. I craft conversion-driven B2B SaaS dashboards & scalable design systems—bringing them to life using React and Next.js.
Five dimensions of creative work, with a clear focus on UI/UX and design engineering.
Applying the UX process to design clear, well-structured, and easy-to-use interfaces for SaaS dashboards, landing pages, and complex systems.
Deliverables
17 years of visual mastery
Design that ships as code
Leveraging AI-assisted engineering tools to rapidly build and validate interactive layouts—translating visual concepts directly into functional React, Next.js, and CSS.
Deliverables
Promotional video and motion design
Creating promotional videos and product explainers using Premiere Pro and After Effects. I design clean transitions, edit and sync audio tracks, and build animated text overlays to communicate product features and marketing campaigns.
Deep dives into complex dashboard architectures, responsive systems, and corporate template automations.
Supplier Query Management Portal: 7-Hour Design Brief (Figma + PDF)
In food safety operations, resolving supplier queries manually leads to critical bottlenecks, data fragmentation, and compliance risks. The goal of this B2B SaaS design brief was to design a central portal that streamlines the verification, logging, and resolution of supplier query tickets.
Manual BottlenecksSlow resolution times and scattered communications across email and chats.
Compliance RiskLack of audit trails for critical food safety queries and certificates.

Interactive case study explaining data models, user flows, and wireframes.
CLICK TO OPEN PDF STUDYSF Travels: Pure Vibe Coding (Astro v4 + React + Leaflet)
Traditional product design spends weeks in Photoshop or Figma. I skipped the design file stage entirely—translating visual cues from a reference site straight into code. By pair-programming with Antigravity (AI), I bypassed standard boilerplate coding and shipped this interactive application in a fraction of the time.
Zero Design FilesVisual styling and layouts engineered dynamically directly in HTML/CSS.
AI-Driven ScaffoldGuided Antigravity to build Astro routes, Leaflet bindings, and APIs.

Bangalore's Executive Corporate Mobility & Airport Transfers.
SST Travels: Dashboard & Responsive Prototype (Figma)
I designed the UI/UX for the SST Travels CRM. The biggest challenge was that the sales executives who needed to share itineraries with clients did not have direct access to our CRM. Instead, the CRM itinerary page had to be integrated into the right-hand sidebar of another app, which restricted our layout width to under 400px.
Width RestrictionsItinerary views had to fit cleanly inside a narrow 400px container.
Accessibility GapsExecutives needed itinerary sharing directly within their primary workspace.

HR.com Podcasts: Dynamic Video Platform (CMS Template)
Built for HR.com's growing video podcast platform, the design challenge was scaling video content across four major content categories. Due to legacy CMS constraints, manually designing and creating new landing pages for every episode launch became a major bottleneck, slowing down the content team's output cycles.
CMS ConstraintsLegacy portal architecture made manual layouts slow and labor-heavy.
Output BottleneckFrequent video releases required an instant page generation method.

Dynamic CMS page engine running from structured database models.
15 projects that define my craft.

Astro v4 + React + Leaflet Maps + Geolocation API
A premium, high-converting travel booking and lead-generation platform engineered for a transport agency. Featuring a custom interactive location picker powered by Leaflet and OpenStreetMap, browser-level geolocation, and a dual-funnel conversion workflow that connects customers and operators instantly.

AI-Assisted Luxury Wellness Page Concept

Next.js + Tailwind CSS v4 + Supabase + Antigravity AI

After Effects Motion Video

30-second product-style explainer
I started in 2008 as a graphic designer, figuring out layout, typography, and visual hierarchy. Over time, that naturally evolved into UI/UX design. Because I wanted to know how my designs actually come to life, I taught myself front-end development (React, Next.js, Tailwind).
I'm a designer first, but knowing how to code makes my designs better.
Today, I am very much a designer first. But knowing how to code means I design practical, production-ready interfaces and can talk the same language as the engineering team.
Senior UI/UX Designer & Frontend Developer|2018 – Present