Imaji.id — Web Development Platform Digital Library & Multi-Reader

Project Overview
Imaji.id adalah platform digital library yang berfokus pada pengalaman browsing katalog yang nyaman dan cepat, terutama di mobile. Phase 1 difokuskan pada fondasi UI katalog dan halaman inti, lalu dilanjutkan dengan sprint optimasi performa dan penyempurnaan template SEO agar platform siap diskalakan saat koleksi bertambah.

Challenge
Platform library punya kombinasi tantangan “konten” dan “app-like UX”. Ketika koleksi bertambah, struktur katalog harus tetap rapi, pengalaman pengguna harus konsisten, dan performa server perlu dijaga agar interaksi terasa responsif.

Strategy & Execution

1. Membangun UI katalog dan halaman buku berbasis komponen agar layout konsisten dan scalable.

2. Menyediakan tiga mode reader (PDF.js, epub.js, dan HTML) untuk fleksibilitas format konten.

3. Menggunakan baseline Lighthouse untuk menentukan prioritas optimasi berikutnya (terutama respons server/TTFB dan kelengkapan template SEO).

4. Menyusun roadmap optimasi bertahap agar peningkatan terukur dari sprint ke sprint.

Results (Baseline)
Baseline audit Lighthouse menunjukkan skor performa dan praktik terbaik yang sangat kuat, dengan layout stabil (CLS 0). Fokus improvement berikutnya adalah menurunkan TTFB/root document dan melengkapi SEO essentials seperti meta description di template.

What we learned
Pada platform yang punya elemen “aplikasi”, bottleneck setelah UI terasa cepat biasanya bergeser ke server response. Baseline audit yang jelas membantu memilih pekerjaan yang paling berdampak tanpa perlu merombak fondasi produk.

Next iteration

• Turunkan TTFB lewat caching & efisiensi query.

• Lengkapi meta description template (fallback + override manual).

• Perkuat internal linking: related books, genre/kategori, author.

• Performance polish: optimasi asset & render path untuk repeat visits.