16 Contoh Situs Google Terbaik 2023

Diterbitkan: 2023-01-20

Selamat datang di kumpulan contoh Situs Google terbaik kami yang membuktikan bahwa Anda dapat membuat situs web yang layak dengan cepat!

Sebelum melanjutkan, kami merekomendasikan pembuat situs web mudah lainnya, seperti Wix, Squarespace, atau Webflow, karena Anda dapat membuat desain web yang 100% disesuaikan dan dipersonalisasi.

Meskipun Google Sites adalah layanan gratis untuk menghadirkan kehadiran online bagi Anda atau bisnis Anda, layanan ini sangat mendasar.

Meskipun kami memiliki beberapa contoh yang luar biasa, semuanya masih terlihat sangat mirip. (Tetapi Anda perlu memeriksa halaman Joshua Pomeroy karena ini adalah bukti bahwa Anda dapat melakukan hal-hal hebat bahkan dengan pembuat situs web gratis.)

Tetapi untuk sesuatu yang cepat dan penting, Google Sites dapat melakukannya.

Contoh Situs Google Terbaik Untuk Inspirasi Anda

1.Filip Rzepka

contoh situs filip rzepka google

Halaman Filip Rzepka adalah salah satu yang terbaik yang bisa kami temui saat menyusun koleksi ini. Yang paling kami sukai adalah latar belakang layar penuh animasi di paro atas.

Selain itu, halaman tersebut juga memiliki bilah atas dan tajuk yang lengket serta footer sederhana dengan ikon media sosial.

Catatan: Gunakan bilah atas jika Anda ingin lebih memperhatikan pemberitahuan khusus.

2. Jae Hoon Choi

contoh situs google jae hoon choi

Situs Google Jae Hoon Choi minimalis, dengan header dan footer bersih yang dipisahkan dari dasar dengan garis (menjaga agar warna latar tetap utuh).

Header menyertakan tautan menu dan bilah pencarian, sedangkan footer berisi informasi bisnis dan kontak tambahan.

Catatan: Anda selalu dapat mengincar desain situs web minimalis jika Anda tidak yakin dengan tampilan halaman Anda.

3. Arsitek Avox

avox arsitek contoh situs google

Arsitek Avox menyambut semua pengunjungnya dengan penggeser gambar layar penuh dengan efek paralaks. Mereka menjaganya tetap bersih dan bebas gangguan (tanpa teks dan tombol ajakan bertindak (CTA)) untuk lebih menikmati setiap slide.

Selain itu, tajuk mengambang memastikan bilah navigasi dan pencarian selalu tersedia, jadi Anda tidak perlu menggulir kembali ke atas.

Catatan: Gunakan tayangan slide layar penuh untuk langsung menarik perhatian pengunjung Anda.

Namun jangan ragu untuk melangkah lebih jauh dan memeriksa beberapa desain situs web arsitektur lainnya.

4. Grup Xu Chu

contoh situs google grup xu chuss

Grup Xu Chus memiliki gambar pahlawan layar penuh dengan tajuk transparan yang mengeras dan menempel di bagian atas layar setelah Anda menggulir.

Gambar juga memiliki efek paralaks untuk membuat pengalaman pengguna lebih menarik. Namun secara keseluruhan, halaman beranda sangat mendasar dan pendek, sehingga Anda dapat menggulirnya secara instan (atau menekan tombol gulir ke bawah).

Catatan: Bumbui semuanya dengan efek paralaks.

5. Pakar E-Gaming

contoh situs e-gaming pakar google

Pakar E-Gaming adalah Situs Google dengan beranda dasar yang menampilkan bilah navigasi mengambang, spanduk dengan judul dan teks, serta informasi bisnis, layanan, dan kontak tambahan.

Apalagi bagian footer hanya berisi email yang bisa diklik.

Catatan: Tajuk/menu yang melekat dapat meningkatkan pengalaman pengguna situs web Anda secara keseluruhan.

6. Membalik Ritel

membalik contoh situs google ritel

Flipping Retail memiliki halaman beranda yang indah dan minimalis dengan area pahlawan paralaks, header mengambang, dan kisi sederhana yang juga berfungsi sebagai navigasi.

Footer tidak memiliki desain tradisional tetapi hanya pesan perusahaan. Selain itu, ikon pencarian membuka bilah pencarian yang melapisi seluruh area tajuk agar lebih mudah mengetik.

Catatan: Gunakan bagian footer Anda untuk berbagi kutipan atau pesan tebal perusahaan.

7. Preesh

contoh situs google preesh

Beranda Preesh hanyalah latar belakang gambar layar penuh dengan efek paralaks, judul, dan teks.

Di paro bawah hanya terdapat berbagai ikon untuk media sosial dan platform lain dengan latar belakang yang kontras agar lebih menonjol. Tapi itu adalah header mengambang yang memandu Anda ke halaman internal lain untuk menemukan lebih banyak informasi.

Catatan: Gunakan warna kontras untuk membuat situs web Anda lebih dinamis.

8. Gambar Google

contoh situs google gambar google

Google Drawings memiliki desain web responsif layar penuh dengan bagian gambar lebar penuh yang menampilkan karya seni.

Gambar pahlawan memiliki efek paralaks dengan overlay teks yang memberi Anda info cepat tentang artis. Selain itu, tajuknya adalah tajuk Situs Google lengket klasik dengan tautan menu dan ikon media sosial.

Catatan: Gunakan desain lebar penuh/layar penuh untuk menampilkan gambar indah Anda.

Anda juga akan senang memeriksa dan memeriksa situs web portofolio artis yang luar biasa ini.

9. Joshua Pomeroy

contoh situs google joshua pomeroy

Meskipun Anda dapat dengan cepat menebak bahwa itu adalah Situs Google, Joshua Pomeroy membawa banyak hal ke level berikutnya, berkat keahliannya yang luar biasa.

Halaman beranda berfungsi sebagai portofolio, tetapi Anda juga dapat memeriksa halaman seni dan desain untuk contoh proyek lainnya.

Header dan footer keduanya memiliki tautan menu untuk membawa Anda ke halaman yang diinginkan dengan cepat. Selain itu, Joshua membuat tajuk transparan untuk tampilan yang lebih bersih, tetapi menjadi kokoh dan menempel di bagian atas layar begitu Anda menggulir.

Catatan: Ubah beranda Anda menjadi portofolio online, sehingga semua orang dapat mengenal karya Anda tanpa harus mencarinya.

Anda mungkin juga tertarik dengan koleksi situs web portofolio terbaik ini.

10. Foto JSV

jsv foto contoh situs google

Contoh Situs Google JSV Foto sangat mendasar, dengan tiga "kartu" dengan latar belakang gambar dan judul yang ditautkan ke portofolio yang sesuai.

Ada juga pemberitahuan bilah atas dan tajuk dengan warna latar belakang yang sama dengan dasar halaman untuk tampilan yang sempurna.

Catatan: Salah satu cara untuk mendapatkan tampilan yang lebih bersih adalah dengan menggunakan latar belakang header dan footer dengan warna yang sama dengan warna dasarnya. Tetapi Anda juga dapat memeriksa situs web bersih terbaik ini untuk lebih banyak contoh.

11. Flavio Ciabattoni

contoh situs google flavio ciabattoni

Flavio Ciabattoni memiliki bagian paruh atas yang lebih dapat ditindaklanjuti dengan judul, teks, dan tombol CTA.

Gambar latar belakang dan tajuk transparan memastikan kesan pertama yang kuat, sedangkan halaman lainnya membawa pemirsa pada pengalaman menjelajah yang menyenangkan.

Catatan: Apakah Anda ingin lebih banyak penjualan, unduhan, atau keikutsertaan? Gunakan tombol CTA di paro atas.

12. Jivrus

contoh situs google jivrus

Jivrus memiliki beranda yang cukup lengkap dengan semua informasi tentang produk, bisnis, dan banyak lagi. Mereka juga menggunakan bagian terpisah untuk testimonial dan bagian lain untuk menampilkan logo pelanggan, yang secara instan meningkatkan bukti sosial.

Header mengapung dan memiliki menu drop-down multi-level untuk membawa Anda ke informasi yang diinginkan dengan lebih mudah. Di sisi lain, footer memiliki berbagai ikon yang terhubung ke media sosial, Google Maps, dll.

Catatan: Bangun kepercayaan dengan menyertakan testimonial klien/pelanggan di Situs Google Anda.

13. Balai Taman Morton

contoh situs google morton park hall

Morton Park Hall adalah Situs Google dasar dengan bilah navigasi tempel, gambar pahlawan paralaks, video tersemat, dan Google Maps. Selanjutnya, footer memberikan informasi kontak tambahan, termasuk nomor amal.

Catatan: Apakah Anda memiliki video promosi? Sematkan di situs web bisnis Anda.

14. HIJSA

contoh situs google hijsa

HIJSA adalah contoh Situs Google dengan tata letak kotak dan latar belakang gambar untuk mempercantik. Header memiliki logo besar dan tautan menu, sedangkan footer melengkapi pengunjung dengan email dan nomor telepon plus ikon media sosial.

Catatan: Coba sesuatu yang berbeda dengan tata letak kotak.

15. Sekolah Menengah Petersfield

contoh situs google petersfield high school

Pilihan warna cerah Sekolah Menengah Petersfield memastikannya langsung menarik perhatian pengunjung. Itu bagian dari branding mereka yang membuat halaman menonjol.

Situs Google ini memiliki pemberitahuan bilah atas dengan CTA dan tajuk dengan menu tarik-turun yang mengapung saat Anda menggulir.

Selain video tersemat, halaman Sekolah Menengah Petersfield juga memiliki flipbook yang membuat memeriksa konten menjadi pengalaman yang keren.

Catatan: Gunakan merek Anda secara strategis dalam desain web Anda.

16. Flanders Hotel Brugge

Flanders Hotel Bruges adalah situs web hotel yang lebih klasik dengan latar belakang gambar paruh atas dan overlay teks yang membagikan pengumuman khusus.

Situs Google ini memiliki bagian teks animasi keren yang menampilkan ulasan pelanggan yang, dikombinasikan dengan berbagai lencana, membangun lapisan kepercayaan lainnya. Video yang disematkan dan Google Maps adalah tambahan yang berguna untuk mengenal lokasi.

Catatan: Integrasikan Google Maps untuk menampilkan lokasi Anda.

Apakah postingan ini bermanfaat?