Wireframe homepage Sirpuloh Publication ini direka untuk paparan lebar. Sila buka di komputer / skrin besar.
Best viewed on a desktop or wide screen.
Cadangan struktur baharu untuk kedai Shopify Sirpuloh, berdasarkan research corak homepage e-dagang & kedai buku. Fokus: pelajar / ibu bapa jumpa buku yang betul secepat mungkin — pilih tingkatan dalam viewport pertama, produk terlaris awal, penulis sebagai bukti kepercayaan. Satu CTA utama: Beli Sekarang. Semua kandungan (produk, penulis, USP) dari kedai sebenar — tiada yang direka.
Susunan seksyen dari atas ke bawah. Homepage sekarang ada 10 seksyen — dua showcase yang serupa fungsi, dan koleksi produk hanya muncul di seksyen ke-6. Cadangan baharu: 9 zon, setiap satu ada satu tugas jualan, produk naik ke awal.
Headline + 3 kulit buku condong
"Belajar lebih pintar" — tiada tawaran sebenar
Orang pegang buku + rotate scroll
Grid gambar lifestyle — tiada fungsi jualan
Produk pertama muncul selepas 5 seksyen scroll
Sir Syahmi pegang dua buku — serupa fungsi dengan Showcase 1
10 seksyen — pengunjung yang nak beli terpaksa lalu 2 showcase & 1 bento dulu sebelum jumpa produk.
Banner biasa — gambar penuh + value prop + satu CTA utama. Trust bar (20K+ pelajar) di bawahnya
Tawaran sebenar (combo, jimat pos) — bukan tagline. Nipis sahaja
Dari seksyen 6 naik ke 3. Turutan automatik: promo → terlaris → lain. 6 kad + Lihat Semua
Tingkatan (SPM · PT3 · UASA, box simple) di atas + subjek (Sejarah · Matematik · English · Teknik Belajar) di bawah — bilangan buku auto, terus ke collection
Showcase 2 + Barisan Penulis disatukan jadi satu komponen: satu penulis di-feature besar (foto + bio + bukunya) yang auto-tukar ikut giliran, strip semua penulis di bawah — klik avatar untuk terus tukar. "Ditulis cikgu sebenar" = bukti kepercayaan utama Sirpuloh
4 USP sahaja (angka 20K+ pindah ke trust bar hero — satu nombor satu tempat)
Panel gelap "Sedia nak skor?" — butang sama dari hero
Sebab melanggan yang jelas: buku baharu & promo
zon baharudipindah ke awalseksyen digabung
Satu zon kategori lengkap. Tingkatan (SPM · PT3 · UASA) dan subjek disatukan dalam satu zon selepas koleksi — pelajar dan ibu bapa cari buku ikut tingkatan & subjek, bukan browse rambang.
Produk naik dari seksyen 6 ke seksyen 3. Terlaris dan combo muncul selepas satu scroll sahaja.
Dua showcase jadi satu zon penulis. Showcase 1 dan Showcase 2 serupa fungsi; sekarang satu komponen — penulis di-feature besar auto-tukar ikut giliran, klik avatar untuk terus tukar. Bento gambar dikeluarkan (tiada fungsi jualan).
Satu nombor, satu tempat. "20K+ pelajar" hanya di trust bar hero. Badge USP tinggal 4.
Satu butang utama. "Beli Sekarang" — ayat sama di hero, koleksi, dan penutup.
Kedai sekarang dah guna Sora (sans) untuk semua teks — konsisten dan sesuai kekal. Wireframe ini greyscale & font neutral; Sora kembali pada fasa design.
Buku yang buat kau skor. — Sora 800 / 400, kekal seperti sedia ada
Struktur dirujuk dari best practice e-dagang & dua site yang jadi panduan gaya projek ini — klik untuk banding.
Tengok: value prop dalam viewport pertama, produk terlaris awal, navigasi kategori untuk katalog — asas turutan 9 zon ini.
Slight Twist slight-twist.co.nzTengok: seksyen sikit tapi setiap satu berani & jelas tugasnya — rujukan "proper" untuk fasa design nanti.
The Amin Cap theamincap.comTengok: header glass, marquee outline, kad produk — house style yang dah terbukti untuk kedai sendiri.
Sirpuloh — sekarang sirpuloh-dev.myshopify.comKedai sedia ada (password: sir10) — untuk banding terus dengan cadangan di bawah.
Nota & latihan ditulis cikgu berpengalaman — ringkas, padat, fokus format terkini.
6 buku pertama ikut turutan: produk promo dulu, kemudian terlaris, kemudian yang lain. Combo termasuk.
Deskripsi ringkas 2 baris dari data produk sebenar, dipotong automatik…
Deskripsi ringkas 2 baris dari data produk sebenar…
Box tingkatan = simple, nama + bilangan buku sahaja. Ikon subjek dari library Lucide (bukan emoji, bukan lukis sendiri). Semua collection automatik ikut tag — tile/box boleh tambah bila kategori baharu masuk, tiada kerja manual.
Bukti kepercayaan utama Sirpuloh — buku ditulis cikgu yang mengajar subjek ini setiap hari, bukan kilang buku.
[Bio ringkas 1 ayat — perlu dari klien]
Nota interaksi: panel auto-tukar ikut giliran penulis (crossfade). Klik avatar → terus tukar & auto berhenti seketika. Kotak buku = buku penulis tu, klik terus ke produk. Foto 13 penulis dah ada dalam aset · bio setiap penulis = permintaan #1 dari klien.
Ikut format peperiksaan semasa
Rujuk zon Penulis di atas
Nota ringkas + skema lengkap
Semenanjung & Borneo
Ikon: guna semula ikon 3D glass sedia ada, atau Lucide pada fasa design. Ayat sokongan kecil di bawah setiap USP boleh diedit dari Theme Editor.
Mula dengan buku yang betul — dipercayai ribuan pelajar seluruh Malaysia.
Beli Sekarang →Satu emel sekali-sekala bila ada buku baharu atau promo — tiada spam.
Penerbit buku latihan & rujukan SPM · PT3 · UASA.