Equinox Shipping Group.

Project Overview: Equinox Shipping Group Landing Page

1. The Vision

Proyek ini berfokus pada pengembangan front-end untuk perusahaan pelayaran terkemuka, Equinox Shipping Group. Tujuannya adalah membangun landing page yang memancarkan stabilitas, keandalan, dan profesionalisme global melalui antarmuka yang bersih dan modern.

2. Tech Stack & Performance

Untuk mencapai performa maksimal dan kemudahan pengembangan, saya menggunakan kombinasi teknologi modern:

• Vite: Sebagai build tool generasi berikutnya yang memastikan waktu hot-reload sangat cepat dan hasil bundling yang sangat ringan.
• Tailwind CSS: Digunakan untuk styling berbasis utilitas. Hal ini memungkinkan saya untuk membangun desain kustom tanpa menulis ribuan baris CSS tradisional, menjaga ukuran file tetap minimal.
• Responsive Engine: Memastikan setiap elemen—dari tabel spesifikasi kapal hingga galeri armada—berfungsi sempurna di perangkat mobile maupun desktop layar lebar.

3. Design Execution: From Figma to Code

Tantangan utama dalam proyek ini adalah presisi visual. Saya menerjemahkan desain dari Figma dengan perhatian tinggi pada detail:

• Color Palette: Menggunakan kombinasi Green and White. Hijau di sini melambangkan pertumbuhan dan keberlanjutan (sustainability) dalam industri maritim, dipadukan dengan putih untuk memberikan kesan ruang yang luas dan bersih.
• Typography & Hierarchy: Implementasi hierarki teks yang jelas untuk memudahkan navigasi informasi teknis pelayaran yang padat.
• Pixel-Perfect Implementation: Menjamin bahwa jarak (padding/margin), rasio aspek gambar, dan elemen navigasi persis sama dengan rancangan di Figma.

4. Key Front-End Features

• High-Speed Loading: Berkat Vite dan optimasi Tailwind, website ini memiliki skor performa yang tinggi, sangat krusial untuk aksesibilitas klien internasional.
• Modern Interaction: Implementasi transisi halus dan efek hover yang intuitif untuk meningkatkan user experience (UX).
• Clean & Semantic HTML: Struktur kode yang rapi untuk mempermudah SEO (Search Engine Optimization) agar perusahaan lebih mudah ditemukan di mesin pencari.

5. Technical Achievement

Saya berhasil mengubah desain statis yang kompleks menjadi aplikasi web front-end yang hidup, fungsional, dan sepenuhnya responsif. Proyek ini membuktikan kemampuan saya dalam mengelola workflow desain-ke-kode menggunakan alat pengembangan modern yang standar industri.