background jumbotron portofolio vincent
background jumbotron portofolio vincent

Pembuatan Landing Page dan CMS HCL Pump dengan Laravel 12 + React Inertia

Dipublikasi Tanggal: 13 May 2025

Project ini merupakan pembuatan website landing page HCL Pump Muliaponorogo, sebuah penyedia pompa air profesional di Ponorogo. Website ini mencakup tampilan publik untuk promosi produk, artikel, serta sistem manajemen konten (CMS) internal yang memungkinkan tim HCL mengelola produk dan artikel secara mandiri.

Link Hasil: https://hclpumpmuliaponorogo.com/

 

Tujuan Project

  • Menyediakan landing page informatif dan menarik untuk pengunjung.
  • Mengembangkan CMS untuk memudahkan manajemen konten tanpa perlu akses teknis.
  • Meningkatkan kepercayaan brand dengan tampilan profesional dan sistem yang stabil.
  • Menyediakan platform artikel untuk edukasi dan SEO.

 

Teknologi yang Digunakan

  • Backend: Laravel 12
  • Frontend: React.js dengan Inertia.js
  • Database: MySQL
  • Build Tools: Vite
  • Styling: Tailwind CSS
  • Deployment: FTP

 

Fitur yang Dikembangkan

Landing Page Publik

  • Tampilan bersih dengan hero section yang kuat
  • Section kenapa memilih HCL Pump (berisi fitur produk)
  • Preview artikel terbaru
  • CTA kuat untuk konsultasi dan kontak

 

CMS (Admin Panel)

  • Login dan autentikasi admin
  • Manajemen produk pompa air (CRUD)
  • Manajemen artikel dan upload thumbnail
  • Pengelompokan fitur produk
  • SEO-ready dengan slug dan meta field
  • Dashboard statistik ringan

 

Responsif & Optimasi

  • Fully responsive: Desktop, tablet, dan mobile
  • Optimasi performa dengan lazy loading gambar dan Vite build
  • URL rapi dan SEO-friendly
  • Page scroll dan navigasi yang halus berkat integrasi Inertia.js

 

Hasil Akhir

Website dapat diakses langsung melalui:
https://hclpumpmuliaponorogo.com/

 

Kesimpulan

Project ini menunjukkan bagaimana kombinasi Laravel + React Inertia dapat digunakan untuk membangun website yang cepat, modern, dan dapat dikelola dengan mudah. Dengan adanya CMS, klien tidak lagi bergantung pada developer untuk memperbarui produk dan artikel. Solusi ini cocok untuk bisnis lokal yang ingin naik kelas secara digital.

Another Projects_

#

Sistem Informasi RS Pelita Harapan

Developed the Pelita Harapan Hospital Information System using Java NetBeans, featuring patient management, medical records, and billing to streamline hospital operations.

See Detail