Membuat website biasanya membutuhkan pemahaman mengenai HTML, CSS, dan JavaScript. Namun, perkembangan artificial intelligence memungkinkan pengguna membuat rancangan website tanpa harus menulis kode secara manual. Salah satu fitur yang dapat digunakan untuk melakukannya adalah Gemini Canvas.
Gemini Canvas merupakan ruang kerja interaktif di aplikasi Gemini yang dapat membantu pengguna membuat dokumen, kode, dan prototipe aplikasi. Pengguna cukup menjelaskan website yang dibutuhkan melalui prompt. Gemini kemudian akan menghasilkan kode sekaligus menampilkan preview yang bisa diperiksa dan dikembangkan kembali.
Persiapan Sebelum Membuat Website dengan Gemini Canvas
Sebelum membuka Gemini Canvas, tentukan terlebih dahulu jenis website yang ingin dibuat. Pengguna dapat membuat landing page bisnis, halaman portofolio, situs acara, katalog produk, maupun website sederhana untuk memperkenalkan layanan.
Siapkan juga informasi yang akan dimasukkan ke dalam website. Informasi tersebut dapat mencakup nama bisnis, deskripsi layanan, target pengunjung, keunggulan perusahaan, alamat, serta informasi kontak.
Selain konten, tentukan gaya visual yang diinginkan. Pengguna dapat menyebutkan warna utama, jenis tampilan, susunan halaman, dan kesan yang ingin ditampilkan. Misalnya, website profesional dengan warna biru dan putih atau landing page kreatif dengan warna cerah.
Gemini akan menggunakan informasi tersebut untuk memahami kebutuhan pengguna. Semakin lengkap instruksi yang diberikan, semakin kecil kemungkinan hasil website berbeda dari konsep awal.
Cara Membuat Website dengan Gemini Canvas
Langkah pertama adalah membuka Gemini melalui browser, kemudian masuk menggunakan akun Google. Setelah halaman percakapan terbuka, pilih Canvas dari menu alat yang tersedia.
Selanjutnya, tuliskan prompt yang menjelaskan website yang ingin dibuat. Hindari memberikan instruksi terlalu singkat seperti “buatkan website perusahaan”. Masukkan informasi mengenai bisnis, bagian website, gaya visual, dan tombol yang dibutuhkan.
Berikut contoh prompt yang dapat digunakan:
Buat landing page responsif untuk perusahaan konsultan Google Workspace. Gunakan kombinasi warna hijau, putih, dan abu-abu dengan tampilan profesional. Tambahkan bagian hero, penjelasan layanan, manfaat, testimoni, FAQ, serta tombol konsultasi melalui WhatsApp. Pastikan website nyaman dibuka melalui desktop dan perangkat mobile.
Setelah prompt dikirim, Gemini akan membuat kode dan menampilkannya di dalam Canvas. Pengguna dapat membuka bagian preview untuk melihat tampilan website yang dihasilkan.
Periksa setiap bagian website, mulai dari judul, deskripsi, susunan layanan, hingga tombol. Pastikan informasi yang ditampilkan sudah sesuai dengan identitas bisnis dan kebutuhan calon pelanggan.
Gemini juga dapat menghasilkan website interaktif. Pengguna dapat meminta tambahan seperti menu navigasi, formulir kontak, tombol yang dapat diklik, animasi sederhana, hingga tampilan yang menyesuaikan ukuran layar.
Cara Mengedit dan Menyempurnakan Website
Website yang dihasilkan melalui prompt pertama belum tentu langsung sesuai kebutuhan. Pengguna dapat menyempurnakannya dengan memberikan instruksi lanjutan tanpa mengubah kode secara manual.
Sebagai contoh, gunakan prompt berikut:
Ubah bagian hero agar terlihat lebih modern. Perbesar judul utama, tambahkan ilustrasi di sebelah kanan, dan buat tombol konsultasi lebih menonjol.
Pengguna juga dapat meminta perubahan pada bagian tertentu, seperti warna tombol, ukuran tulisan, jarak antarelemen, atau susunan konten. Apabila hasil perubahan belum sesuai, berikan instruksi yang lebih spesifik.
Tambahkan konten asli perusahaan secara bertahap. Ganti teks contoh dengan informasi layanan, testimoni, alamat, dan nomor kontak yang benar. Jika menggunakan gambar, pastikan kualitasnya memadai dan perusahaan memiliki hak untuk menggunakannya.
Proses pembuatan website melalui Canvas dapat dilakukan secara bertahap. Mulailah dari struktur utama, kemudian perbaiki desain, konten, dan fungsi sampai hasilnya mendekati kebutuhan.
Hal yang Perlu Diperhatikan Sebelum Website Digunakan
Gemini Canvas dapat membantu membuat prototipe dengan lebih cepat. Namun, hasil yang muncul pada preview belum tentu langsung siap digunakan sebagai website perusahaan.
Periksa kembali tampilan website melalui desktop dan perangkat mobile. Pastikan teks mudah dibaca, gambar tidak terpotong, navigasi berfungsi, serta setiap tombol mengarah ke halaman atau kontak yang benar.
Perhatikan juga aspek keamanan, terutama apabila website memiliki formulir yang mengumpulkan data pengguna. Jangan memasukkan kata sandi, data internal perusahaan, atau informasi sensitif ke dalam prompt maupun kode.
Website juga memerlukan domain dan layanan hosting agar dapat diakses secara luas. Apabila membutuhkan fungsi yang lebih kompleks, seperti sistem login, database, pembayaran, atau pengelolaan data pelanggan, hasil dari Gemini sebaiknya diperiksa dan dikembangkan oleh tenaga profesional.
Gemini Canvas membantu pengguna menerjemahkan ide menjadi prototipe website tanpa harus menulis kode dari awal. Fitur ini dapat digunakan untuk menguji konsep, membuat rancangan awal, dan mempercepat komunikasi antara tim bisnis dengan pengembang.
Ingin mengoptimalkan penggunaan Gemini dan Google Workspace untuk mendukung produktivitas perusahaan? Konsultasikan kebutuhan bisnis Anda bersama Cherrytree.id untuk menemukan paket dan solusi Google Workspace yang sesuai.
