Index / 01—07Available for select projects

Design Engineer & Frontend Developer

Suraj.

I design and build digital products — from precise interfaces to conversational AI — and shoot medium-format film to keep my eye honest.

8+

Years shipping

04

Disciplines

Bengaluru, India

01

Selected work

Case 022024—25

Tech Mahindra × Microsoft

Teams at enterprise scale

Feature-rich React interfaces designed to feel fast, dependable, and inclusive inside Microsoft Teams.

Shipped reusable components, improved performance, and strengthened WCAG compliance with distributed product teams.

  • React
  • Accessibility
  • Design Systems
  • Performance
Case 032022—23

Mirafra × Pratham Books

Stories built for every screen

A responsive digital storytelling experience that makes illustrated stories inviting across devices and reading contexts.

Translated visual direction into pixel-precise interactions, responsive layouts, and engagement-focused product improvements.

  • Frontend
  • Interaction
  • Responsive UI
  • Storytelling

Some work is covered by confidentiality agreements. These case notes focus on the problem, craft, and contribution without exposing private product details.

02

About

I build the front end from pixel to production — and I shoot medium-format film to keep my eye honest.

I'm a design engineer working where craft meets code. For the last several years I've shipped React and Next.js interfaces for teams like Microsoft Teams and PrathamBooks — and I'm now building conversational AI at Quantzig, wiring RAG and LLMs into products people actually talk to.

Away from the screen I work in cinematography and motion, and I photograph on a Pentax 67II. The thread through all of it is the same: slow down, compose with intent, and care about the last 10%.

Now
Full-stack & conversational AI, Quantzig
Based
Bengaluru, India
Shoots
Medium-format film, Pentax 67II
Also
Cinematography · Motion · Rive
03

Experience

  1. 06Now

    Jun 2026 — Present

    Quantzig

    Full Stack Developer

    • Implementing a conversational AI that makes Shell's enterprise knowledge base instantly accessible through natural-language search.
    • Building the full stack — from the RAG/LLM retrieval pipeline to the front-end chat interface.
  2. 05

    Feb 2024 — Sep 2025

    Tech Mahindra

    Senior Software Engineer

    • Developed scalable front-end components for Microsoft Teams using React.js.
    • Optimised performance and ensured accessibility / WCAG compliance across the application.
    • Shipped feature-rich updates with cross-functional teams in an agile environment.
  3. 04

    Sep 2022 — Nov 2023

    Mirafra Technologies

    Senior Software Engineer

    • Built interactive features for the digital storytelling platform PrathamBooks.org.
    • Implemented pixel-perfect UI and smooth interactions alongside designers.
    • Lifted engagement metrics through responsive design.
  4. 03

    Nov 2021 — Feb 2022

    Liftoff LLC

    Front-end Developer (React.js)

    • Developed core features for the Sphere Web platform using React and Redux.
    • Integrated complex RESTful APIs and managed application state efficiently.
  5. 02

    Jun 2018 — Oct 2020

    Broadridge Financial Solutions

    Front-end Developer (React.js)

    • Worked on the Global Post Trade Management system for enterprise clients.
    • Migrated legacy UI views to a modern, component-based React architecture.
  6. 01

    Jun 2015 — May 2018

    Ramaiah Institute of Technology

    B.E. Information Science & Engineering

    • Information science fundamentals and software engineering — 7.92 CGPA.
04

Stack

Design

  • Figma
  • Framer

3D & Motion

  • Three.js
  • Spline
  • Rive
  • Blender 3D

Frontend

  • React
  • Next.js
  • TypeScript
  • Tailwind CSS

Backend & APIs

  • Node.js
  • FastAPI
  • Supabase
  • PostgreSQL
  • Postman

AI & LLM

  • LangChain
  • RAG
  • LLMs
  • AI Agents
  • Python

Testing

  • RTL
  • Jest
  • Playwright

Workflow

  • VS Code
  • GitHub
  • Jira
  • Vercel

Motion Suite

  • After Effects
  • Premiere Pro
  • Illustrator
05

Services

01

Motion Graphics

Compelling storytelling through motion and visual effects.

  • Premiere Pro
  • After Effects
  • Illustrator
  • Blender 3D
02

Rive Interactions

High-performance interactive UI animations for the web.

  • Rive
  • State Machines
  • Interactive UI
  • Web Runtime
03

AI Engineering

Building intelligent applications with LLMs, RAG, and AI agents.

  • Python
  • Next.js
  • LangChain
  • RAG
  • LLMs
  • FastAPI
04

Analogue Photography

Portrait and editorial photography on medium-format film.

  • Pentax 67II
  • Medium Format
  • Portrait
  • Editorial
06

Film

I shoot medium-format film to slow down — to compose with intent and embrace the physicality of the process.

A larger negative than 35mm means richer tonal transitions, cleaner detail, and a distinctive sense of depth. Fewer frames per roll, more intention per click, and a tangible connection to the image once it's developed.

I chase quiet light, strong geometry, and subjects that benefit from texture. Film rewards subtlety, so I look for moments that feel honest and tactile.

The Camera

Pentax 67II

A classic 6×7 system — feels like a tank, shoots like a large SLR.

Process

Meter carefully, compose patiently, keep notes per roll. The goal is consistency and character, not speed.

See frames on Instagram
Contact sheetNotes from the darkroom
07

Contact

Have a project, a frame, or a role in mind?

surajcommercial@gmail.com