Design and development, from the first flow to the live site
I design interfaces in Figma, Framer, Webflow and Sketch, and build the front end in HTML, CSS, Tailwind CSS, React, Next.js and PHP. Take either half on its own, or both, in which case nothing is lost in handoff because there is no handoff.
UI/UX design
6 services
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
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
iOS and Android mobile app UI designed in Figma: navigation patterns, interactive states and components built to native platform guidelines.
- iOS and Android screen designs in Figma
- Interactive prototype for testing and stakeholder reviews
- Component library with states, edge cases and icon assets
Complex dashboards, data tables, settings and user flows designed in Figma for web applications where clarity under heavy data is what keeps users from churning.
- Dashboard and data visualisation screen design
- Complex forms, settings panels and multi-step workflow UI
- Empty, loading, error and success states for every view
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
A structured review of the product you already have: where people hesitate, what is causing it, and a prioritised fix list you can act on without a full redesign.
- Heuristic review of the flows and screens that carry the most traffic
- Findings written up with the screen, the problem and the reason
- A prioritised fix list, ordered by impact against effort
Custom development
6 services
Websites and web apps built front-end-first in React, Next.js and Tailwind CSS — no template to fight, and source code your own developers can read on day one.
- Custom front end in React, Next.js and Tailwind CSS
- Responsive, accessible and cross-browser tested before launch
- Source code in your repository, structured for your team to maintain
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
One high-intent page taken end to end: section structure, responsive design, a built page on the platform that suits you, and the events to tell whether it worked.
- One page designed in Figma, desktop through mobile
- Built as a fast, responsive page in Next.js, Webflow or Framer
- Event hooks wired into your analytics so the page can be measured
Full-site redesigns that protect your existing SEO rankings, modernise the visual design and rebuild the front end for speed, accessibility and easier editing.
- Complete visual redesign in Figma, desktop through mobile
- Front-end rebuild in React, Next.js, Webflow or Tailwind CSS
- URL redirect map and SEO preservation strategy
Custom Webflow websites built to Client-First standards: clean class structures, CMS collections, responsive layouts and animations your marketing team can manage.
- Custom Webflow build following Client-First naming conventions
- Structured CMS collections for blogs, team, resources and case studies
- Interactive animations, responsive layouts and editor training
Lightning-fast marketing sites and landing pages built in Framer: interactive components, fluid animations and intuitive visual editing for startups that move fast.
- Custom Framer website with responsive breakpoint variants
- Interactive components, hover states and scroll effects
- Framer CMS setup for blogs, updates and changelogs
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