W-02Counselling websitePublic · live

A confidential, three-language site for a family counselling centre Counselling website design & development for MS Family Counselling Center

A calm website for a family counselling centre and Mahkama-e-Shariah: services explained simply, and a confidential call-back booking in English, Urdu or Tamil.

Client
MS Family Counselling Center
Role
Design + build: founder
Stack
Astro · Tailwind CSS · React · Hono · Cloudflare Workers · Cloudflare D1 · Cloudflare R2
Timeline
2026
Industry
Family counselling · Tamil Nadu, India
A confidential, three-language site for a family counselling centre — home page

Fig. 1 · Home page, as launchedW-02

01 · Context

The problem

People looking for counselling are often anxious and unsure what to ask for. The centre also runs a Mahkama-e-Shariah, so the site had to explain two very different services, in three languages, and make the first step feel safe.

02 · Method

Approach

An Astro site on Cloudflare in English, Urdu (right to left) and Tamil: a 'Start here' booking card in the hero, a three-step request that ends in a call-back, custom illustrations instead of stock photos, and encrypted storage for everything people send.

03 · Decisions

Why we built it this way.

  1. D-01

    Three languages, Urdu right to left

    Every page exists in English, Urdu and Tamil. Urdu flips the whole layout right to left and is set in Nastaliq; Tamil gets its own typeface.

  2. D-02

    Booking starts in the hero

    The home page asks three things: what you need help with, how to meet and which language. Continue opens the booking form pre-filled, already at step 2.

  3. D-03

    A call-back, not a calendar

    The request needs only a name and phone number: no payment, no account. The centre calls back to agree a time, the right counsellor and the language.

  4. D-04

    Encrypted before it is stored

    Phone numbers, messages and session notes are encrypted at rest. Only the counsellor reads their notes, every access is logged, and the site sets no tracking cookies.

  5. D-05

    Shariah matters go to scholars

    Darul Qadha, Nikah and Fatwa sit beside counselling. A second mufti verifies every fatwa before publication, and certificates carry a QR code anyone can check.

04 · Screens

Every page, as shipped.

Tap any screen to see it full size.

Fig. 2Home: pick a need, a way to meet and a language.
Fig. 3Home: four counselling services, one card each.
Fig. 4Book a call: opens at step 2, answers carried over.
Fig. 5Services: when it may help, and what it covers.
Fig. 6Services: Darul Qadha and Nikah, step by step.
Fig. 7Home in Urdu: the whole layout runs right to left.

On a phone · 390 px

Fig. 8Mobile home: the starter card under the headline.
Fig. 9Mobile booking: step 1, one tap per answer.
Fig. 10Services in Tamil, on mobile.
Fig. 11Mobile resources: check a certificate by its QR code.

Next projectW-0303 / 04

Himalaya Offset

An online print shop for a Vellore printing press

Phone orders → an online print shop.

E-commerce website · 2026

WhatsApp