16 En İyi Google Sitesi Örneği 2023

Düzgün bir web sitesini hızlı bir şekilde oluşturabileceğinizi kanıtlayan en iyi Google Sitesi örneklerinden oluşan koleksiyonumuza hoş geldiniz!

Devam etmeden önce, %100 özel ve kişiselleştirilmiş bir web tasarımı oluşturabileceğiniz için Wix, Squarespace veya Webflow gibi diğer kolay web sitesi oluşturucuları öneririz.

Google Sites, kendiniz veya işletmeniz için çevrimiçi bir varlık oluşturmaya yönelik ücretsiz bir hizmet olsa da, çok basit bir hizmettir.

Bazı harika örneklerimiz olsa da, hepsi hala çok benzer görünüyor. (Ancak Joshua Pomeroy'un sayfasına bakmanız gerekiyor çünkü bu, ücretsiz bir web sitesi oluşturucuyla bile harika şeyler yapabileceğinizin kanıtı.)

Ancak hızlı ve önemli bir şey için, Google Sites işinizi görebilir.

İlham Alabileceğiniz En İyi Google Sitesi Örnekleri

1. Filip Rzepka

Filip Rzepka'nın sayfası, bu koleksiyonun küratörlüğünü yaparken karşılaşabileceğimiz en iyi sayfalardan biri. Özellikle sevdiğimiz şey, ekranın üst kısmındaki animasyonlu tam ekran arka plan.

Ayrıca, sayfada ayrıca yapışkan bir üst çubuk ve üst bilgi ile sosyal medya simgeleri içeren basit bir alt bilgi bulunur.

Not: Özel bir bildirimde daha fazla göze çarpmak istiyorsanız bir üst çubuk kullanın.

2. Jae Hoon Choi

Jae Hoon Choi'nin Google Sitesi, tabandan bir çizgiyle ayrılan (arka plan rengini olduğu gibi koruyan) temiz bir üst bilgi ve alt bilgi ile minimalisttir.

Başlık, menü bağlantıları ve bir arama çubuğu içerirken, alt bilgi ek iş ve iletişim bilgileri içerir.

Not: Sayfanızın görünümünden emin değilseniz her zaman minimalist bir web sitesi tasarımı hedefleyebilirsiniz.

3. Avox Mimarları

Avox Architects, tüm ziyaretçilerini paralaks efektli tam ekran bir kaydırıcı ile karşılıyor. Her slayttan daha fazla zevk almak için temiz ve dikkat dağıtıcı olmayan (metin ve harekete geçirici mesaj (CTA) düğmeleri olmadan) tutarlar.

Ayrıca kayan başlık, gezinme ve arama çubuğunun her zaman kullanılabilir olmasını sağlar, böylece en başa dönmek için tüm yolu kaydırmanıza gerek kalmaz.

Not: Ziyaretçilerinizin dikkatini hemen çekmek için tam ekran bir slayt gösterisi kullanın.

Ancak bir adım daha ileri gidip biraz daha mimari web sitesi tasarımını incelemekten çekinmeyin.

4. Xu Chus'un Grubu

Xu Chus'un Grubu, kaydırdığınızda katılaşan ve ekranın üst kısmına yapışan şeffaf bir başlığa sahip tam ekran bir kahraman görüntüsüne sahiptir.

Görüntü, kullanıcı deneyimini daha ilgi çekici hale getirmek için paralaks efektine de sahiptir. Ancak genel olarak, ana sayfa çok basit ve kısadır, böylece anında kaydırabilirsiniz (veya aşağı kaydırma düğmesine basabilirsiniz).

Not: Paralaks efektiyle her şeyi renklendirin.

5. E-Oyun Uzmanları

E-Gaming Experts, kayan bir gezinme çubuğu, başlık ve metin içeren bir banner ve ek işletme, hizmet ve iletişim bilgileri içeren basit bir ana sayfaya sahip bir Google Sitesidir.

Ayrıca, altbilgi bölümü yalnızca tıklanabilir bir e-posta içerir.

Not: Yapışkan bir başlık/menü, web sitenizin genel kullanıcı deneyimini iyileştirebilir.

6. Saygısız Perakende

Flipping Retail, paralaks kahraman alanı, kayan bir başlık ve aynı zamanda gezinme işlevi gören basit bir ızgara içeren güzel ve minimalist bir ana sayfaya sahiptir.

Altbilgi geleneksel bir tasarıma sahip değil, sadece bir şirket mesajına sahip. Ayrıca, arama simgesi, daha kolay yazmak için tüm başlık alanını kaplayan bir arama çubuğu açar.

Not: Bir fiyat teklifi veya kalın bir şirket mesajı paylaşmak için alt bilgi bölümünüzü kullanın.

7. Önsöz

Preesh'in ana sayfası, paralaks efekti, başlığı ve metni olan tam ekran bir resim arka planıdır.

Ekranın alt kısmında, sosyal medya ve diğer platformlar için yalnızca kontrast yaratan bir arka planda daha fazla öne çıkan çeşitli simgeler bulunur. Ancak, daha fazla bilgi bulmanız için sizi diğer dahili sayfalara yönlendiren hareketli başlıktır.

Not: Web sitenizi daha dinamik hale getirmek için zıt renkler kullanın.

8. Google Çizimler

Google Çizimler, resimlerin görüntülendiği tam genişlikte resim bölümlerine sahip, tam ekran duyarlı bir web tasarımına sahiptir.

Kahraman resmi, size sanatçı hakkında hızlı bilgi veren bir metin yer paylaşımlı paralaks efektine sahiptir. Ayrıca başlık, menü bağlantıları ve sosyal medya simgeleri içeren klasik bir yapışkan Google Sitesi başlığıdır.

Not: Güzel resimlerinizi sergilemek için tam genişlikte/tam ekran bir tasarım kullanın.

Bu harika sanatçı portföyü web sitelerini kontrol etmeyi ve incelemeyi de seveceksiniz.

9. Joshua Pomeroy

Bunun bir Google Sitesi olduğunu hemen tahmin edebilirsiniz, ancak Joshua Pomeroy, üstün becerileri sayesinde işleri bir sonraki seviyeye taşıdı.

Ana sayfa bir portföy olarak çalışır, ancak daha fazla proje örneği için sanat ve tasarım sayfalarına da göz atabilirsiniz.

Hem üst bilgi hem de alt bilgi, sizi istenen sayfaya hızlı bir şekilde ulaştırmak için menü bağlantılarına sahiptir. Ayrıca, Joshua daha temiz bir görünüm için şeffaf bir başlık yaptı, ancak kaydırma yaptığınızda katılaşıyor ve ekranın üst kısmına yapışıyor.

Not: Ana sayfanızı çevrimiçi bir portföye dönüştürün, böylece herkes çalışmanızı aramadan tanıyabilir.

En iyi portföy web sitelerinin bu koleksiyonuyla da ilgilenebilirsiniz.

10. JSV Fotoğrafı

JSV Foto'nun Google Sitesi örneği, resim arka planlarına ve ilgili portföylere bağlantı veren başlıklara sahip üç "kart" ile çok basit.

Kusursuz bir görünüm için bir üst çubuk bildirimi ve sayfanın tabanıyla aynı arka plan rengine sahip bir başlık da vardır.

Not: Daha temiz bir görünüm elde etmenin bir yolu, üstbilgi ve altbilgi arka planlarını tabanla aynı renkte kullanmaktır. Ancak daha fazla örnek için bu en iyi temiz web sitelerine de göz atabilirsiniz.

11. Flavio Ciabattoni

Flavio Ciabattoni, bir başlık, metin ve bir CTA düğmesi ile daha işlem yapılabilir bir ekranın üst kısmına sahiptir.

Arka plan resmi ve şeffaf başlık, güçlü bir ilk izlenim sağlarken, sayfanın geri kalanı izleyiciyi hoş bir gezinme deneyimine götürür.

Not: Daha fazla satış, indirme veya katılım mı istiyorsunuz? Ekranın üst kısmındaki bir CTA düğmesini kullanın.

12. Jivrus

Jivrus, ürünler, iş ve daha fazlası hakkında tüm bilgileri içeren oldukça doldurulmuş bir ana sayfaya sahiptir. Ayrıca referanslar için ayrı bölümler ve sosyal kanıtı anında artıran müşteri logolarını görüntülemek için ayrı bölümler kullanırlar.

Başlık yüzer ve sizi istenen bilgilere çok daha kolay ulaştırmak için çok seviyeli bir açılır menüye sahiptir. Öte yandan, altbilgide sosyal medyaya, Google Haritalar'a vb. bağlantı veren çeşitli simgeler bulunur.

Not: Müşteri/müşteri referanslarını Google Sitenize ekleyerek güven oluşturun.

13. Morton Park Salonu

Morton Park Hall, yapışkan gezinme çubuğu, paralaks kahraman resmi, katıştırılmış video ve Google Haritalar içeren temel bir Google Sitesidir. Ayrıca alt bilgi, hayır kurumu numarası da dahil olmak üzere ek iletişim bilgileri sağlar.

Not: Tanıtım videonuz var mı? İş web sitenize yerleştirin.

14. HİCAE

HIJSA, işleri renklendirmek için kutulu bir düzene ve resim arka planına sahip bir Google Sitesi örneğidir. Üstbilgide büyük bir logo ve menü bağlantıları bulunurken, altbilgide ziyaretçi e-posta, telefon numarası ve sosyal medya simgeleriyle donatılır.

Not: Kutulu düzende farklı bir şey deneyin.

15. Petersfield Lisesi

Petersfield Lisesi'nin canlı renk seçenekleri, ziyaretçilerin dikkatini anında çekmesini sağlar. Sayfayı öne çıkaran, markalarının bir parçasıdır.

Bu Google Sitesinde, siz kaydırırken kayan bir CTA içeren bir üst çubuk bildirimi ve açılır menü içeren bir başlık bulunur.

Gömülü videoların yanı sıra, Petersfield Lisesi sayfasında içeriği kontrol etmeyi harika bir deneyim haline getiren bir flipbook da var.

Not: Markanızı web tasarımınızda stratejik olarak kullanın.

16. Flanders Otel Bruges

Flanders Hotel Bruges, ekranın üst kısmında resim arka planı ve özel bir duyuruyu paylaşan metin yer paylaşımlı daha klasik bir otel web sitesidir.

Bu Google Sitesinde, çeşitli rozetlerle birlikte başka bir güven katmanı oluşturan müşteri incelemelerini toplayan harika bir animasyonlu metin bölümü vardır. Gömülü videolar ve Google Haritalar, konumu tanımak için kullanışlı eklemelerdir.

Not: Konumunuzu göstermek için Google Haritalar'ı entegre edin.