Website Design · 2026Best Viewed on Desktop

Pintu Haramain,
From Instagram
to Sacred Gateway.

Designing a full digital home for Pintu Haramain — a licensed Umrah & Hajj travel agency from Bogor — moving them from an Instagram-only presence to a premium, trust-anchored website.

SpeculativeUI DesignBrand StrategyIndonesian

A trusted agency
with no digital proof.

Pintu Haramain is a licensed Indonesian Umrah and Hajj Khusus travel company, fully credentialed by Kemenag RI, KAN, and Siskopatuh. Their operation is real, their jemaah happy — but none of that lives anywhere a new visitor can see.

Their entire digital presence was an Instagram account. For a business asking people to trust them with their most sacred journey, this creates a confidence gap that's hard to close in DMs.

  • 🪪
    No credentialing surfaceOfficial licenses (Kemenag, KAN, Siskopatuh) had no place to live and build trust.
  • 📆
    Departure schedules buried in captionsInterested jemaah had to DM for dates, prices, and hotel information.
  • ⚖️
    No package comparisonSilver vs Gold tiers couldn't be weighed side-by-side — forcing DM conversations just to understand the offer.
  • 🗣️
    Social proof locked on IGReal jemaah testimonials existed, but only as Instagram comments no first-time visitor would see.

Five sections.
Each one earns the next.

Rather than building a generic travel website, every section was assigned a specific job in converting a curious visitor into a confident jemaah.

01
Anchor with authority

Lead with official credentials, not copy. Kemenag RI, KAN, and Siskopatuh logos appear in the hero — not buried in the footer.

02
Make scheduling frictionless

Tabbable departure dates, side-by-side Silver/Gold package comparison, and hotel details — all without a single DM.

03
Meet them in WhatsApp

Don't ask jemaah to change how they already communicate. Every primary CTA deep-links directly to WhatsApp.

04
Amplify existing brand

The gold palette was extracted from their existing print flyers — not invented. The site amplifies what already works.

05
Let jemaah speak

Real testimonials — with names, cities, and unedited verbatim quotes — counter the agency trust gap that Instagram alone can't solve.

06
Exclusive excursion as an asset

The Taif cable car experience is a differentiator most agencies don't offer. Giving it its own section makes the value proposition undeniable.

Five sections.
One coherent experience.

From the hero through to the footer, every section serves a specific job in converting a curious visitor into a confident jemaah.

01 — Hero / Landing
↑ Scroll to see full
Pintu Haramain Hero
The hero positions Kemenag RI credentials immediately beneath the headline, normalizing trust before the first scroll.
02 — Departure Systems
Click to expand
Departure schedule
Tabbable dates surface all departure options. Silver and Gold packages sit side-by-side — hotel names visible without a DM.
03 — Premium Hospitality
Click to expand
Benefits section
The Taif Kereta Gantung exclusive, gifted Zam-Zam water, and included services — all surfaced as premium differentiators.
04 — Authentic Voices
Click to expand
Testimonials
Three real jemaah — full names, cities, and unedited quotes. Editorial card format, not a scrolling carousel.
05 — Conversion Path
Click to expand
Footer and CTA
WhatsApp CTA as the primary conversion. Office address, PPIU license number, and concierge line — visible, never buried.

Every choice
has a reason.

Six specific decisions shaped the final design — each tied back to the central tension: building digital trust for a physically-run business.

Typography

A dialogue of fonts

Cormorant Garamond brings the weight of tradition and spirituality, while DM Sans ensures functional clarity for complex travel data. The serif speaks to the heart; the sans-serif to the itinerary.

Color

Gold that earns its premium

The gold (#B8913A) was pulled from Pintu Haramain's existing flyer palette. Rather than inventing a new brand, the website amplifies what already exists. Navy provides the gravitas; gold the distinction.

Structure

Interactive schedule as the core

The most important conversion event is choosing a departure date. The schedule section makes this a first-class experience — tabbable dates, side-by-side Silver/Gold comparison, hotel details all in one place.

Trust

Credentialing front and center

Kemenag RI, KAN, and Siskopatuh logos appear in the hero — not the footer. The pembimbing's name and Umm Al-Qura alumni credential is given its own visual weight. Authority isn't subtle here.

Conversion

WhatsApp as the primary CTA

The existing sales channel is WhatsApp. Rather than asking jemaah to change their behavior, the site meets them where they already are. Hero, package cards, and a dedicated section all deep-link directly.

Social Proof

Testimoni as a full section

Three real testimonials with names, origins, and verbatim quotes are displayed in an editorial card grid. This counters the largest uncertainty: can I trust this agency with my ibadah?

From an Instagram feed
to a full brand platform.

5
Sections

Fully designed sections with a single visual language, from hero to footer.

3
Schedules

Live departure dates in a scannable, tab-based layout — no DMs to find them.

2
Tiers

Silver and Gold packages compared side-by-side with full hotel details.

0
Friction

Extra steps to reach WhatsApp — the CTA is always exactly one tap away.

"
The challenge was to make Pintu Haramain feel trusted and professional — without losing the warmth of a family-run agency guiding people through the holiest journey of their lives.
— Designer's Note

Next Steps

Let's work
together.

This was a speculative concept project. Pintu Haramain currently operates on Instagram. If you're a brand that needs a digital presence built with this level of care, I'd love to connect.