Deepak S
Available for new opportunities

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.

Video & MotionUI/UX DesignDevelopmentAI-Native & Agentic UXGraphic DesignVideo & MotionUI/UX DesignDevelopmentAI-Native & Agentic UXGraphic Design
· Area of Expertise ·

What I Bring

Five dimensions of creative work, with a clear focus on UI/UX and design engineering.

01
2018 – Present

UI/UX Design

Applying the UX process to design clear, well-structured, and easy-to-use interfaces for SaaS dashboards, landing pages, and complex systems.

Figma

Deliverables

  • Problem Framing & User Flows
  • High-Fidelity Wireframes
  • SaaS & ATS dashboards
  • Travel CRM interfaces
  • Design system components
  • Interactive Figma prototypes
02
2008 – Present

Graphic Design

17 years of visual mastery

Adobe IllustratorPhotoshopInDesignFigmaCanva
03
2020 – Present

Development

Design that ships as code

HTMLCSSJavaScriptReactNext.jsTypeScript
04
2024 – Present

AI-Native & Agentic UX

Leveraging AI-assisted engineering tools to rapidly build and validate interactive layouts—translating visual concepts directly into functional React, Next.js, and CSS.

AI-Assisted DevelopmentFigma AIGemini API

Deliverables

  • AI-assisted frontend prototyping
  • Direct-to-code layout builds
  • Component-driven design systems
  • Rapid product deployments

Video & Motion

2022 – Present

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.

Adobe Premiere ProAfter Effects
· B2B CASE STUDIES ·

Featured Spotlights

Deep dives into complex dashboard architectures, responsive systems, and corporate template automations.

· UI/UX Design in Practice ·

Featured UI/UX Work

Supplier Query Management Portal: 7-Hour Design Brief (Figma + PDF)

Communication Gaps in Food Safety SaaS

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.

Figma Design File
Supplier Query Management Portal — UX Case Study
Supplier Query Management Portal Preview
View UX Case Study
FOODSAFETY SaaS
Query DashboardAuditingSuppliers

Supplier Query Portal

Interactive case study explaining data models, user flows, and wireframes.

CLICK TO OPEN PDF STUDY
Inspectors Online: 8Pending Queries: 42SLA Target: 99.8%
· Design Engineering Spotlight ·

Featured Design Engineering Work

SF Travels: Pure Vibe Coding (Astro v4 + React + Leaflet)

Skipping Figma for 10x Faster Ship Times

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.

https://www.sftravels.in
SF Travels Case Study Preview
SFTravels
HomeOur StoryFleet

Premium Rides, On Your Schedule

Bangalore's Executive Corporate Mobility & Airport Transfers.

OutstationAirportLocal
Select Vehicle
Pick on Map🗺️
Predictable Slab Pricing Professional Chauffeurs
Launch Live App
· CRM & Layout Systems in Practice ·

Featured B2B CRM Work

SST Travels: Dashboard & Responsive Prototype (Figma)

The Strict 400px Width Constraint

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.

Figma - SST Travels CRM Dashboard
SST Travels CRM Preview
Open Figma File
SST
Itinerary Managerv1.4.2
Total Active Shifts142
Clients Shared89%
ACTIVE ITINERARY ROW
Trip #4821Bangalore ➔ MysoreConfirmed
Executive: S. KumarFleet: Innova CrystaClient: IBM India
400px Sidebar View
Mysore TripConfirmed ➔ Innova
· Production CMS & Dynamic Layouts ·

Featured Production Work

HR.com Podcasts: Dynamic Video Platform (CMS Template)

Manual Page Overhead under CMS Constraints

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.

https://www.hr.com/podcasts
HR.com Podcasts Preview
Launch Live Site
HR.com Podcasts
EpisodesLeadershipHR Tech

Video Podcast Platform

Dynamic CMS page engine running from structured database models.

Play Latest EpisodeFuture of Work 2026
00:00 / 45:10
· II ·

My Work

15 projects that define my craft.

SF Travels: Premium Booking & Lead-Gen Platform
Live ↗
Astro v4ReactLeaflet JS

SF Travels: Premium Booking & Lead-Gen Platform

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.

Production-grade, zero-dependency CSS, maps integration
MICRO by The Fix
AI-Assisted WorkflowFigma StudioUI/UX Design

MICRO by The Fix

AI-Assisted Luxury Wellness Page Concept

Jayasri Makeovers: 48-Hour Design Engineering
Next.jsTailwind CSS v4Supabase

Jayasri Makeovers: 48-Hour Design Engineering

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

State of High-volume Hiring 2024
After EffectsMotion GraphicsVideo Production

State of High-volume Hiring 2024

After Effects Motion Video

Hiring is Broken | Nexthire Motion Design Case Study
Motion DesignExplainer VideoAfter Effects

Hiring is Broken | Nexthire Motion Design Case Study

30-second product-style explainer

01 / 15
· III ·

The Story

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.

📍Bengaluru, India (Hybrid / Remote)
01
17+
Years of Craft
02
2008
Journey Started
03
4
Design Verticals
04
AI
Amplified Workflow
Currently At

HR.com

Senior UI/UX Designer & Frontend Developer|2018 – Present