Kembali ke karya/Pengembangan Web/2025

RIHLAH

A trust-first website for a modern Umrah & Hajj travel agency.

Klien
Concept Project
Peran
Product Designer, UI Designer & Frontend Developer
Durasi
1 Week
Tahun
2025
Disiplin
Pengembangan Web
RIHLAH

(01) Ringkasan

RIHLAH is a conversion-focused website designed for an Umrah & Hajj travel agency. Instead of relying on promotional messaging, the experience focuses on building trust through clear information, structured storytelling, and thoughtful UX. Every section is designed to answer users' concerns before encouraging them to make contact.


(02) Tantangan

Apa yang kami hadapi.

Most travel websites emphasize pricing before establishing credibility. For pilgrimage services, however, users care more about trust, guidance, and transparency than discounts. The challenge was to design a website that reduces uncertainty while remaining simple and accessible for a broad audience.


(03) Pendekatan

Bagaimana kami bergerak.

I designed the landing page as a guided narrative rather than a traditional company profile. Trust indicators, company commitments, process explanations, testimonials, and educational content were intentionally arranged before introducing travel packages, creating a more reassuring user journey.


(04) Solusi

Yang dirilis.

The final solution combines a clean visual system, editorial-inspired photography, responsive layouts, reusable React components, and conversion-focused content. WhatsApp consultation serves as the primary call-to-action, reflecting how customers naturally begin conversations before making travel decisions.


(05) Designing for Trust

Trust became the primary design objective from the beginning. Instead of immediately presenting travel packages, the website gradually introduces credibility through legal information, company commitments, customer stories, and a clear explanation of the pilgrimage journey. This approach helps visitors feel informed before making decisions.

Designing for Trust

(06) Guided User Journey

The landing page follows a deliberate information hierarchy: Hero, Trust Indicators, Promise, Social Proof, Journey, Packages, Testimonials, FAQ, and Final CTA. Each section answers a specific user question before introducing the next layer of information, creating a smoother decision-making process.

Guided User Journey

(07) Visual Language

The interface uses generous whitespace, warm neutral colors, documentary-style photography, and restrained typography to create a calm and premium browsing experience. Rather than decorative visuals, every image supports the narrative and reinforces credibility.


(08) Scalable Frontend Architecture

Built with reusable React components and a modular Next.js architecture, the project is easy to maintain and extend. Each section is independently structured, making future updates and content improvements more efficient without affecting the overall experience.


(09) Dibangun Dengan

Teknologi di baliknya.

  • Next.js
  • React
  • CSS Modules
  • Responsive Design
  • Component Architecture
  • SEO Optimization

(10) Hasil

Dampaknya di dunia nyata.

The project demonstrates how thoughtful UX strategy can create a stronger sense of credibility without relying on aggressive marketing. The final experience communicates professionalism, clarity, and trust while providing a scalable foundation for future content and marketing campaigns.

11
Landing Sections
20+
Reusable Components
100%
Responsive Layout
1
Conversion Journey
Let's Build

Punya ide yang siap diwujudkan?

Punya brief yang masih berantakan atau website yang belum selesai? Saya bantu merapikannya, menyusun alurnya, lalu membangunnya hingga siap tayang.

Product designer dan web builder yang membantu founder, bisnis kecil, dan tim membangun produk digital yang jelas, mudah digunakan, dan siap diluncurkan.

nalara.art56@gmail.com
© 2026 ZRY. Dirancang & dibangun mandiri.
Semua karyaLayananTentangMulai Proyek