Konsep: situs profil perusahaan, statis lebih dulu
Konsep berlabel yang menunjukkan bagaimana usaha jasa kecil dapat tampil dengan situs statis yang cepat dan aksesibel.
IntisariUntuk sebagian besar situs usaha kecil, build statis dengan konten terstruktur mengungguli platform yang lebih berat.
Proyek konsep. Latihan desain yang ditulis untuk portofolio ini, bukan pekerjaan klien.
Masalah dan batasan
Masalah
Usaha kecil sering hanya punya halaman media sosial tanpa struktur, atau situs templat lambat yang tak pernah diperbarui. Pengunjung tak bisa tahu apa yang ditawarkan atau bagaimana memulai.
Batasan
- Sebagian besar pengunjung datang dari ponsel.
- Pemilik jarang memperbarui konten, tanpa developer.
- Tidak ada anggaran untuk database, server, atau biaya platform.
- Harus tetap bisa dipakai jika JavaScript gagal.
Opsi yang dipertimbangkan
- Tidak dipilih
Hanya halaman media sosial
Tanpa biaya, tetapi tanpa struktur, tanpa kehadiran di pencarian, dan tanpa kendali atas tampilan.
- Tidak dipilih
Pembuat situs templat atau platform CMS
Penyuntingan mudah, tetapi ada biaya berlangganan, halaman lebih berat, dan terkunci pada platform.
- Dipilih
Situs statis yang dihasilkan dari konten terstruktur
Setiap perubahan butuh build ulang, dengan imbalan situs yang cepat, aman, dan murah.
Arsitektur
Simpan konten dalam file terstruktur, hasilkan halaman statis biasa darinya, dan sajikan lewat jaringan edge. Urutan halaman mengikuti pertanyaan pengunjung, dan pertanyaan masuk berupa email yang sudah terisi.
Pilih komponen mana pun untuk melihat fungsinya dan bagaimana ia terhubung. Diagram ini ilustratif: menunjukkan bentuk sebuah solusi, bukan sistem tertentu.
Arsitektur referensi ilustratif
Konten
Build
Keluaran
Pengiriman
Kunjungan
Pilih sebuah komponen
Pilih blok mana pun untuk membaca fungsinya dan bagaimana ia terhubung dengan yang lain.
- File konten
- Halaman, layanan, dan artikel disimpan sebagai data terstruktur, terpisah dari templat desain.
- Langkah build
- Skrip kecil menggabungkan konten dan templat serta memeriksa kolom yang hilang atau tidak aman.
- Halaman statis
- HTML, CSS, dan sedikit JavaScript biasa, tetap terbaca tanpa skrip.
- Pengiriman edge
- File disajikan dari jaringan global dengan caching dan header keamanan.
- Pengunjung
- Calon pelanggan di ponsel, yang bisa membaca, memahami, dan menghubungi dengan cepat.
Keputusan dan trade-off
Bangun halaman statis dari file konten terstruktur.
Trade-offPerubahan konten membutuhkan build ulang, tetapi situsnya sangat cepat, aman secara bawaan, dan murah dihosting.
Urutkan halaman menurut pertanyaan pengunjung: apa, mengapa percaya, bagaimana memulai.
Trade-offCerita merek di beranda berkurang, dengan imbalan pertanyaan pertama yang masuk lebih cepat.
Gunakan email pertanyaan yang sudah terisi, bukan backend formulir.
Trade-offKurang otomatis, tetapi tanpa server untuk dirawat dan tanpa data yang disimpan di situs.
Cara pengerjaannya
Tulis
Susun outline konten lebih dulu, lalu rancang tata letak di sekitarnya.
Rancang
Gunakan satu sistem tata letak responsif dengan sedikit komponen yang dapat dipakai ulang.
Setel
Optimalkan gambar dan font, dan ukur pada profil ponsel kelas menengah.
Luncurkan
Deploy ke jaringan edge dengan domain kustom dan rutinitas pembaruan yang terdokumentasi.
Pelajaran dan langkah berikutnya
Status saat iniProyek konsep. Belum dibangun untuk klien.
Pelajaran: model konten yang tetap membuat pembaruan berikutnya sederhana, bahkan bagi pemilik non-teknis.
Langkah berikutnya
- Ganti konten contoh dengan layanan bisnis nyata jika proyek klien dimulai.
- Tetapkan anggaran performa dan ukur pada profil ponsel kelas menengah.
- Tulis panduan pembaruan singkat yang akan dipakai pemilik setelah serah terima.
Karya terkait
Mari kita bahas
Jika masalah seperti ini terdengar akrab, saya ingin mendengar bagaimana ia muncul di tempat Anda.