Start a project
  1. src
  2. work
  3. karighar.tsx

~/work/karighar · Mobile

Karighar Home-Services App UI/UX Redesign

Karighar book online screen
Karighar home screen
Karighar live tracking screen
ProductHome-services booking app
IndustryHome services
Year2026
PlatformiOS and Android
Delivered asUI/UX design and front-end

Overview

Karighar connects Karachi households with verified plumbers, electricians and AC technicians. The redesign turns booking a home-service pro into a calm, three-tap flow: pick a service, watch your pro arrive on a live map, and pay cash on completion.

The challenge

The app had to earn trust from people letting a stranger into their home, work for cash-first customers, and stay simple on budget Android phones, all without hiding the details people need before they confirm a job.

problem / solution

What we set out to fix

Problem

  • No way to tell a vetted pro from an unknown one before booking.
  • After booking, customers were left guessing when the pro would arrive.
  • Payment and pricing only became clear at the door.
8core screens, from booking to rating
2full themes, light and dark
1primary action per screen

Solution

  • CNIC-verified pros with ratings and job counts on every card.
  • Ride-app style live tracking from confirmation to arrival.
  • A cash-first checkout with the full breakdown before you confirm.
  • One saffron action per screen, so the next step is never in doubt.

process

How we built it

01

Research

Studied the live Karighar beta and the booking, tracking and payment patterns people already trust.

02

Flows

Mapped one path: book, track, pay and rate, with nothing in between.

03

Visual system

A sage ground, white cards, forest identity and a single saffron action colour.

04

Prototype

A clickable 390×844 prototype with complete light and dark themes.

features

What it does

feature 01

Book in three taps

  • Browse services with live pricing, from plumbing and electrical to AC repair.
  • Every pro shows CNIC verification, rating and completed jobs.
Karighar home screen
Karighar book online screen

feature 02

See them coming

  • A live map of nearby pros, ranked by distance and rating.
  • Once confirmed, track your pro's arrival in real time.
Karighar map screen
Karighar live tracking screen

feature 03

Pay, rate, done

  • A cash-first checkout with a clear breakdown before you confirm.
  • Rate the pro and the job, then find it again in your bookings.
Karighar payment screen
Karighar rate the job screen

stack.md

The tech stack, and why we used it

HTML, CSS and JavaScriptA clickable 390×844 prototype that runs in any browser, with no app build needed to test it.
Light and dark themesBoth are designed in full, so the design holds up in bright sun and at night.

users.md

Who it is for

This one is not live yet, so these are the people it was designed for.

Karachi households

Book a verified plumber, electrician or AC technician in three taps.

Cash-first customers

See the full price breakdown before confirming.

benefits.md

Benefits

  • Trust is visible before booking, with CNIC verification, ratings and job counts.
  • Live tracking replaces guessing when the pro will arrive.
  • One action per screen keeps the next step obvious on budget phones.

cost.md

Cost benefits

  • Testing the flow as a prototype finds problems before any production code is paid for.

screens · 8

Every screen

Scroll sideways through the product.

Karighar home screen
01Home
Karighar book online screen
02Book online
Karighar map screen
03Map
Karighar live tracking screen
04Live tracking
Karighar payment screen
05Payment
Karighar rate the job screen
06Rate the job
Karighar bookings screen
07Bookings
Karighar profile screen
08Profile

Typography

Aa

Urbanist + Manrope

Urbanist sets the headlines with a friendly, geometric voice; Manrope keeps prices, addresses and job details easy to read at small sizes.

colours

Forest#1F5F4B
Sage green#139A72
Saffron action#EE7118
Sage ground#E3EAE5
Ink#14201B

built with

HTMLCSSJavaScriptInteractive prototypeLight and dark themes

~/start · new project

Let's design the services people trust at home.

Tell us what you are building. We reply with next steps, usually within one business day.