Logo Muhammad Luthfi
Muhammad Luthfi AgustianSystem Analyst & Software Engineer
E-Commerce & Digital#07 of 9

Fatijja Quran

Redesign homepage dan sistem manajemen artikel Fatijja Quran untuk memperkuat citra percetakan custom Quran dan konversi pesanan.

Klien / ProyekFatijja Quran
Tahun Pengerjaan2026
Peran / LayananWordPress Designer & Developer
Status RilisProduction
Teknologi & Tools:WordPressPHPCustom CSSSEO OptimizationGoogle Analytics 4
Fatijja Quran

Ringkasan Eksekutif & Ruang Lingkup

Perancangan ulang website pemasaran dan publikasi konten untuk Fatijja Quran, brand penerbitan dan cetak Al-Qur'an kustom. Website dirancang untuk menampilkan legalitas penerbit, ragam spesifikasi sampul, katalog varian ukuran, dan modul artikel edukasi untuk meningkatkan visibilitas mesin pencari (SEO) serta mendatangkan calon pelanggan institusi dan korporat.

01 / The Challenge

Tampilan Website Lama Belum Menggambarkan Kualitas Premium

Sebagai percetakan Al-Qur'an kustom dengan segmen korporat, yayasan, dan mahar pernikahan, tampilan website lama dinilai belum cukup meyakinkan calon pelanggan institusional yang membutuhkan bukti portofolio cetak resolusi tinggi.

  • Kurangnya struktur showcase variasi bahan sampul (hardcover, kulit, beludru).
  • Halaman artikel edukasi sulit dibaca di perangkat mobile.
  • Ketiadaan direct CTA yang mengarahkan prospek ke tim konsultasi cetak.
02 / The Solution

Visual Islami Modern & Navigasi Katalog Terarah

Mendesain ulang antarmuka dengan perpaduan tipografi Islami yang elegan dan modern, menyusun galeri visual portofolio cetak, serta mengoptimalkan struktur SEO pada halaman artikel.

  • Showcase Portofolio Cetak: Menampilkan hasil pengerjaan pesanan instansi dan custom nama.
  • Readable Article Reader: Pengalaman membaca artikel seputar Al-Qur'an dan wakaf yang nyaman.
  • Direct WhatsApp Funnel: Integrasi tombol konsultasi dengan auto-text spesifikasi pesanan.
04 / System & User Flow

Alur Eksplorasi & Konsultasi Cetak

Alur terstruktur yang menghubungkan proses dari input awal pengguna hingga rekonsiliasi akhir.

01

Katalog & Spesifikasi

Pengunjung memilih kategori ukuran dan varian bahan cover yang diinginkan.

02

Portofolio & Edukasi

Mengecek hasil cetak sebelumnya dan membaca panduan standar mushaf Kemenag.

03

Konsultasi & Penawaran

Menghubungi customer service untuk simulasi harga dan mock-up custom cover.

Fitur Utama yang Ditonjolkan

Custom Cover Showcase

Galeri visual beranotasi menampilkan tekstur bahan dan foil emas sampul Quran.

SEO Optimized Blog

Struktur artikel dengan schema markup untuk meningkatkan peringkat di Google Search.

Visual Showcase Gallery

Tangkapan Layar & Antarmuka Sistem

Screenshot resolusi tinggi yang merepresentasikan alur kerja dan antarmuka sesungguhnya.

Tampilan Beranda Fatijja Quran

Tampilan Beranda Fatijja Quran

Desain visual homepage yang menampilkan layanan penerbitan custom Quran berkualitas tinggi.

Dampak Nyata & Hasil Implementasi

Business Impact & Deliverables

Website produksi berhasil rilis di fatijjaquran.com, meningkatkan kredibilitas brand di hadapan klien korporat dan yayasan wakaf nasional.

Skor Google Lighthouse Performance & SEO mencapai 95+
Peningkatan durasi baca rata-rata di halaman artikel edukasi