Juru Piknik

Travel Agency and Tour Guide

About :

Jurupiknik is a trusted provider of travel and tourism services operating across Indonesia, headquartered in Surabaya. Established in 2010, the company specializes in facilitating journeys to explore the breathtaking natural beauty of Indonesia.

The Challenge :

In developing Jurupiknik website, a travel agency platform, the primary challenge lay in seamlessly integrating the BA Book Everything reservation system with WhatsApp API while maintaining distinct messaging templates for various tour packages. The implementation required extensive customization of WordPress and Elementor to create an intuitive directory system for tourist destinations, alongside ensuring responsive mobile design for the tour package search feature. Additionally, optimizing the integration between BA Book Everything and Elementor builder demanded meticulous attention to maintain consistent functionality across all platform components.

Design System :

Introduction:

The Jurupiknik Design System is built with the primary goal of providing an easy and intuitive travel booking experience for users in Indonesia, whether through smartphones or laptops. This system focuses on ease of navigation, efficient search functionality, and direct communication with the owner via WhatsApp chat. This Design System is designed to ensure visual and functional consistency across Jurupiknik’s digital platforms, accelerate the development process, and strengthen a modern and approachable brand identity.

Key Design Principles:

Mobile-First:

The primary focus is the user experience on mobile devices, with responsive and user-friendly designs across various screen sizes.

Ease of Use:

Intuitive navigation and a simple booking flow to ensure users can easily find and book their desired tour packages.

Direct Communication:

Integration of WhatsApp chat to facilitate direct communication between users and the owner, providing personalized and responsive service.

Modern and Accessible:

A modern visual style and the use of easy-to-read fonts to create a pleasant and inclusive experience.

Visual Style:

Colors:

Primary Color: White (#FFFFFF)
Secondary Color: Magenta (#c82388)
Accent Color: Green (#63ab45)

Typography:

Font: Kumbh Sans (used for all text) – chosen for its modern style, good readability, and suitability to Jurupiknik’s character.

Responsiveness:

The website design is responsive and optimized for various screen sizes, ensuring a consistent user experience on desktops, tablets, and smartphones.

Key UI Components:

Tour Package Search/Directory:

A sophisticated search feature allows users to search for tour packages based on destination, dates, and number of participants.

Tour Package Cards:

Display detailed information about tour packages, including images, descriptions, prices, and facilities. (More details needed)

Booking Forms:

Concise and easy-to-fill forms for a quick booking process. (More details needed)

Call to Action Buttons:

Clear and easily accessible buttons to encourage users to take action, such as “Book Now” or “Contact Us.” (More details needed)

WhatsApp Integration:

Buttons or links that direct users straight to a WhatsApp chat with the owner.