Skip to content

Case study · Company Website

DNI Clinic: a short path from treatment to consultation

Bilingual website for a doctor-led dermatology clinic group in Bali

Client
DNI Clinic
Year
2026
Sector
Healthcare · Dermatology & Aesthetics
DNI Clinic, laptop and phone mockup

A bilingual website for DNI Clinic, a dermatology and aesthetics clinic group founded by Dr. dr. I Gusti Nyoman Darmaputra. It presents the treatment range and steers visitors toward a free consultation booked over WhatsApp.

Context

DNI Clinic describes itself as doctor-led dermatology and aesthetics, operating since 2007 with 15 branches across Bali and Bekasi. Its positioning line is Ahlinya Cantik Terjangkau, expert care at an affordable price. Services range from facial, body, injection, and hair treatments to the clinic's own BPOM-registered skincare, plus a liposuction and body sculpting program led by the founder.

The challenge

Aesthetic clinics compete on trust as much as on price, and visitors usually want to know who performs the treatment and what it will cost. DNI needed to show that procedures are done by certified doctors, that prices are transparent, and that a branch is nearby. It also had a flagship service, liposuction, that needed more space than a regular treatment card. All of this had to end in one simple action: booking a consultation.

  • Doctor credentials as the main trust signal
  • Liposuction as a flagship story
  • Branch network as a convenience point
  • WhatsApp as the booking channel
DNI Clinic, page sections shown as floating layers

Approach

How it came together.

  1. 01

    Anchored the page on one booking action

    Booking Konsultasi Gratis appears in the hero, in the liposuction feature, and in the closing section, and a floating WhatsApp button stays on screen. The header also carries a Konsultasi Sekarang button, so booking is never more than one tap away.

  2. 02

    Placed trust marks directly under the headline

    KCCS and AMAS certification, BPOM-registered products, and the branch network sit as short checkmarks below the hero buttons. Visitors see the credentials before they reach the service list.

  3. 03

    Featured liposuction above the regular treatments

    In the services grid, Liposuction & Body Sculpting takes the highlighted Unggulan card, and a full DNI Lipo section follows later with its own booking button. The other categories use compact cards with a Lihat Harga link to keep pricing close.

  4. 04

    Wrote the reasons to choose around real worries

    The six points under Kenapa DNI Clinic each answer a common concern: who treats you, how pricing works, safety, treatment philosophy, technology, and distance to a branch.

  5. 05

    Introduced the founder as the face of the clinic

    A doctors section presents the founder with full credentials and a link to the clinic profile. A serif headline with a green script accent on a purple palette keeps the tone warm while still reading as medical.

  6. 06

    Added an ID/EN switch for Bali's mixed audience

    The language toggle sits in the header on both desktop and mobile, which matters for a clinic that serves local patients as well as visitors to Bali.

DNI Clinic, mobile screens

What was delivered

  • Bilingual ID/EN clinic website
  • Services overview with pricing links
  • Liposuction feature section
  • WhatsApp consultation booking
  • Founder and doctor profile section
  • Navigation for branches, membership, and promos

What changed

  • Visitors can start a free consultation from any part of the page
  • The clinic can promote liposuction without crowding its other treatments
  • Doctor credentials and BPOM status are visible before pricing
  • English-speaking visitors in Bali can read the full site

Full page

Hover the window, or focus it with the keyboard, to scroll through the whole page. On touch screens, scroll inside it.

DNI Clinic, full page

Contact

Have a similar project in mind?

Get in touch (opens WhatsApp in new tab)