MENU
Home. About. Works. Services. Contact. Gallery. 3D Models.
Equinox Bahari Utama Cruise Website

Equinox Bahari Utama Cruise Website.

Creating a landing page for Equinox Bahari Utama Cruise using a native stack (PHP, HTML, CSS, JS) combined with Alpine.js is a solid choice for a high...

Category

Web Development

Role

Developer

Year

2025

Client

Equinox Bahari Utama Cruise Division

The Story

Project Overview: Equinox Bahari Utama Cruise Landing Page


1. Konsep Desain (The Vision)

Proyek ini bertujuan untuk menciptakan representasi digital yang mencerminkan kemewahan dan keandalan industri maritim. Dengan palet warna Navy Blue, White, dan Gold, desain ini memberikan kesan sophisticated (canggih) dan eksklusif.

  • Navy Blue: Melambangkan kedalaman samudra dan profesionalisme.
  • Gold Accents: Memberikan sentuhan luxury pada elemen-elemen penting seperti CTA (Call to Action) dan ikon.
  • Minimalist White: Menjaga kebersihan visual agar konten tetap mudah dibaca dan fokus pada estetika foto kapal pesiar.


2. Tech Stack & Arsitektur

Website ini dibangun dengan pendekatan "Modern Native", menggabungkan performa tinggi bahasa pemrograman dasar dengan efisiensi library modern:

  • Core Engine: * Native PHP: Digunakan untuk pengelolaan logika sisi server yang ringan dan efisien, termasuk manajemen templating (header/footer modular).
  • HTML5 & CSS3: Struktur semantik untuk SEO yang optimal dan styling kustom tanpa beban framework CSS yang berat.
  • Interaktivitas: * Alpine.js: Dipilih sebagai alternatif ringan dari Vue atau React. Digunakan untuk menangani interaksi state-driven seperti toggle menu mobile, dropdown, dan animasi halus saat scroll tanpa mengorbankan kecepatan loading.
  • Vanilla JavaScript: Digunakan untuk manipulasi DOM dasar dan integrasi pihak ketiga jika diperlukan.


3. Fitur Utama (Key Features)

  • High-Performance Landing Page: Optimasi kode native memastikan kecepatan akses yang instan, sangat krusial untuk menjaga retensi pengunjung kelas atas.
  • Responsive Luxury Design: Antarmuka yang beradaptasi sempurna di berbagai perangkat, dari desktop hingga smartphone, dengan transisi elemen yang mulus.
  • Interactive UI with Alpine.js: Navigasi yang responsif dan elemen interaktif yang memberikan pengalaman pengguna (UX) yang dinamis namun tetap elegan.
  • Modular Codebase: Struktur kode PHP yang rapi memudahkan skalabilitas proyek di masa depan jika ingin ditambahkan sistem pemesanan (booking system) yang lebih kompleks.


4. Goals & Outcomes

Proyek ini berhasil mentransformasi identitas visual Equinox Bahari Utama Cruise ke dalam bentuk digital. Hasil akhirnya bukan sekadar brosur online, melainkan alat pemasaran digital yang mampu membangun kepercayaan (trust) dan mengonversi pengunjung menjadi klien potensial melalui desain yang kredibel dan performa web yang solid.

Key Deliverables

  • Art Direction
  • UI/UX Strategy
  • Technical Architecture
  • Motion Design

"Crafting digital excellence through obsessive attention to detail."

RA
Reva Adhitya

The Gallery

Visual Insights.