Logo Resmi Fadhil
Fadhil NuruzzamanSoftware Engineer
Logo Resmi Fadhil
Company ProfileMutiara Aqiqah Kendari2022

Mutiara Aqiqah Kendari: Website Company Profile

Mutiara Aqiqah Kendari menawarkan rangkaian lengkap layanan aqiqah, tapi dulu daftar layanan dan harganya cuma bisa diketahui lewat telepon atau kunjungan langsung. Proyek ini membangun company profile di Blogger dengan tema custom-coded, memberi calon pelanggan cara untuk membandingkan paket dan langsung memesan lewat WhatsApp.

Preview

Jelajahi Situsnya

Tampilan situs jadi yang bisa di-scroll, persis seperti yang dilihat pengunjung.

Preview desktop Mutiara Aqiqah Kendari: Website Company Profile

Desktop

Preview mobile Mutiara Aqiqah Kendari: Website Company Profile

Mobile

Tech Stack

Teknologi Penggerak Proyek

Tools dan teknologi yang digunakan untuk mewujudkan proyek ini.

Logo HTML
Logo CSS
Logo JavaScript
Logo Tailwind CSS
Logo Blogger
Logo Google Analytics
Logo VSCode
Logo NPM
Logo Claude
Logo Figma

Peran

Rincian per Skill

Tiap proyek memanfaatkan kombinasi berbagai disiplin, begini gambarannya di proyek ini.

Web Development

  • Membeli domain dan mengonfigurasi DNS agar mengarah ke Blogger.
  • Membuat tema Blogger custom secara manual dari nol dalam XML.
  • Membangun halaman detail paket dengan pilihan porsi dan spesifikasi lengkap.
  • Mengimplementasikan link order WhatsApp dinamis yang sudah terisi otomatis, di-generate dari detail tiap paket.
  • Mengintegrasikan peta lokasi dan link kontak langsung.
  • Mengoptimasi kecepatan halaman dan delivery gambar untuk pengunjung mobile.

Web Design

  • Merancang UI/UX secara penuh di Figma sebelum di-slicing ke tema Blogger.
  • Merancang layout layanan dan harga yang transparan dan mudah dipindai.
  • Merancang alur detail paket: pilihan porsi, spesifikasi, dan tampilan harga.
  • Memungkinkan pengunjung membandingkan paket tanpa perlu menghubungi sales dulu.
  • Menjaga desain tetap hangat dan ramah untuk layanan yang berorientasi keluarga.

Graphic Design

  • Merancang logo, palet warna, dan sistem tipografi dari nol.
  • Menyiapkan dan mengedit fotografi layanan untuk situs.
  • Merancang ikon sederhana untuk menonjolkan keunggulan layanan.
  • Menjaga gaya visual yang konsisten di seluruh bagian layanan.
  • Membuat favicon situs.
  • Mengompres setiap gambar ke WebP dan di bawah 200KB sebelum diunggah, tanpa penurunan kualitas yang terlihat.

Digital Marketing

  • Menulis deskripsi layanan yang jelas untuk mengurangi tanya-jawab bolak-balik sebelum kontak.
  • Menulis postingan blog yang mendokumentasikan pesanan yang sudah selesai sebelumnya.
  • Mengoptimasi konten di sekitar keyword lokal: "aqiqah kendari," "jasa aqiqah kendari," dan "katering aqiqah kendari".
  • Menyiapkan Google Search Console dan Google Analytics untuk memantau traffic.
  • Menyiapkan dan melengkapi listing Google My Business untuk visibilitas pencarian lokal.

Sorotan

Di Balik Layar

Tinjauan lebih dekat soal apa yang ditawarkan produk jadinya, hambatan di sepanjang jalan, dan hasil akhirnya.

Fitur Utama

  • Desain full responsive di perangkat desktop dan mobile.
  • Gambar dioptimasi untuk loading cepat.
  • Integrasi Google Analytics dan Search Console.
  • Company profile yang merinci bisnisnya.
  • Daftar layanan aqiqah lengkap dengan harga per paket.
  • Halaman detail paket dengan opsi porsi dan spesifikasi lengkap.
  • Pesan order WhatsApp yang sudah terisi otomatis dari paket yang dipilih.
  • Tombol WhatsApp mengambang.
  • Blog yang mendokumentasikan pesanan yang sudah selesai sebelumnya.
  • Galeri foto.
  • Informasi alamat dan peta lokasi yang di-embed.
  • Listing Google My Business untuk kehadiran pencarian lokal.
  • Keunggulan yang disorot dibanding penyedia layanan lain.

Tantangan yang Dihadapi

Membangun Tema Blogger Custom Dari Nol

Blogger tidak mendukung component library seperti framework web pada umumnya, jadi seluruh tema dibuat manual dalam XML menggunakan tag templating Blogger untuk mendapatkan kontrol desain penuh.

Membangun Alur Order WhatsApp yang Terisi Otomatis

Tiap paket harus menghasilkan link WhatsApp yang sudah terisi dengan detail produk dan porsi yang dipilih, dibangun dengan JavaScript untuk menyusun pesan secara dinamis.

Pelajaran yang Didapat

  • Belajar membuat tema Blogger custom secara manual dalam XML, workflow yang sangat berbeda dari framework berbasis komponen pada umumnya.
  • Berlatih menulis deskripsi layanan yang mengurangi tanya-jawab bolak-balik sebelum penjualan.

Dampak

Masalah yang Terselesaikan Setelah Rilis

Bagaimana proyek ini mengubah keadaan bagi bisnis dan penggunanya setelah rilis.

Nol biaya hosting

Gambar di bawah 200KB

Info layanan yang transparan

Pesan order yang sudah terisi otomatis

3 keyword lokal yang ditargetkan

Spesifikasi paket yang jelas

Perbaikan Kritis

Nol Biaya Hosting Lewat Blogger

Sebelum

Website WordPress atau hosting custom biasa berarti biaya hosting berkelanjutan untuk bisnis lokal kecil.

Sesudah

Membangun di Blogger dengan tema custom-coded menghadirkan desain custom penuh dengan nol biaya hosting.

Performa

Halaman Lambat Akibat Gambar yang Tidak Dioptimasi

Sebelum

Gambar beresolusi tinggi di seluruh situs, bukan cuma satu bagian, berisiko memperlambat setiap halaman.

Sesudah

Setiap gambar di seluruh situs dikompres ke WebP dan dijaga di bawah 200KB, menjaga halaman tetap cepat tanpa penurunan kualitas yang terlihat.

Peningkatan

Transparansi Layanan & Harga untuk Calon Pelanggan

Sebelum

Calon pelanggan harus menelepon atau berkunjung langsung cuma untuk mengetahui detail layanan dan harga.

Sesudah

Semua layanan dan kisaran harga sekarang bisa dilihat langsung di website sebelum menghubungi.

Peningkatan

Pemesanan WhatsApp yang Disederhanakan

Sebelum

Pelanggan harus mengetik detail pesanan secara manual saat chat di WhatsApp, dan staf harus bertanya untuk klarifikasi.

Sesudah

Tiap paket menghasilkan pesan WhatsApp yang sudah terisi dengan produk dan porsi yang tepat, mengurangi tanya-jawab bolak-balik untuk pelanggan maupun staf.

Peningkatan

Kehadiran Pencarian Lokal yang Baru

Sebelum

Bisnis ini tidak punya kehadiran di hasil pencarian lokal atau Maps milik Google, dan tanpa SEO khusus untuk pencarian terkait aqiqah.

Sesudah

Listing Google My Business plus SEO yang menargetkan keyword seperti "aqiqah kendari," "jasa aqiqah kendari," dan "katering aqiqah kendari" memberi bisnis ini visibilitas untuk pencarian lokal.

Peningkatan

Lebih Sedikit Pesanan yang Tidak Sesuai

Sebelum

Tanpa spesifikasi paket yang jelas, pelanggan bisa memesan ukuran porsi yang salah atau melewatkan apa yang termasuk di dalamnya.

Sesudah

Tiap halaman paket mencantumkan spesifikasi lengkap dan opsi porsi sejak awal, mengurangi pesanan yang tidak sesuai.