WordPress ile Yapılan 14 Harika Web Sitesi Tasarımı

WordPress ile sınır gökyüzüdür. Yepyeni ve şaşırtıcı bir web sitesine doğru ilk adımı atmamıza yardımcı olacak her türlü WordPress teması ve eklentisi var.

Bu yazıda, size orada ne olduğunu tatmaktan mutluluk duyuyoruz. İçerik yönetim sistemi olarak WordPress ile yapılmış 14 farklı web sitesini paylaşacağız. Her web sitesi farklı türde olsa da, ortak bir noktaları vardır; hepsi sizde harika bir izlenim bırakan harika web sitesi tasarımları.

1. Çılgın

Listedeki ilk web sitesi tasarımı olan Crazy, çılgınca güzel görünen bir web sitesine sahip oldukları için adının hakkını veriyor. Web sitesinin arkasındaki şirket Japonya'da bulunuyor ve yaratıcılıklarını web sitelerine yansıtmayı gerçekten başardı. Genel olarak, web sitesi oldukça temiz ve zarafetini ve sadeliğini yansıtmak için beyaz rengi kullanıyor. Ekledikleri hoş dokunuşlardan biri de web sitelerinin sağ tarafında yer alan sosyal medya simgeleri. Harika bir iş çıkardıkları başka bir şey de, alt menü öğelerini içeren bir menü öğesini açtığınızda kendisini ikiye bölen tam ekran bir menü kullanmaktır. Bahsetmeye değer son şey, web sitelerindeki hemen hemen tüm öğeler için dahil ettikleri kaydırma üzerindeki mükemmel etkilerdir.

2. Bonne Markası

Devam edersek, Bonne Marque'ı harika web sitesi tasarımları listesine de ekledik. Bu web sitesi, sık sık gördüğünüz tipik web sitesi gibi değil. Web sitesini ziyaret ettiğinizde ilk fark edeceğiniz şeylerden biri, web sitesinde yaptığınız hareketler ve eylemlerle paralel giden ses efektleridir. Ana sayfada birçok özel efekt bulunmasına rağmen, içeriği ayık tutmuşlar. Ana sayfalarına, şirketlerinin ve web sitelerinin ne hakkında olduğunu gösteren bir kahraman bölümüyle başlarlar. Ana sayfanın bir sonraki kısmı (ve aynı zamanda son kısmı), şirketin sahip olduğu vaka çalışmalarını sergiliyor. İnsanlara ne hakkında olduklarını söylemek yerine, gelecek vaat eden içeriklerle onları boğmadan göstermeye karar verdiler.

3. Dijital Gülümseme Akademisi

Sırada Digital Smile Academy var. Web sitesinin her yerinde görseller aracılığıyla katma değerlerini temsil etmede harika bir iş çıkaran bir web sitesi. Örneğin kahraman bölümü, şirketin hizmetlerini sunarken sahip olduğu değerleri ve yaklaşımları yansıtan bir video içerir. Crazy web sitesi gibi, bu web sitesi de sosyal medya simgelerini web sitesinin sol tarafında ustaca sergilemeye karar verir. Bunun yanı sıra, web sitesi, web sitesindeki öğelerin çoğu için kaydırma efektlerini de kullanır. Bu kısa özette bahsetmeye değer son şey, çoğu tam ekran menünün aksine yatay olarak sunulan tam ekran menüsüdür. Her menü öğesi bir bölümdür ve öğenin üzerine geldiğinizde, mevcut 10 menü öğesinden (alt menü öğeleri dahil) birini seçtiğinizi vurgulayan bir arka plan resmi görürsünüz.

4. Hayalet Atlar

Harika web sitesi tasarımları listesindeki bir sonraki web sitesi Ghost Horses. Hayalet atlar, Manchester'da bulunan bir web tasarım şirketine adanmış bir web sitesidir. Bu web sitesi ilk bakışta diğerlerinden biraz daha basit görünse de, üzerinde düşünülmüş ve ayrıntılı bir web sitesi yapısına sahiptir. Örneğin, ana sayfadaki farklı bölümler çok güzel bir şekilde bölünmüştür. Her bölümün, bölümün neyle ilgileneceği konusunda size hemen bilgi veren bir simgeyle işaretlendiğini fark edebilirsiniz. Ayrıca, ana sayfadaki her bölüm, bu bölümlerde basit tasarlanmış öğelerin kullanılmasını uygun hale getiren ince ama değer katan bir parçacık arka planına sahiptir.

5. Coraline Colasse

Coraline Colasse web sitesi, listedeki en etkileşimli web sitesi tasarımlarından biridir. İnsanların ana sayfadaki tüm içeriği keşfetmeleri için, yalnızca kaydırma ve tıklamadan başka bir şekilde katılmaları gerekir. Sayfanın alt kısmında belirtildiği gibi projeleri görmek için sayfayı sürükleyebilirsiniz. İnsanlar bu gezinme biçimine alışkın olmadığından, sürüklerken sağlanan içerik üzerinde dikkat süresi daha uzun olacaktır. Ana sayfada sağladıkları içerik, en büyük varlıklarına odaklanmıştır; önceki projeler. Ayrıca tam ekran ve biraz şeffaf bir menüden yararlandılar. Menü öğelerinin yanı sıra, ziyaretçilerin web sitesinin farklı sayfalarında gezinmesine yardımcı olan bazı tanıtım metinleri de eklediler.

6. Doze Stüdyosu

Listedeki altıncı web sitesi olan Doze Studio, muhtemelen en karmaşık görünen web sitesidir. Web sitesi, Fransa'da bulunan bir tasarım ve yaratıcı stüdyoya adanmıştır. Web sitesi, navigasyonda yaklaşık bölümüne, ekip bölümüne, müşteriler bölümüne ve iletişim bölümüne giden dört bağlantı bağlantısı içeren tek sayfalık bir cihazdır. Gerekli tüm bölümler ziyaretçilere yeterli bilgiyi sağlar. Web sitesi, şirketin başarabileceklerinin bir kısmını gösteren karmaşık ve akıllı görünümlü efektler içeriyor.

7. Boyunduruk

Sırada Yoke var. Yoke'un ana sayfası, web sitesini ve web sitesinin arkasındaki şirketi profesyonel görünmesini sağlayan çok temiz renkler kullanır. Ana sayfada kullanılan animasyonlar ise eğlenceli ve yaratıcı tarafını da beraberinde getiriyor. Kahraman kısmına baktığımızda, yapısının o kadar sık ​​rastladığınız bir yapı olmadığını görebiliriz. Öğeleri merkezi hale getirmek yerine, animasyonu ortaya ve diğer tüm öğeleri köşelere yerleştirmeyi tercih ettiler. Ziyaretçilerin sahip oldukları farklı seçenekler arasında gezinmelerini kolaylaştıran bir şey. Daha fazla aşağı kaydırdığınızda, sağladıkları içeriği temsil etmek için farklı türde kutular kullandıklarını fark edeceksiniz.

8. Kreano

Devam ederek, Fransa'da bulunan bir dijital zanaat stüdyosu olan Creano'ya bir göz atacağız. Web sitesini açarken, başlatıcı aracılığıyla web sitesine girmeyi isteyerek hemen web sitesi ile etkileşim talebinde bulunurlar. Asıl web sitesine girdiğinizde, insanların hemen dikkatini çeken başka bir şey de bölümler arasındaki karşılıklı arka plandır. Bu, ziyaretçilerine vermek istedikleri hikaye anlatım sürecini vurgular. Ayrıca, web sitelerinde, ona perspektif ekleyen kayan bir efekt de kullanırlar. İnsanlara içeriği keşfetmeleri için bir neden verme konusunda kesinlikle işe yarayan bir şey. Menü öğesine tıklandığında, bir bindirme açmak yerine aynı düzende yeni bir sayfa yüklenir ve menü öğeleri orada gösterilir.

9. Victoria Baharatı

Web sitesi tasarımları listemizde bizde iz bırakan bir diğer web sitesi de Londra'da yerleşik bir set tasarımcısı olan Victoria Spicer. Yaptığı web sitesi oldukça etkileyici, özellikle de bir kişinin hizmetlerini ve projelerini temsil eden bir web sitesi olduğu düşünüldüğünde. Web sitesi, sade ve temiz bir görünüm ile sağlanan içeriği vurgulayan bazı harika efektler arasında güzel bir dengeye sahiptir. Örneğin, kahraman bölümünde Victoria Spicer, insanların farklı slaytları keşfetmesine izin vermenin güzel bir yolunu buldu. Kahraman bölümünün sağ veya sol tarafının üzerine geldiğinizde, imleç olarak bir ok görünür. Tüm bunların yanı sıra, kaydırma üzerinde de mükemmel efektler kullandı.

10. Portal Kandy verileri

Harika web sitesi tasarımları listemizdeki çok güzel bir web sitesi de Portal Kandydata. Bu web sitesi hikaye anlatıcılığını bir sonraki seviyeye taşıyor. Kahraman bölümüne tıklamanızı basılı tutarak, bir hikayede gösterileceksiniz. Hikayenin sonu sizi eninde sonunda ana sayfaya götürür. Ziyaretçilerle etkileşim kurmanın kesinlikle güzel bir yolu. Ancak hikayeyi atlamak isterseniz hemen menüde aradığınız şeye gidebilirsiniz. Web sitesi, Polonyalı bir web tasarım şirketi olan Superskrypt tarafından tasarlanmıştır ve bu yazının devamında da ele alacağız.

11. VR Arles Festivali

Seçtiğimiz web sitesi tasarımlarından bir sonraki VR Arles Festivali. VR Arles Festival aynı zamanda bir Fransız web sitesidir (Fransızlar oldukça iyi bir iş çıkarıyorlar, değil mi). Web sitesi bir VR festivaline adanmıştır ve gözümüze çarpan ilk şey, kahraman bölümünde 3D animasyonun kullanılmasıdır. Web sitesine bu ekstra küçük dokunuşu verir ve web sitesinin konusuyla uyumludur; hangi sanal gerçeklik. Bunun yanı sıra, web sitesinin tüm yüksekliğini değil, sadece bir kısmını kaplayan hoş bir sürgülü menüye de sahipler.

12. Süper Kripto

Ardından, Polonya merkezli bir yaratıcı ajans olan Superskrypt'e sahibiz. Sundukları hizmetlerden ikisi markalaşma ve marka web siteleridir. Superskrypt aynı zamanda bu gönderide sergilediğimiz Portal Kandydata web sitesinin de yaratıcısıdır. Çok basit bir kahraman bölümü olan koyu renkli bir web siteleri var. Basit olmasına rağmen, aynı zamanda etkilidir. Web sitesinin süslü kısmına geçmeden önce izleyicilerine bazı basit etiket satırları sağlarlar. Orada, yazılı içeriklerini noktalı bir şekilde sağlayarak ve onu güzel arka plan efektleriyle süsleyerek kovalamayı kestiler.

Divi ile Yapılan

Size genel olarak WordPress ile yapılmış bazı web sitelerini gösterdikten sonra, aynı zamanda WordPress ve Divi ile yapılmış çarpıcı görünümlü iki web sitesini de dahil etmek istiyoruz.

13. Popla Bellingen

Listedeki on dördüncü web sitesi ve bahsetmeye değer ilk Divi web sitesi Popla Bellingen web sitesidir. Bu web sitesinin kahraman bölümü hemen dikkatimizi çekiyor. Satır için kullanılan beyaz bir arka plana sahip güzel bir şekilde birleştirilmiş bir bölüm arka planıdır. Bu web sitesinin kahraman bölümü, bir slogan ve uygun görselin yanı sıra, iletişim bilgilerini arayan kişilerin hemen iletişime geçmesini kolaylaştıran bazı temel bilgileri de içerir. Bu web sitesiyle ilgili bir diğer dikkat çekici şey, menü öğeleriyle birlikte ana menüde üst üste binen logo. Bahsetmeye değer son şey, Instagram resimlerini içeren ana sayfanın sonundaki kaydırıcıdır.

14. Aile Dinamikleri Yardım Merkezi

Listedeki sonuncusu ve Divi ile yapılan ikinci web sitesi, Family Dynamics Assistance Center'a adanmış bir web sitesidir. Bu site, sundukları hizmetleri web sitesinin görünümü ve hissi ile mükemmel bir şekilde eşleştirir. Web sitesinde kullanılan farklı özel tasarımlarla güzel bir şekilde birleşen yumuşak ve ciddi renkler kullanılır. Bunun yanı sıra, kaydırma üzerindeki farklı efektler, mesajın getirilmesine ve ciddi içeriğin etkileşimli ve yapılandırılmış bir şekilde paylaşılmasına yardımcı olur.

Son düşünceler

Bu yazıda, size orada olan bazı harika web sitesi tasarımları gösterdik. Sergilediğimiz tüm tasarımlar WordPress tarafından yapıldı ve güçlendirildi. Bu web sitesi tasarımları, kendi web siteniz veya sahip olabileceğiniz bir sonraki proje için ilham almanın mükemmel bir yoludur. Herhangi bir sorunuz veya öneriniz varsa; Aşağıdaki yorum bölümünde bir yorum bıraktığınızdan emin olun!

Büyük bir duyuruyu, faydalı ipucunu veya Divi freebie'sini asla kaçırmamak için e-posta bültenimize ve YouTube kanalımıza abone olmayı unutmayın!

Öne Çıkan Görsel 32 piksel / Shutterstock.com