UI/UX design services for web, mobile and SaaS products

I design interfaces in Figma, Framer, Webflow and Sketch, and can take them further into a coded build with HTML, CSS, Tailwind, React, Next.js and PHP, so the handoff never loses fidelity.

01

Web UI design

Responsive website and web app UI designed in Figma: landing pages, marketing sites and product screens built on a real grid, type scale and spacing system.

  • Responsive page designs in Figma, desktop through mobile
  • Landing page, marketing site and web app screen design
  • Typography, spacing and component structure ready to build
More on web ui design
02

Design systems

Figma design system work: component libraries, tokens and documentation that keep a product team shipping consistent UI instead of rebuilding it every sprint.

  • Figma component library with variants and auto layout
  • Colour, type and spacing tokens documented for developer handoff
  • Usage guidelines so new screens stay on-system
More on design systems
03

Mobile app design

iOS and Android app UI/UX design: onboarding, navigation and core flows drawn around platform conventions, real content and a clickable Figma prototype.

  • iOS and Android screen designs following platform conventions
  • Onboarding, navigation and core app flows, screen by screen
  • Clickable Figma prototype for user testing and dev handoff
More on mobile app design
04

SaaS product design

SaaS dashboard and admin panel design: data-heavy screens, onboarding and settings flows that stay usable as features and edge cases pile up.

  • Dashboard, admin panel and data table layouts that stay readable
  • Onboarding flows, empty states and error cases covered
  • Scalable UI patterns for features added after launch
More on saas product design
05

UX research & wireframing

User flows, wireframes and prototypes that test structure and validate the idea in Figma before anyone writes a line of production code.

  • Low-fidelity wireframes to test structure before visual design
  • User flow diagrams mapping every screen and decision point
  • Clickable prototypes for stakeholder and user feedback
More on ux research & wireframing
06

Figma to React build

Design-to-code front-end builds in HTML, CSS, Tailwind, React and Next.js, so the live site matches the Figma file instead of drifting in handoff.

  • Front-end build in HTML, CSS and Tailwind CSS, true to the design
  • React and Next.js components for interactive products
  • Responsive and cross-browser QA before launch
More on figma to react build

How I work

01 - Discover

A short call or written brief to understand the product, its users, the screens in scope and what "done" looks like, before any design starts.

02 - Design

User flows and wireframes first, then high-fidelity UI in Figma, reviewed with you at each stage rather than revealed at the end.

03 - Build

For projects that need it, the approved design is built as working front-end code (HTML, CSS, Tailwind CSS, React or Next.js), responsive from the start.

04 - Handoff

Organised Figma files, documented components and tokens, and a build that matches the design, with everything your developers need to take it forward.

Common questions

What does a UI/UX design project cost?

Every project is quoted individually, because a landing page and a multi-screen SaaS product are not the same job. Tell me the scope, the screens involved and your timeline, and you get a fixed price for a defined deliverable rather than an open-ended hourly rate.

How long does a design project take?

It depends on the number of screens and how settled the product decisions are — a single landing page and a multi-screen product are different jobs. The timeline is agreed at the brief stage and written into the scope before design starts, so it is fixed before you commit rather than estimated as we go.

Do you build the website as well as design it?

Yes. I build front ends in HTML, CSS, Tailwind CSS, React and Next.js, so on projects that need it the approved Figma design is delivered as a working, responsive build rather than a file someone else has to interpret. Design-only engagements are equally fine if you already have developers.

Do you work with clients outside India?

Yes. I am based in Ahmedabad, Gujarat, India and work remotely with founders and small teams worldwide, keeping enough overlap with your working day for reviews and calls. All work and communication is in English.

What do I receive at the end of a project?

Organised Figma files with the components, colour, type and spacing tokens documented, a clickable prototype where the project calls for one, and — on build engagements — the responsive coded front end, QA-tested across browsers.

Can you redesign an existing product rather than start over?

Yes, and it is often the better option. A redesign starts with reviewing the screens you already have, so the work targets the parts that are costing you users instead of rebuilding what already works.

How do we start?

Send a few lines about the product, the scope and your timeline through the contact page or by email. I read everything and usually reply within a couple of working days, and the first step is a short call or written brief before any design work begins.

Have a project in mind? Let’s talk.

Get in touch