20 En İyi Webflow Web Sitesi (Vay canına!) 2022

İlham almak ve bu oluşturucuyla nelerin mümkün olduğunu görmek için en iyi Weblflow web sitelerini mi arıyorsunuz?

Webflow'da yapılmış düzinelerce harika web sitesini incelerken ilk fark ettiğimiz şey ne kadar yaratıcı oldukları oldu.

Bu nedenle, bu en iyi koleksiyonun küratörlüğünü yapmak gerçekten zordu. (Gelecekte biraz daha ekleyebiliriz.)

Ancak, size kolaylık sağlamak için birden fazla sektörü kapsayan TOP'tan yirmi tanesini seçmeyi başardık.

Her web sitesi benzersizdir ve sizinkine uygulayabileceğiniz (ve geliştirebileceğiniz) harika ayrıntılara sahiptir.

Tasarım İlhamı İçin En İyi Webflow Web Siteleri

1. Anrok

Aynı zamanda ilgi çekici ve bilgilendirici bir göz atma deneyimi yaratmak, Anrok'un gerçekten iyi yaptığı bir şey.

Ayrıca, çok fazla beyaz alan kullanırlar, bu nedenle kullanıcıların gözleri önemli olan şeylere odaklanır (dikkat dağıtıcı şeylere değil!).

Not : Harika kaydırma animasyonu ile ürün sunumunu, faydalarını ve "nasıl çalıştığını" oluşturun.

2. Karık

İşletmeniz tasarım ve yaratıcılıkla ilgiliyse, web sitenizin tam da buna benzediğinden emin olun. The Furrow, minimalist bir üst kısım bölümü ve keşfetmeye başladığınızda harika içerik dağıtımı ile harika bir Webflow web sitesidir.

Ayrıca, üzerine geldiğinizde menüyü ortaya çıkaran siyah noktayı ve karanlık/aydınlık modu değiştiriciyi de seviyoruz.

Not : Benzersiz hizmetler sunuyorsanız, web sitenizin bunları benzersiz bir şekilde tanıtmasına izin verin.

3. İnsanlar tarafından

byPeople'ın Webflow web sitesi, iki tonlu metin ve ekranın üst kısmında otomatik olarak oynatılan video ile kullanıcının dikkatini çeker.

Ayrıca Hizmetler bölümünü daha fazla öne çıkarmak için stratejik olarak karanlık bir arka plana yerleştirdiler.

Son olarak, ekip atlıkarıncası (roller ve iletişim bilgileriyle birlikte), byPeople'ın arkasındaki kişileri tanımanızı sağlar.

Not : Metin ve video el ele çok iyi gider, bu nedenle işletmeniz için bunları test etmekten çekinmeyin.

4. Poligram

İster küçük ister büyük ekranda görüntüleyin, Polygram'ın duyarlı web tasarımı dikkatinizi çekmeye değer.

Polygram'ı benzersiz kılan şey, üç şeklin sizinle birlikte hareket etmesi ve üzerine gelindiğinde içeriği göstermesidir. Dene.

Tıklanabilir tek öğe, rezervasyonlar için CTA ile daha fazla ayrıntıyı ortaya çıkaran sol alt köşedeki "i" simgesidir.

Not : Tıpkı Polygram gibi, türünün tek örneği ve aynı anda minimalist olun.

5. Sherlock Gibi Kızartma

Roast Like Sherlock, şimdiye kadar gördüğümüz en orijinal web sitelerinden biridir. Süper etkileşimli ve eğlenceli ama her şey zekice bir adla başlar.

Eski daktilo, işleri daha da renklendirmek için bir metin gösterme işleviyle tüm kağıdı daktilo ediyor.

Ayrıca bir örnek video ve daha fazla bilgi içeren otomatik olarak kayan bloklar da var.

Not : Kaydırma yeteneklerinin sınırı yoktur, bu yüzden özel bir tane yapın.

6. Kıvılcım Kitaplığı

Spark Library, yalnızca tek bir şeye, yani ürüne odaklanarak sadelikle övünür. Kahraman bölümünü minimalist tutar, ancak her şeyi açıklamaya yetecek kadar metin içerir.

Ardından, tıkladığınızda farklı kategorileri gösteren filtrelenebilir bir kenar çubuğu gezinme özelliğine sahip ürün portföyünü bulacaksınız.

Not : Bir öğe kitaplığınız varsa, bunları ana sayfanızda kategorize edilmiş düğmelerle görüntüleyin.

Ayrıca daha yaratıcı fikirler için en iyi portföy web sitelerinden oluşan bir koleksiyonumuz var.

7. Fırın

Film ve video yapım şirketleri The Bakery'den çok şey öğrenebilir. Ana sayfa, ekran boyutundan bağımsız olarak tüm ekranı kaplayan videolardan oluşan bir kolajdır.

Ancak projeleri ziyaret etmek için gezinme, yetenek, hakkında ve iletişim bölümleri ve tıklanabilir IG ve Vimeo simgeleri de eklediler.

Not : Tam ekran video sunumu/arka planı ile cesur olun.

8. Nicolas Hercent

Serbest çalışma işinizi tanıtmak, sağlam bir web sitesiyle çok daha kolay olur.

Nicolas Hercent'in çevrimiçi varlığı, birinci sınıf bir tarama deneyimi sunan, ilgi çekici ve etkileyici bir Webflow web sitesinin mükemmel bir örneğidir.

Ama aynı zamanda potansiyel bir müşterinin Nicolas'ı işe almadan önce ondan öğrenmek isteyebileceği her şeye sahiptir.

Not : Freelancer olarak büyük bir özenle tasarlanan web sitenize projeler, referanslar ve iletişim bilgilerini ekleyin.

9. VeDan

AndDan, logonun ötesinde ne olduğunu görmek istediğiniz için kaydırmaya başlamak istemenize neden olur.

Kaydırmaya başladığınızda büyür ve sizi diğer ana sayfa bölümlerine götürür. Ancak aşağı kaydırma düğmesine de tıklayabilir ve sizi bir yolculuğa çıkarmasına izin verebilirsiniz.

Ayrıca, SSS akordeonlarının, bir referans kaydırıcısının ve dahili sayfaları ziyaret etmek için her zaman erişilebilen kayan bir gezinme çubuğunun eklenmesini de seviyoruz.

Not : Kahraman bölümünüzde her zaman her şeyi açıklamanız gerekmez. Ziyaretçinin AndDan'ın yaptığına benzer bir tarzda “oyun oynamasına” izin verin.

10. Leke

Blott, avuçiçi ve masaüstü cihazlarda kolayca görüntülenebilen modern ve pratik bir tasarıma sahiptir.

Ana sayfanın tamamı İYİ YAPILMIŞ olsa da, referanslar bölümü sık görmediğiniz (veya hiç görmediğiniz) bir şeydir. Metin yerine, fareyle üzerine gelindiğinde oynamaya başlayan video referansları eklediler.

Yani. Serin.

Ayrıca, müşteri logolarının bulunduğu bölüme dikkat ederseniz, rastgele olarak çalıştıkları farklı işletme logolarına dönüşürler.

Not : Özellikle tasarım ve geliştirme alanındaysanız, sitenizin ayrıntılarına dikkat ettiğinizden emin olun.

11. DTCP

Web sitenizin kahraman bölümünde sizin yaptığınız şeye benzeyen bir animasyon kullanmak, potansiyel müşterileri dünyanıza davet etmenin akıllıca bir yoludur. Tıpkı DTCP'nin yaptığı gibi.

DTCP ana sayfası kaydırılamaz ancak minimalist bir gezinti çubuğu ve iki harekete geçirici mesajla birlikte gelir.

Not : Minimalist tasarım harikadır, ancak akıllı yaratıcılık dokunuşuyla daha da iyi hale gelir.

Sizi hayrete düşürecek bu harika animasyon sitelerine de göz atabilirsiniz.

12. Şerbetçiotu ve Arpa

Hop & Barley'nin web sitesi, derginin fiziksel ve dijital versiyonlarının güzel bir tanıtımını yapıyor.

İlk gördüğünüz şey, bir alıntı ve bir satın alma düğmesiyle mevcut sayıdır. Diğer bazı harika site öğeleri, alternatif galeri, video arka plan bölümü, animasyonlu destekçiler/sponsorlar bloğu ve fareyle üzerine gelindiğinde tepki veren düğmelerdir.

Not : Okuyuculara ve hayranlara derginizi en iyi çevrimiçi varlıkla satın almaları için bir neden verin.

13. Hone Naera-Scott

Kalbinizde minimalist biriyseniz, bunu ifade eden bir Webflow web sitesini kolayca oluşturabilirsiniz.

Hone Naera-Scott, iki bölüme ayrılmış iki sayfalık basit bir web sitesi (ev ve hakkında) işletiyor: solda bilgi ve sağda kaydırıcı.

Not : Bölünmüş ekran web tasarımıyla çalışmanıza ekstra parlaklık katın.

İpucu: İşte size daha fazla fikir ve web tasarımı ilhamı verecek bazı fotoğrafçılık web siteleri.

14. Vionaro V8

Vionaro V8 sayfasını kaydırmaya başladığınızda, neredeyse Apple'ın yeni bir Mac veya iPhone sunumu gibi geliyor.

Etkileşimli deneyim, sonsuza kadar kaydırmak istemenize neden olur (hiç bitmeyeceği umuduyla). Harika bir renk yelpazesine sahip harika statik ve hareketli öğeler koleksiyonu, Vionaro V8'i GERÇEKTEN özel kılar.

Not : Aynı zamanda son derece ilgi çekici ve sürükleyici olan derinlemesine, kapsamlı bir ürün sunumu oluşturun. Vionaro V8, etkileşimli bir web sitesinin harika bir örneğidir.

15. Akış Adamları

Flow Guys, onu çok akılda kalıcı kılan bu harika "3B öğeler" içeren tek sayfalık bir Webflow web sitesidir. Ayrıca güven oluşturduklarını bildikleri için müşteri referanslarını ana sayfada oldukça üst sıralara koyarlar.

Ve onların karşılaştırma tablosu şimdiye kadar karşılaştığımız en yaratıcı ve özgün tablolardan biri. (Aynı durum fiyatlandırma planları için de geçerlidir.)

Not : Her şeyin bittiğini düşünseniz bile bir kez daha düşünün ve Flow Guys'ın sitesine bakın.

Size ilham vereceğinden emin olduğumuz en iyi açılış sayfası örneklerinden oluşan listemize de göz atmak isteyebilirsiniz.

16. Pazartesi Kahvesi

Kahve dükkanının kalın bir ada sahip tam ekran görüntüsü, kaydırdığınızda bir başlık bölümünde canlanıyor ve Pazartesi Kahvesi'nin çok iyi bir özelliği.

Ve size “Pazartesi günlerini nasıl yapacağınızı” gösteren bölüm, iki kez göz atmaya değer. Ayrıca, kahve karışımlarının haber şeridi benzeri bir sunumuyla altbilgi gösterme işlevi mükemmel bir ektir.

Not : Web sitenizi ziyaret ederek potansiyel müşterilerinize kahve dükkanınızdaymış gibi hissettirin.

Ayrıca, kontrol etmeniz gereken olağanüstü tasarımlara sahip daha birçok kahve dükkanı web sitesi bulduk.

17. Arland

Dijital çalışmanızı web sitenizde sergilemek için ilhama mı ihtiyacınız var? İşte o zaman Aarland'a bir göz atmanız gerekir.

Büyük metin içeren değiştirilebilir küçük resimler harika bir hoşgeldin muamelesi. Ancak animasyonlu kaydırma ile bu ödül daha da güzelleşiyor.

Scroll ile kontrol ettiğiniz marka sahiplerinin imajının ortaya çıkmasından da bahsetmeliyiz.

Not : Yaratıcılık sınır tanımaz. Bir web sitesi olarak Aarland, web tasarımı hakkında farklı düşünmenin harika bir örneğidir.

18. Marta Çay

Marta Tchai, her şeyi parçacık efektiyle renklendiren, üzerinde adının yazılı olduğu tam ekran bir görüntüye sahiptir.

Aşağı kaydırma düğmesi, kendisi ve Spotify ve Apple Music düğmeleriyle yaptığı çalışmalar hakkında daha fazla bilgi gösterir. Ayrıca bir müzik videosu ve yaklaşan konserlerin bir listesini ekledi.

Başka bir söz, arka planı değiştirmeden altbilgi bölümünü nasıl yalnızca bir çizgiyle ayırdığıdır.

Not : Birçok sanatçı, bir web sitesinin getirebileceği fırsatı kaçırır, bu yüzden bir web sitesi oluşturun.

Ancak harika Webflow alternatifleri olan diğer kişisel web sitesi oluşturucu seçeneklerini de kontrol edebilirsiniz.

19. Hazır

Ready, en gelişmiş web tasarımcılarını bile heyecanlandıran birçok yaratıcı öğeye sahip, türünün tek örneği, tek sayfalık bir web sitesidir.

Başlık için kullanılan bir metin vurgulaması, ardından Hazır'ın ne hakkında olduğu ve ardından doğrudan kullanılan takvimi göstermeye yönelik bir metin vurgusu içerir.

Ancak harika bölümler burada bitmiyor ve size Ready'ye aşina olmanın eğlenceli bir yolunu sunuyor.

Not : Harika animasyonlar ve ürün tanıtımı ile kullanıcıların dikkatini anında çekebilirsiniz.

20. çevik

Nimbble, karanlık tasarımın ekstra güzel görünmesini sağlayan bir Webflow web sitesidir. Animasyonlu balina, kalın ve anahatlı metin, kaydırıldığında ortaya çıkan içerik, dizüstü bilgisayar kullanılarak yapılan harika örnek/proje ve daha fazlası – Nimbble özeldir.

Navbar ayrıca daha hoş bir izleme deneyimi yaratmak için bir menü simgesine dönüşür.

Not : Herkes açık renkli bir web tasarımı kullanıyorsa, o zaman koyu bir web tasarımı kullanabilir ve kitlelerin arasından sıyrılabilirsiniz.