How I Built It - Design + Development Storytelling

Understanding the Vision

When Nahdi Tour came to me, they needed more than just a website—they needed a digital platform that reflected the sacred nature of Hajj and Umrah travel. I started by understanding their audience: people planning their spiritual journey, often first-time pilgrims who need clear information and trustworthy guidance.

Designing the Experience

I began the design process by mapping out the user journey. What information would potential pilgrims look for first? How could I make the booking process feel welcoming rather than overwhelming? I designed the interface with calming colors—primarily blues and whites that evoke trust and tranquility. The hero section needed to immediately communicate reliability and spirituality.

For the layout, I kept things simple and intuitive. The navigation flows naturally: Homepage → Services → Packages → About → Contact. I designed service cards that clearly highlight what Nahdi Tour offers—Paket Haji & Umrah, Wisata Halal, and their value propositions like "Terpercaya sejak 2016" and "Travel Resmi & Aman." These elements weren't just decorative; they were carefully placed to build trust immediately.

Bringing the Design to Life

Once the UI design was approved, I moved into development. I set up WordPress and began translating my designs into functional pages. This wasn't just copy-pasting—I made sure every element worked smoothly. The partner logos needed to display credibly, the service cards needed to be easily scannable, and most importantly, the contact forms needed to capture every inquiry.

Testing for Real Users

Here's where the UX thinking came in. Many of Nahdi Tour's clients are middle-aged or older adults who might not be tech-savvy. I tested the website extensively on different devices—especially mobile phones. Buttons needed to be large enough to tap easily, text needed to be readable without zooming, and the navigation needed to be straightforward. I adjusted font sizes, button spacing, and form layouts based on this real-world consideration.

Empowering the Client

Finally, I trained the Nahdi Tour team on managing their WordPress site. They needed to update packages, add testimonials, and manage inquiries independently. I created a simple guide and walked them through everything, ensuring they felt confident running their digital platform.