View
Dalbir Rana

Mobitino

Overview

Payments, people and places — in one confident app.

Mobitino is a mobile app that fuses UPI payments with hyperlocal discovery. In one place, people pay and request money, find nearby stores and people, follow a community buzz feed, and chat — with payment woven right into the conversation. I designed the end-to-end mobile experience, from first-run onboarding to the pay flow, discovery, and profile.

Challenge

The hard part

Bundling payments, discovery, chat and a community feed into one app risks a bloated, confusing product. The challenge was to keep payments fast, secure and trustworthy — the reason people open the app — while making local discovery and social feel effortless rather than distracting. Onboarding also had to earn trust quickly before asking for money and location access.

Mobitino splash screen
Mobitino onboarding — invite your friends
Mobitino onboarding — chat to friends nearby
Mobitino onboarding — enable location access
Mobitino login and sign-up
Mobitino create account form
Mobitino set your location

Research & Insights

What the research told me

User interviewsCompetitor teardownsTask analysisFlow prototypingUsability testing
Pay firstThe core jobPeople open a payments app to send money fast. Everything else has to stay out of that path.

TrustBefore adoptionUsers needed to feel their money and data were safe before granting payment and location access.

LocalThe hookNearby stores and people were what made the app worth keeping between payments.

Process

How I worked

01

Map the jobs

I separated the core jobs — pay, discover, connect — so the app could hold all three without confusion.

02

Anchor on payments

I made the Ask / Pay action the heart of the home screen, reachable in a single tap.

03

Layer discovery & social

I wove nearby stores, people and a community buzz feed around payments without crowding them.

04

Prototype & test

I prototyped the pay and onboarding flows and tested until each felt fast and reassuring.

Mobitino Coinrr Pay home — Ask and Pay
Mobitino pay options — Mobitino ID, UPI, mobile, email
Mobitino pay — enter ID or scan QR
Mobitino select SIM for payment
Mobitino enter passcode
Mobitino pay screen — enter amount and remarks
Mobitino payment successful screen
Mobitino transactions history
Mobitino search, scan, buy and pay bills

Final UI

The shipped design

Mobitino ships as one app for money, people and places. Payments sit one tap away, a hyperlocal feed surfaces nearby stores and people, and chat carries payment inside the conversation — so sending money feels as natural as sending a message.

  • A one-tap Ask / Pay action at the heart of the app, with UPI and QR
  • A hyperlocal explore feed for nearby stores, people and community buzz
  • Chat with payment built directly into the conversation
  • A clean profile with QR, linked accounts and transaction history
Mobitino explore home feed — stores, people and buzz
Mobitino select store option
Mobitino nearby stores listing
Mobitino stores list view
Mobitino stores by category
Mobitino store detail with map and offers
Mobitino store offerings grid
Mobitino offering detail
Mobitino nearby people

Results

The impact

3-in-1
Pay, discover, connect
Three jobs unified into one coherent, uncluttered app.
1 tap
To pay
The core Ask / Pay action sits at the heart of the home screen.
40+
Screens designed
A full mobile system from onboarding to payments and profile.
The win was restraint. By anchoring everything on a single, one-tap payment action, discovery and chat could sit alongside it without ever getting in the way of sending money.

Pickl.AI

Overview

Bridging the gap between learning data science and doing it.

Pickl.AI is the educational vertical of TransOrg Analytics, built to close the distance between theory and applied data science. The platform spans a large course catalogue, a flagship Job Guarantee Program, live events, city-specific landing pages, and verifiable certificates — all of which had to feel like one coherent, trustworthy product on both web and mobile.

Challenge

The hard part

A learner’s decision to invest in a course is high-stakes and research-heavy. The platform had to earn trust fast — clear curricula, transparent pricing, outcomes and alumni proof — while covering a sprawling scope of pages (courses, program, events, careers, certificates) without ever feeling generic. Every template also had to work as hard on a phone as on desktop, since most learners browse on mobile first.

Pickl.AI homepage — data science programs and hiring partners
Pickl.AI course listing with filters
Pickl.AI course detail — curriculum and enrolment

Research & Insights

What the research told me

Learner interviewsCompetitor teardownsFunnel analyticsInformation architectureDesign system
Mobile-firstHow learners browseMost prospective students discovered and researched courses on their phone, so every template was designed mobile-first.

ProofDrives enrolmentOutcomes, hiring partners and alumni stories mattered more than marketing copy in the decision to enrol.

30+Page templatesA large, varied catalogue needed one system so every page felt like the same trustworthy brand.

Process

How I worked

01

Map the scope

I built the information architecture across courses, program, events, careers and certificates so nothing felt bolted on.

02

Design mobile-first

I designed each template on mobile first, then scaled it up to desktop, since most learners start on a phone.

03

Build for trust

I foregrounded curricula, pricing, outcomes and alumni proof so learners could decide with confidence.

04

Systemise it

I created a design system so a large, growing catalogue stays consistent across every page and platform.

Pickl.AI Job Guarantee Program landing page
Pickl.AI city landing page — data science course
Pickl.AI events listing

Wireframes & Iterations

The system behind it

Before design, I built a shared visual language — the Pickl.AI colour palette, Mulish type scale, and a component library — so a large, fast-growing catalogue would stay consistent across every page and both platforms.

Pickl.AI design system — colour palette, Mulish typography and components

Final UI

The shipped design

The shipped platform makes learning data science feel credible and effortless — clear course pages, a persuasive Job Guarantee Program, verifiable certificates, and a mobile experience that carries the full journey in one hand.

  • Course listing and detail pages built around curriculum, outcomes and transparent pricing
  • A flagship Job Guarantee Program page designed to convert serious learners
  • Verifiable certificates and a public verification page for employers
  • One responsive system spanning web and a mobile-first experience
Pickl.AI verify certificate page
Pickl.AI alumni success stories
Pickl.AI contact page
Pickl.AI course detail page

And the same experience, mobile-first — every key journey rebuilt for the phone.

Pickl.AI mobile homepage
Pickl.AI mobile course listing
Pickl.AI mobile course detail
Pickl.AI mobile Job Guarantee Program
Pickl.AI mobile about page
Pickl.AI mobile events listing
Pickl.AI mobile city landing page
Pickl.AI mobile alumni success stories
Pickl.AI mobile become an instructor page
Pickl.AI mobile careers page

Results

The impact

Web + app
One system
A single responsive design language across every template.
30+
Page templates
Courses, program, events, careers and certificates — all consistent.
Mobile-first
Built for learners
Designed for the phone where most students actually browse.
Consistency was the real product. A shared, mobile-first system let a sprawling catalogue grow without ever losing the trust that makes someone enrol.

Artcab

Overview

Great films start with the right people, not a job board.

Artcab is a film pre-production networking app that connects directors, writers, actors and crew. Early concepts borrowed generic social patterns — open feeds and follower counts — which hid what film-makers really need: a fast, trustworthy read on someone’s role, taste and past work. I reframed the product around structured profiles, role-based discovery and a private, invite-only circle.

Challenge

The hard part

Creative networking is a trust problem, not a volume problem. Film-makers don’t want a bigger feed — they want the right few people, quickly, with enough context to judge fit. The challenge was to design discovery that respects roles and craft, and a project brief flow structured enough to be useful yet light enough that no one abandons it halfway.

Artcab onboarding screen — Network, Ideate, Create
Artcab login screen
Artcab sign-up screen

Research & Insights

What the research told me

Film-maker interviewsRole modellingFlow prototypingUsability testingCompetitive teardown
3 rolesMost crew wearPeople rarely fit one label — a director who also writes. Profiles had to hold up to three roles cleanly.

TrustBeat reachA vouched-for private circle mattered far more than a big public follower count.

ContextBefore the messagePeople wanted role, taste and past work up front — enough to judge fit before reaching out.

Process

How I worked

01

Learn the workflow

I interviewed film-makers to understand how crews really form — who they trust, and what they need to know before saying yes.

02

Model roles & profiles

I designed a profile that carries up to three roles, taste and past work, so fit reads at a glance.

03

Build the private circle

I structured discovery by role and a private circle, so networking feels curated and trusted, not public and noisy.

04

Brief a project

I shaped a short, guided brief — type, stage, budget — that captures the essentials without becoming a chore.

Artcab onboarding — upload a profile picture
Artcab onboarding — select up to three roles
Artcab onboarding — choose your cinema taste
Artcab onboarding — pick your genres
Artcab onboarding — add links to your best work

Final UI

The shipped design

The final app treats networking as a considered act. Guided onboarding builds a real profile, role-based discovery and a private circle keep it trusted, and a short, structured brief turns a connection into an actual project.

  • Guided onboarding — photo, up to three roles, cinema taste and genres
  • Role-based discovery with rich, scannable profiles and filters
  • A private circle that keeps networking curated and trusted
  • A short project brief — type, stage and budget — plus built-in chat
Artcab connect home — private circle, categories and featured artists
Artcab featured artists
Artcab featured profile with work and about
Artcab browse by category
Artcab directors directory with filter
Artcab profile detail sheet
Artcab private circle — directors, actors and writers
Artcab private circle profile detail
Artcab projects dashboard
Artcab add a new project
Artcab project brief — type of project
Artcab project brief — production stage
Artcab project brief — budget range
Artcab my profile — portfolio, genre and taste
Artcab chat — personal and group conversations

Results

The impact

Faster to connect
Role-based profiles cut the time to find and vet the right person.
+58%
Profiles completed
Guided, step-by-step onboarding lifted profile completion.
More briefs started
A short, structured flow turned more connections into projects.
Structure was the feature. Giving film-makers roles, a private circle and a guided brief did far more than any open feed ever could — trust and clarity are what actually move a project forward.

Uncarbon

Overview

Clear enough to sell a buyer in ninety seconds, deep enough to hold an analyst for ninety minutes.

Uncarbon is an AI-powered ESG and carbon accounting platform that helps enterprises measure, reduce, and report emissions. The raw material is messy — inconsistent data scattered across a dozen systems — and the earlier tooling simply dumped it on screen as tables. I designed the brand and the product as one, so the story stays intact from the first pitch to the daily dashboard.

Task

What I owned

I designed Uncarbon end to end, from a blank canvas. That meant creating the logo and brand identity, running stakeholder collaboration and requirements gathering to define what the platform had to do, and then shaping every core flow — data collection, analysis, reporting, and admin. Throughout, I worked in close coordination with developers to keep the build faithful to the design and shippable at scale.

Challenge

The hard part

ESG data is huge, contested, and rarely tidy. I had to make it feel trustworthy and act-on-able without flattening it — and serve two very different people, a curious executive and a rigorous analyst, inside one interface instead of building two products that drift apart.

Uncarbon sign-in — ESG reporting software
Uncarbon dashboard — emissions overview

Research & Insights

What the research told me

Stakeholder interviewsData modellingJobs-to-be-doneDashboard testingDesign-system audit
12+Sources per clientThe problem was never volume — it was that nothing reconciled into a single story.

Two readersOne screenExecutives wanted the headline; analysts wanted the working. The layout had to hold both at once.

−40%Less clutterCutting decorative and duplicate charts made the data that stayed noticeably easier to read.

Process

How I worked

01

Separate the jobs

I interviewed executives, analysts, and auditors to untangle what each actually needed from the same numbers.

02

Model the mess

I mapped how a dozen fragmented sources could reconcile into one trustworthy view before designing anything.

03

Build brand + product

I designed them together — a calm palette, a disciplined chart set, and dashboards that layer detail.

04

Cut what didn’t earn it

I tested with real analysts and removed every chart that didn’t lead to a decision.

Uncarbon add data — log emissions activity
Uncarbon Doc AI — extract activity from invoices
Uncarbon manage facilities

Wireframes & Iterations

From rough to right

Before any pixels, I mapped the platform with the team — flows, screens, and data structures for onboarding clients, adding data, and managing facilities and users. These early wireframes aligned stakeholders and developers on scope before design began.

Uncarbon wireframe — superadmin client management flow
Uncarbon wireframe — onboard client
Uncarbon wireframe — onboard client fields
Uncarbon wireframe — operations add and view data
Uncarbon wireframe — operations module spec
Uncarbon wireframe — manage facility screen

Final UI

The shipped design

The shipped product organises all that data around decisions, not tables. A calm dashboard leads with the headline, progressive disclosure holds the analyst-grade depth, and one visual language — built on a documented design system — runs unbroken from the marketing site into the app.

  • A disciplined chart set that reads at a glance and survives close inspection
  • Progressive disclosure — headline first, the full working on demand
  • Reconciled views that turn a dozen sources into one narrative
  • A design system and brand that never visibly seam apart
Uncarbon data analysis — emissions by scope and facility
Uncarbon report generation — framework-aligned reports
Uncarbon design system — colour, type and components

Results

The impact

Faster reports
Teams pulled board-ready ESG reports in a third of the time.
−40%
Chart clutter
Fewer, sharper visuals lifted comprehension in testing.
8 wks
To first pilot
The clearer product shortened the path from demo to signed pilot.
The whole thing turned on restraint. Every chart I deleted made the survivors mean more — and made the platform feel like a tool for deciding, not a place to dump data.

Healthcare knowledge base

Overview

The answer already exists — in a closed ticket nobody can find.

This is an AI-powered knowledge base for a healthcare software support team handling thousands of tickets across a dozen medical products. Every resolved ticket held a real answer, but it stayed locked in a closed case. I designed a platform that turns those tickets into structured, searchable articles — with AI drafting the first version and support experts reviewing before anything publishes.

Challenge

The hard part

A knowledge base lives or dies on trust. In healthcare support, a stale or wrong answer isn’t just annoying — it can misguide a clinic. AI could draft articles fast, but nothing could publish unchecked. The challenge was a system fast enough to keep up with ticket volume, yet safe enough that a human expert signs off on every article, with duplicates caught before they multiply.

Healthcare knowledge base — secure sign-in
Knowledge base dashboard — article health and review pipeline

Research & Insights

What the research told me

Support-team interviewsTicket analysisWorkflow mappingContent auditUsability testing
RepeatSame ticketsAgents kept solving problems that had already been solved — the answers were just trapped in closed cases.

TrustBefore speedIn healthcare, no one would use a knowledge base unless an expert had verified the answer first.

DupesThe real riskSimilar tickets could spawn conflicting articles, so duplicate detection had to happen before publishing.

Process

How I worked

01

Learn the support workflow

I interviewed agents and mapped how tickets get resolved to see where knowledge was being lost.

02

Design the AI-to-human flow

I shaped how AI drafts an article from a ticket and hands it to an expert for review.

03

Build in trust signals

Confidence scores, similarity checks, and validation states let reviewers approve with confidence.

04

Make it findable

A clean knowledge base with search, categories, and an AI assistant so answers surface fast.

Intelligent ticket processing — upload and auto-generate articles
Article editor — AI draft with validation and suggestions
Article review — confidence, source tickets and similar articles

Wireframes & Iterations

From rough to right

I iterated on the review and editor layouts — how to show AI confidence, similar-article matches, and validation checks without burying the article itself. Small, well-placed trust signals let a reviewer approve or reject in seconds. The design system kept every screen consistent across the platform.

Knowledge base design system — colour, typography and core components

Final UI

The shipped design

The platform ships as an AI-powered knowledge base with a human in the loop. AI drafts articles from resolved tickets, experts review with full context, and a clean, searchable library — plus an AI assistant — makes answers easy to find across every medical product.

  • A searchable, filterable knowledge base across all products
  • An AI assistant for natural-language answers
  • Analytics on usage, search behaviour and reuse impact
  • Admin controls for AI thresholds, categories, users and access
Knowledge base — searchable published articles
Published article view with source tickets and feedback
AI assistant — natural-language answers from the knowledge base
Analytics and insights — views, searches and reuse trends
Admin panel — AI processing controls and category management
User management — roles and access across the platform

Results

The impact

1,102
Articles published
Resolved tickets turned into trusted, searchable knowledge.
71%
Self-serve resolution
More answers found without opening a new ticket.
182h
Saved for authors
AI drafting plus reuse cut repetitive writing across the team.
The AI did the heavy lifting, but the human review is what earned trust. Once experts controlled what published, the team leaned on the knowledge base instead of re-solving the same tickets.

AI Voice Agent

Overview

Never miss a patient call — even when the front desk is full.

PA is a healthcare AI voice-agent platform. It answers inbound patient calls, handles booking, rescheduling and cancellations, and writes the outcome directly into the practice’s EHR — so front-desk staff can focus on in-person care. I designed the operations product: the dashboards, monitoring, and configuration that let a CGM operations team run the agent across dozens of clinics with confidence.

Challenge

The hard part

Handing patient calls to an AI is a trust problem, especially in healthcare. Operations teams need confidence that the agent captures intent correctly, books the right slot, and escalates when it should. The design challenge was making an invisible, autonomous AI conversation fully observable — every intent, booking, handoff and EHR write legible, auditable, and controllable from one dashboard.

AI voice agent platform — secure sign-in
Operations dashboard — call volume, bookings and AI adoption

Research & Insights

What the research told me

Operations interviewsCall-flow mappingService blueprintingUsability testingCompliance review
IntentAI-classifiedThe agent detects why a patient is calling — book, reschedule, cancel — and routes each call automatically.

HandoffSmart escalationWhen intent is unclear or a caller is upset, the AI hands off to a human — those moments had to be impossible to miss.

EHRAuto-syncValue only lands when a booking writes straight into the practice’s EHR, so the AI-to-EHR flow had to be foolproof.

Process

How I worked

01

Learn the operations job

I interviewed CGM operations teams to understand how they’d supervise an AI taking real patient calls.

02

Map the AI call lifecycle

I blueprinted every automated step — answer, intent detection, booking, escalation, EHR write — to define what teams must see.

03

Design for observability

I surfaced real-time monitoring, per-call AI transcripts, and an audit trail so no agent action is ever a black box.

04

Make onboarding safe

I designed a guided practice registration and configuration flow so each clinic goes live without misfires.

Process monitoring — real-time call sessions and outcomes
AI voice usage — per-call consumption across sites and providers
Practice registration — sync a practice from EHR configuration
Practice registration — information, schedule resources and routing

Wireframes & Iterations

From rough to right

I iterated on the monitoring and configuration layouts — how to surface live call outcomes, handoffs, and usage without overwhelming an operations lead, and how to make practice onboarding safe on the first try. A dedicated design system kept every screen consistent across a large, data-heavy platform.

AI voice agent design system — colour, typography and components

Final UI

The shipped design

The platform pairs an autonomous AI voice agent with the operational controls to trust it. The agent answers calls, understands intent, books and syncs to the EHR on its own; the workspace makes all of that automation visible — guided onboarding, real-time monitoring, usage analytics, and a full audit trail in one consistent, data-dense product.

  • An AI voice agent that answers, understands intent, and books 24/7
  • Automatic EHR sync so every booking lands in the practice system
  • Real-time monitoring with AI handoff and escalation alerts
  • Guided practice onboarding, role-based access, and a complete audit trail
Practice configuration — activation, voice and routing setup
Registration successful — practice live with its Patient Assist number
User management — roles and access across the platform
Audit trail — chronological log of user activity and system events

Key Features & Value

Built to launch

Currently in final pre-launch, going live in the coming weeks. The platform is designed around AI-driven automation that removes the front-desk phone bottleneck — here’s what it does and the value it’s built to deliver.

24/7AI call answeringAn AI voice agent picks up every patient call day or night, so no appointment request goes to voicemail.

AutoBooking & EHR syncThe agent books, reschedules and cancels, then writes the outcome straight into the practice’s EHR.

LiveMonitoring & handoffOperations teams watch every call in real time and get instant alerts when the AI escalates to a human.

01

Free the front desk

Automating routine appointment calls lets staff focus on in-person patient care instead of the phone.

02

Capture every opportunity

Answering after hours and at peak times is built to reduce missed calls and lost bookings.

03

Scale with confidence

Guided onboarding, observability and audit trails let one team run the agent across many clinics safely.