Build website simple (ppt)

Bikin Website Powerful Gratis
H A D I K A E S
(versi simple)

HADIKAES
Crisis Covid-19 Response
Dear friends,
Halo aku Hadikaes, fokus di entrepreneurship sejak 4 tahun lalu dan diberi amanah untuk memimpin startup
di www.koseeker.com sejak 2019. main concern aku di Digital Strategy dan Business Growth Strategy.
Selama crisis Covid-19, aku bakal sharing setiap minggu tentang strategi bisnis dan taktikal marketing basic
gratis di Twitter aku ( @hadikaes_). Share materi ini ke teman-temanmu yang membutuhkan, yang sedang
berjuang untuk survive dengan berwirausaha selama crisis. Semoga bermanfaat ya
#salingbantusalingjaga
Temanmu, Hadikaes.
Bikin Website Powerful Gratis - Versi simple

HADIKAES
Versi tutorial
Versi tutorial dibagi menjadi 2, website versi simple dan website versi detail.
Website versi simple :
● Satu halaman
○ Halaman utama
● Display produk
● Link pemesanan ke whatsapp
Website versi detail :
● 3 halaman
○ Halaman utama
○ Halaman detail
○ Halaman reseller
● Integrasi google form dan notifikasi email

Versi Simple Versi Detail
klik disini

HADIKAES
Outline
1. Persiapan Tools
2. Persiapan Asset
3. Pembuatan Website
4. Layouting Website
5. Desain Website
● Desain Header
● Menambahkan Produk
● Menambah Tombol Pembelian
1. Integrasi link Whatsapp
2. Publish
3. What’s next?

HADIKAES
Persiapan Tools
tools yang digunakan :
● Google Drive
● Google Site
Next : instruksi
1

Langkah-langkah persiapan
HADIKAES Bikin Website Powerful Gratis - Versi simple
● Login ke Google Drive
● Buat Folder untuk menyimpan website
● Di dalam Folder tersebut, buat Folder lagi dengan nama “Assets”.
Nama website
Assets
Struktur Folder

HADIKAES
Persiapan Asset
Asset yang dimaksud adalah file-file gambar yang akan kita butuhkan pada website. Asset yang dibutuhkan
untuk tutorial ini adalah:
1. Foto produk berukuran minimal 500 x 500 Pixel.
2. Desain Banner untuk website ukuran 1600 x 400 Pixel.
Cek asset projek ini pada slide selanjutnya
2

Assets yang kita gunakan
Banner
1600 X 400 pixel
Produk Promo
800 X 800 pixel
Produk
800 X 800 pixel
Catatan : produk boleh lebih dari 1 gambar, file ini hanya sebagai panduan tutorial

Asset yang kita gunakan
Catatan : produk boleh lebih dari 1 gambar, file ini hanya sebagai panduan tutorial

HADIKAES
Membuat Website
● Pertama masuk ke dalam folder utama (folder nama website) yang sudah dibuat (bukan
folder assets)
● Tekan tombol “New” pada pojok kanan atas google drive
● Pilih “More”, Lalu pilih Google Sites
● Kamu akan diarahkan ke halaman Google Sites
Cek slide selanjutnya untuk petunjuk gambar
3

HADIKAES
Layouting Website
Pada tahap ini, kamu bebas mendekorasi website sesuai dengan keinginanmu.
4
Untuk layout yang digunakan pada project ini, cek video slide selanjutnya.

HADIKAES
Desain Website - Mendesain Header
Header merupakan bagian paling atas sebuah website.
Header kita gunakan untuk memasang banner produk kita agar terlihat lebih menarik.
Ukuran Header untuk google sites adalah : 1600 x 400 pixel.
5
**untuk desain header projek ini silahkan cek video slide selanjutnya.

HADIKAES
Desain Website - Menambah produk
Selanjutnya kita menambahkan produk kedalam website dengan layout yang sudah kita
buat.
Ukuran produk yang direkomendasikan adalah minimal 500 x 500 pixel.
Kamu bisa berkreasi dengan desain produk yang akan kamu gunakan agar lebih
menarik.
5
**untuk penambahan produk projek ini silahkan cek video slide selanjutnya.

HADIKAES
Desain Website - Menambah tombol
Selanjutnya kita akan menambahkan tombol pembelian agar customer bisa melakukan
pembelian melalui website.
Catatan:
Kosongkan link pada tombol, nantinya link ini akan kita isi dengan link yang menyalurkan
ke Whatsapp.
5
**untuk penambahan tombol projek ini silahkan cek video slide selanjutnya.

HADIKAES
Integrasi link Whatsapp - Membuat Link
Pertama, kunjungi website dibawah ini untuk membuat link.
https://postcron.com/en/blog/landings/whatsapp-link-generator/
5
● Isi nomor handphone kamu diawal dengan
angka “62”, contoh : 628098765437
● Lalu isikan pesan pemesanan sesuai
keinginan kamu.

HADIKAES
Integrasi link Whatsapp - Memasang link
Selanjutnya, kita akan gunakan link whatsapp ini untuk dipasang pada tombol yang
sudah kita buat sebelumnya.
Cek video pada slide selanjutnya untuk detail tutorial pemasangannya.
5

HADIKAES
test website
Sekarang kamu bisa test website yang kamu buat dengan menekan tombol bersimbol
komputer pada kanan atas editor website. Atau, kamu bisa lihat tutorial pada slide
selanjutnya.

HADIKAES
Publish Website
Website sederhana yang kamu buat sudah selesai, sekarang kamu bisa mem-publish
websitemu agar bisa diakses oleh customer bisnismu.
Nantinya alamat websitemu akan menjadi seperti ini:
sites.google.com/view/(nama website)
Cek slide selanjutnya untuk melihat video tutorialnya.
5

HADIKAES
Selamat! Kamu berhasil membuat website untuk bisnismu.
Lalu apa selanjutnya? Website yang kamu buat masih sangat sederhana, kamu bisa
kreasikan desain websitemu sesuai dengan keinginanmu.
Selain itu jangan lupa, taruh link websitemu di sosial media seperti instagram untuk
menarik pengunjung.
Bagi kamu yang ingin menggunakan website ini sebagai landing page marketingmu,
pastikan kamu sudah memasang analytics untuk melacak aktifitas pengunjungmu.

HADIKAES
What’s Next?
Jika kamu ingin membuat websitemu menjadi lebih detail, kamu bisa ikut tutorial
selanjutnya dengan banyak fitur menarik. Seperti:
● Membuat halaman detail produk
● Integrasi google form
● Integrasi google analytics
Klik link tutorial disini.

Build website simple (ppt)

Recommended

Recommended

More Related Content

What's hot

What's hot (15)

Similar to Build website simple (ppt)

Similar to Build website simple (ppt) (20)

More from Fajar Baskoro

More from Fajar Baskoro (20)

Recently uploaded

Recently uploaded (20)

Build website simple (ppt)