UI and UX design for web apps, mobile apps, eCommerce stores, dashboards and landing pages, from our studio in Jaipur. Research, wireframes, high-fidelity screens, interactive prototypes and a developer-ready Figma handoff, for products that work for users and not only in a presentation.
Design decisions backed by how people use your product.
For a redesign we read your GA4, Hotjar or Clarity data first. And because we also build, nothing gets lost between the Figma file and the code.
2
Revision rounds
4
Stages to handoff
100%
Files you own
Design problems we fix
Most design problems are structural, not cosmetic. These are the patterns we see most often on products that come to us after a first attempt did not work.
Text overflows, buttons are too small to tap and forms are hard to fill on a phone. Most Indian web traffic is mobile, so designing desktop-first and hoping it adapts is not a plan.
Three button styles, four shades of blue, headings at random sizes. The product looks like five people built it with no shared design system, usually because they did.
The primary call to action sits below the fold, carries the same weight as secondary links, or disappears on mobile. If the next step is not obvious, people leave.
With no Figma file, developers make design decisions in code: improvised spacing, one-off components, wrong fonts. Every one of them costs time to redo.
Every number is the same size and every chart the same weight, so nobody can tell what matters. Data-heavy screens need a deliberate order: what to read first, what is context, what is an action.
No component library means every label change or banner update goes to a developer. A proper system lets your team change content without writing code.
What we design
Every project is component-based, so development is systematic instead of improvised screen by screen. Pick the kind of product you are building.
Multi-page web application design: onboarding, dashboard, settings, data tables, forms, empty states and error states, with responsive layouts for every screen. Built from components, so your developers assemble screens instead of inventing them.
Often built with
Laravel
React
Tailwind CSS
Screens we usually cover
Fixed price per project, scoped by screen count.
React Native app screens designed to platform standards, with Android Material Design and Apple Human Interface Guidelines observed. Gestures and navigation patterns are documented for developers so the app feels native on both.
Often built with
React
Google Play
Apple App Store
Screens we usually cover
Fixed price per project, scoped by screen count.
Homepage, collection page, product page, cart, checkout and account pages designed for conversion: filter UX, variant pickers, product image layouts, trust signals and a mobile-first checkout. For Shopify or a custom eCommerce platform.
Often built with
Shopify
WooCommerce
Laravel
Screens we usually cover
Fixed price per project, scoped by screen count.
Data-heavy admin interfaces with a deliberate visual order: KPI cards, charts, tables, filters, sidebars and action panels. Multi-role dashboards for CodeIgniter 4 and Laravel platforms, with the information architecture mapped before any visual design.
Often built with
CodeIgniter
Laravel
Livewire
Screens we usually cover
Fixed price per project, scoped by screen count.
A component library in Figma: buttons, inputs, cards, modals, navigation and tables in every state (default, hover, active, disabled, error), with colour tokens, a type scale, a spacing system and an icon set. Your team designs and builds faster from one shared foundation.
Often built with
Figma
Tailwind CSS
React
Screens we usually cover
Fixed price per project, scoped by screen count.
Conversion-focused pages for paid campaigns, product launches and lead capture: an above-the-fold hero, proof, a feature breakdown, objection handling and one clear call to action. Designed for the specific audience and traffic source, not as a generic template.
Often built with
WordPress
Shopify
Google Ads
Screens we usually cover
Fixed price per project, scoped by screen count.
UX research
Lightweight research is part of every project. For a redesign we audit the product first: what works, what is broken and where people get stuck, based on your analytics and the feedback you already have. Formal user interviews and moderated usability testing are available as a separate add-on.
User flows mapped first
Every screen is listed before any is designed, so there are no forgotten pages halfway through.
Heuristic review
The existing product checked against established usability principles, screen by screen.
Competitor review
How the products your users already know solve the same problem.
Analytics and recordings
GA4 funnels, heatmaps and session recordings from Hotjar or Clarity, where you have them.
Wireframes first
Layout and structure are agreed in low-fidelity wireframes, with no colour or typography to argue about. Changes at that stage are fast and cheap. Changes at the high-fidelity stage are not, so we only add visual polish once the structure is right.
Wireframe
Layout, content order, navigation and the main actions.
High-fidelity
Colour, type, spacing, components and every interactive state.
Everyday Linen Shirt
Rs 1,899 · In stock
Free delivery by Friday
Drag, or use the arrow keys. An illustration, not a client screen.
Design system
Colour, type and spacing are defined once as tokens, and every component is built from them with all its states. Your designers stop redrawing buttons, your developers stop guessing values, and a change to a token updates the whole product.
The details
Most products are designed for the happy path. Real users hit empty lists, slow networks, wrong inputs and small screens, so we design for those too.
Empty, loading, error, success and partial states for each screen, so developers never have to invent one.
Interactive elements sized to platform guidance: 48dp on Android in Material Design, 44pt on iOS in Apple's guidelines.
Text colours checked against WCAG AA, which asks for 4.5:1 for body text and 3:1 for large text.
Visible labels, inline validation, sensible defaults and the right keyboard for each field on mobile.
Navigation, gestures and controls follow Material Design on Android and the Human Interface Guidelines on iOS.
Mobile, tablet and desktop layouts for each key screen, with rules for how components reflow between them.
Design process
Four stages, each signed off before the next one starts, so nothing is redesigned late in the project.
Stage 1
Brief, audience, competitor review and user journeys. Every screen is listed and the information architecture documented before design starts.
Stage 2
Layout and structure in low fidelity, with no colour or type. Validated with you before any time goes into visual polish.
Stage 3
Full colour, type, spacing and components, with every state designed. Two revision rounds, with feedback collected as Figma comments.
Stage 4
A clickable prototype of the key flows, then Figma Dev Mode handoff with specs and exported assets. The source file is yours.
A typical web or app project, 2 to 4 weeks
Developer handoff
Everything a development team needs to build without guessing, and everything you need to keep designing after we finish.
Figma source file
All screens, components, variants and pages. You own it permanently.
Interactive prototype
A clickable flow for the main user journeys, on a shareable Figma link.
Developer handoff specs
Dev Mode with spacing, type and colour values, plus exported SVG icons and image assets.
Component library
Every reusable component with its variants and states documented.
Design decisions document
Why the navigation works the way it does, why the checkout is structured as it is.
Two ways to work with us
Already have developers? We hand off to them. Need it built too? We develop what we design, so nothing is lost in translation.
| What happens | Design only | Design and build |
|---|---|---|
| Figma source file, prototype and specs | Included | Included |
| Who builds it | Your developers or agency | Our team, in CodeIgniter 4, Laravel, WordPress, Shopify or React Native |
| Handoff | Dev Mode file and a 30-minute walkthrough call with your developers | Same team from the first wireframe to launch |
| Scope and price | Fixed price for the design | Design and development scoped together from the start |
| Best for | Teams with developers in place | New products, or redesigns that need rebuilding |
CodeIgniter
Laravel
WordPress
Shopify
React Native
Client work
A CI4 web application with Shield auth, a WordPress-style media picker, page builder sections, plus print-ready flyers and brochures.
Read the case studyCentralised
Media Management
Scattered to Single system
Self-managed
Page Edits
Dev required to Admin UI
Delivered
Print Collateral
None to Flyers + Brochures
Pricing
Scoped before we start: screen count, deliverables and revision rounds agreed up front. No hourly billing that spirals.
Landing Page
One conversion page, designed for desktop and mobile.
Rs 8K to 18K
5 to 8 business days
Web / App Design
A web app, mobile app or store, screen by screen.
Rs 25K to 70K
2 to 4 weeks
Design System
The full product UI with tokens and a component library.
Rs 60K to 1.5L
3 to 6 weeks
All prices exclude GST. Screen count and deliverables agreed before work starts. Extra revision rounds at our design rate of Rs 900/hr.
Not sure how many screens you need?
Tell us what you are building. We map the user flows on a free 30-minute call and send a screen list with a fixed price.
FAQ
Not sure how many screens you need? Put it in the form and we will scope it with you.
UX design is how a product works: the user flows, the structure of each screen, what happens at each step and how easy it is to finish a task. UI design is how it looks and feels: colour, type, spacing, components and their states. We do both on every project, because a well-styled screen with the wrong structure still fails its users.
Both work. With a clear brief we start scoping straight away. With an idea but no brief, a free 30-minute discovery call maps the user flows, screen count and key design decisions, and we write the scope document from it. We do not start designing without an agreed scope and screen list.
A single landing page takes 5 to 8 business days. A web or app design of 8 to 20 screens usually takes 2 to 4 weeks. A full product UI with a design system takes 3 to 6 weeks. The schedule is agreed with the scope, and it assumes feedback on each stage arrives within a couple of days.
Yes, this is a common arrangement. You get a Figma file with Dev Mode, exported assets and a handoff document, and we can do a 30-minute walkthrough call with your developer to explain interactions and component behaviour. We have handed designs over to external development teams many times.
Yes. We build in CodeIgniter 4, Laravel, WordPress, Shopify and React Native, depending on the product. When design and development are scoped together from the start, nothing gets lost between what was designed and what was built. This is how most of our own client projects run.
Two rounds on the Landing Page and Web / App plans, three on the Design System plan. A round means we address all the feedback from one consolidated review, not single comments spread across several days. Extra rounds are available at our design rate of Rs 900 an hour.
With an audit of what is there: what works, what is broken and where users struggle, based on your analytics and any feedback you have. Then we redesign the problem areas systematically. A good redesign brief includes access to the product, your GA4 or Hotjar data and the problems users report most.
Lightweight research is included in every project: competitor analysis, a heuristic review of the existing product and a look at your analytics and feedback. Formal user interviews and moderated usability testing are a separate add-on. For most small and medium projects, design decisions informed by analytics give better value than a full research programme.
Yes. Mobile app screens follow Material Design on Android and Apple's Human Interface Guidelines on iOS, so navigation, gestures and controls feel familiar on each. Where the app is built in React Native from one codebase, we design shared components and note the places where the two platforms should differ.
You do. The Figma source file, every frame, component and token, the prototype and the exported assets are delivered to you on completion. There are no licence fees, and you can keep extending the design system with your own team or any agency.
The map pack is ranked on three things Google names publicly, and only two of them are yours to change. Here is what that means in practice for a Jaipur business, and which of the usual local SEO advice is a waste of your time.
Most of the risk in a WooCommerce to Shopify move is not the product data. It is the URL map, the things that were plugins and now have to be rebuilt, and in India the payment gateway, which does not come across at all.
Shopify handles a lot of technical SEO for you and leaves a specific set of problems it cannot fix. Here is which pages to fight for, the duplicate URL trap every store has, and what to do about supplier product copy.
Start a design project
Share the product and who it is for. We reply within 2 hours with the questions we need answered and the next step.
Free 30-minute discovery call
We map the user flows and the screens your product needs.
Scope and fixed price
A screen list, the deliverables, the revision rounds and the timeline in writing.
Design in Figma, then handoff
Wireframes, high-fidelity screens, a prototype and specs your developers can build from.
A few lines on the product, the platforms and any deadline are enough to start.
