Asla Tanıyamayacağınız 10 Harika Divi Sitesi ve Onları Benzersiz Kılan Nedir?

Divi 100 Maratonumuzun 6. Gününe hoş geldiniz. Serinin son gününde muhteşem Divi 3.0 sürümüne geri sayarken, 100 gün boyunca muhteşem Divi kaynaklarını izlemeye devam edin!

---

Pek çok insan, bir tema çerçevesi kullanılarak oluşturulan sitelerin aynı kalıpla pişirilmiş kurabiyeler olabileceğini düşünüyor. Sonuçta hepsi benzer düzenler, widget'lar ve düğmeler kullanılarak yapıldı, değil mi? Sadece birkaç resmi değiştirin, metninizi yazın ve hazırsınız.

Bu, bazı temalar için geçerli olsa da , Divi, kişiselleştirme konularında en titiz kullanıcıları bile tatmin etmek için yeterli esneklik sunar. Öyleyse neden biraz beyin fırtınası yaparak biraz oynayıp neler yapabileceğinizi göremiyorsunuz?

Bu yaratıcı meyve sularının akmasını sağlamak için biraz yardıma ihtiyacınız varsa, şanslısınız. Divi teması kullanılarak oluşturulmuş bazı benzersiz siteler bulmak için web'i taradık ve onları tam olarak neyin bu kadar özel kıldığını aşağıda inceleyeceğiz.

Asla Tanıyamayacağınız 10 Harika Divi Sitemiz

1. Metrik soğutma

Metricool, web siteleri ve bloglar için bir ölçüm hizmetidir. Kısa bir dizi özellik ve sayfa görünümleri, ziyaretçi sayısı, yorum etkinliği ve sosyal medya etkileşimleri gibi tüm temel bilgileri takip etmenize yardımcı olan muhteşem (ve sezgisel) bir gösterge panosu ile rekabetten ayrılırlar. Bunun da ötesinde, takipçileri arasında sosyal medya kullanımının en yoğun olduğu zamanları hesaplayarak, kullanıcılara yeni içerik yayınlamak veya ziyaretçileriyle etkileşime geçmek için en iyi zamanlar hakkında bilgi verir.

Açılış sayfaları Divi kullanılarak oluşturuldu ve basit grafikler kullanarak tonlarca bilginin nasıl yakalanacağını mükemmel bir şekilde örnekliyor. Aşağı kaydırdıkça, bilgi özetleri ile birlikte gösterge panosunun ekran görüntülerini kullanarak hizmetlerinin yeni öğeleriyle aşamalı olarak tanışırsınız.

Web sitesinin daha renkli bölümlerle serpiştirilmiş beyaz alan kullandığını fark etmiş olabilirsiniz. Renkli web sitelerinde bu, kontrast kullanımı yoluyla izleyicinin gözlerinin (deyim yerindeyse) 'dinlenmesine' hizmet eder ve her bölümü görsel olarak ayırma avantajına sahiptir.

Metricool'un açılış sayfası, bir sayfanın içeriğini vurgulamak için renklerin nasıl kullanılacağına ve bir tasarım boyunca serpiştirilmiş aynı renkleri yeniden kullanarak kişisel bir stil oluşturmanın harika bir örneğidir.

2. Webbyra Stockholm & Are

Web geliştirme ajansları bile iş web sitelerini güçlendirmek için temanızı seçtiğinde, doğru bir şey yaptığınızı bilirsiniz. Webbyra Stockholm & Are, web geliştirme, grafik tasarım ve kavramsallaştırma, programlama görevleri ve API entegrasyonu konusunda uzmanlaşmış bir firmadır.

Siteye girer girmez fark edeceğiniz ilk şey, başlığı içeren HTML5 video arka planıdır. Beyazın ve birkaç kırmızı tonunun kullanımıyla çekici bir kontrast elde etmenin yanı sıra benzersiz bir şekilde açılan genişletilebilir bir gezinme çubuğuna sahiptir.

Gezinme çubuğu simgesi, hem açma hem de kapama için bir animasyon kullanır ve menünün yanı sıra, dönüşümleri artıracağı kesin olan kompakt bir iletişim formu da gösterir.

Web sitesinin geri kalanına gelince, oldukça çekici, ancak ana sayfa kesinlikle ana çekiliş. Webbyra Stockholm & Are, bilgi ve harekete geçirici mesajların öne çıkması ve aynı zamanda çok sayıda bilgi sağlaması için her sayfada kontrasttan iyi bir şekilde yararlanıyor.

3. Sonsuzluk

Ifinity, kentsel alanlara “dijital bir katman ekleme” ve onları akıllı şehirlere dönüştürme işinde olan Avrupa merkezli bir şirkettir. Bazı örnekler, toplu taşıma araçlarını gerçek zamanlı olarak bulma yeteneği, resmi binaların sanal haritaları, sanal sıraya alma ve park yeri yönetimi olabilir. Bunu öğrenene kadar istediğinizi asla bilmediğiniz teknoloji (cidden, sanal sıraya girme? Bize kaydolun!).

Yine de web siteleri o kadar da bilim kurgu bir şey değil. Kurumsal bir web sitesi olduğunu hemen anlayabilirsiniz, ancak bu mutlaka kötü bir şey değildir. Örneğin, düzen, klasik bir güçlü logo ve saçma sapan bir gezinme çubuğu ve ardından Ifinity hizmetine bir video tanıtımı içeriyor (arkada ince bir video animasyonu yapabilirsiniz).

Yukarıdakileri, sitenin geri kalanına bağlanan bazı güzel fotoğrafların bulunduğu düzenli bir ızgara takip eder. Bu özel ızgara, kademeli boyutların kullanımı sayesinde harika görünüyor, bu da her bölümün kolayca tanınmasını ve farklı renklerin kullanılmasını sağlıyor.

Sonuç olarak, Ifinity, Divi'nin kurumsal web sitelerini aplomb ile çözebileceğini gösteriyor.

4. Aline Kollektif

Aline Collective, marka bilinci oluşturma, fotoğrafçılık, web sitesi ve baskı tasarımına ayrılmış bir kıyafettir. Web sitelerine hızlı bir bakış, marka bilinci oluşturma öğelerine sahip olduklarını belirlemek için yeterlidir. Tasarım seçimleri tüm hassasiyetlere hitap etmese de, site bazı benzersiz tasarım seçenekleri sayesinde kesinlikle öne çıkıyor.

Başlıktan aşağıya, bu web sitesindeki tasarım, Aline Collective tarafından sağlanan hizmetlerin nokta nokta dağılımına, madde noktalarına benzersiz bir bakış açısı kazandırmaya yöneliktir.

Bu eğilim, tüm web sitesinde kendini tekrar ediyor, ayrıca belirli noktaları vurgulamak için kalın yazı tiplerinin bazı stratejik kullanımı (çığır açıcı değil, biliyoruz, ancak burada kullanımları birinci sınıf) ve potansiyel müşterileri dürtmek için burada ve orada olumlu bir inceleme doğru yolda.

Son olarak, portföy sayfaları ağrılı gözler için bir manzaradır. Galerileri için genel marka bilinci oluşturma ekran görüntülerini kullanmak yerine, her projenin belirli yönlerine odaklanmayı seçtiler ve kalan görüntülerin tamamı tam genişlikte ve renkli.

5. Montreal için M

M for Montreal, hem yıllık bir etkinlik hem de gelişmekte olan müzisyenleri sergilemeye ve kariyerlerini Kanada'nın buzlu sınırlarının dışına genişletmelerine yardımcı olmaya adanmış tam zamanlı bağımsız bir organizasyondur.

Web siteleri tekerleği yeniden icat etmeye çalışmıyor, ancak birkaç basit stil seçeneği sayesinde benzersiz bir kişiliğe sahip. Örneğin, siyah ve mavi kullanımları, site genelinde tekrarlandığı görülen kişisel bir stil oluşturur. Farklı bir stil kullanmasına rağmen, üst gezinme çubuğu gibi, fareyle üzerine gelindiğinde sol kenar çubuğu mavi olarak vurgulanır.

Ayrıca, logolarının tasarımını takip eden kara kutuların kullanımı da dikkat çekicidir. Bu tasarım seçeneklerinin her biri ayrı ayrı dikkate alınmaya değmez, ancak Divi çerçevesinin üzerinde benzersiz bir stil oluşturmak için bir araya gelirler.

6. Okset

Oxette, yüksek kaliteli ürünler arayan kadınlar için çevrimiçi bir mücevher ve aksesuar mağazasıdır. Aynı zamanda listemizde yer alan tek e-ticaret mağazasıdır ve zarif ama sade yerleşim düzeni ve tasarım seçenekleri sayesinde bir puan kazanmıştır.

Siyah ve kırmızı renkler marka için iyi bir seçim ve yüksek çözünürlüklü fotoğrafçılık ve paralaks kaydırma ile birleştiğinde hoş bir etki yaratıyor (elbette çarpıcı modellerinin yardımıyla). Her ürünün aynı türden beyaz arka plan fotoğrafçılığına sahip olması, sayfaya temiz bir görünüm kazandırmaya da hizmet eder (ürün ayrıntıları sayfasına ulaşmak için iki kez tıklamak zorunda kalmanıza rağmen, kullanılabilirlik söz konusu olduğunda büyük bir hayır-hayırdır).

7. Canlı Fotoğraf Çekimi Yapın

Engage Live Photography, fotoğrafçıların atölye çalışmaları, eğitim kursları, mentorluk fırsatları ve hatta çevrimiçi dersler aracılığıyla zanaatlarını geliştirmelerine yardımcı olmayı amaçlayan bir hizmettir.

Siteleri özel bir şey gibi görünmese de, onlara listemizde bir yer kazandıran bir tasarım seçeneği var. Ana sayfalarında, her biri için ince bir vurgulu animasyon ile yaklaşan tüm sınıfları görüntüleyen dikey bir takvim ve her bölümü genişletme ve tercih ettiğiniz sınıfı sepete ekleme (ayrıca ek bilgileri görme) özelliği bulunur. ana Sayfa.

Bu özelliğin tek hantal kısmı, her seçenek seçildiğinde genişletilmiş küçük resimlerin dahil edilmesidir. Daha şık görünen bir çözüm, dersi sepetinize ekleme seçeneğini ve ek bilgileri basitçe görüntülemek olacaktır.

Yine de, bu seçenek, bir sınıf planlamaya çalışırken olağan tıknaz takvimlerden çok daha kolaydır ve diğer hizmet türlerine kolayca uyarlanabilir.

8. Jamdonut'tan Yaratıcı Teknolojiler

Creative Technologies, video, animasyon, yazılım geliştirme, elektronik ve kampanya optimizasyonuna kadar her şeyin üstesinden gelebilecek, hepsi bir arada bir donanımdır.

Web siteleri diğer kurumsal tekliflerle karşılaştırıldığında seyrek görünse de, adından da anlaşılacağı gibi yaratıcıdır.

Sitenin çalışmasını sağlayan şey, blog ve iletişim bağlantıları şu anda hiçbir yere götürmese bile, hizmet ve vitrin bölümlerine serpiştirilmiş basit animasyonlardır. Bitmemiş bir web sitesi hiçbir zaman ideal bir durum olmasa da, bu, 'kurumsal' diye bağırmayan bir işletme için nasıl tek sayfalık bir web sitesi oluşturabileceğinize iyi bir örnektir.

9. Opoveiro

Opoveiro, bir Portekiz şehri olan Povoa de Varzim'in kültürel kimliği etrafında kurulmuş bir bilgilendirme sitesidir.

Bu, kökeni Divi köklerine kadar en kolay şekilde izlenebilen listemizdeki site olabilir, ancak yine de benzersiz bir görsel kimliğin bir siteyi aynı tema kullanılarak oluşturulmuş diğer sitelerden ayırmaya nasıl hizmet edebileceğinin değerli bir örneği olmaya devam ediyor.

Burada benzersizlik, birkaç basit ekleme şeklinde gelir. Sol tarafta stil sahibi bir gezinme çubuğu ve sosyal medya paylaşım çubuğu (çoğu web sitesi bunu sonradan akla gelir), ayrıca sitede yer alan tüm görsellerde aynı tasarım stili (birçoğu yeniden boyutlandırılabilir olsa da).

10. Piksel ve Meşe

Pixel & Oak, çalışmalarını sergilemek ve en iyi yaptıkları şeye, yani zanaatlarına odaklanmalarını sağlamak için web sitelerine ihtiyaç duyan yaratıcılara yönelik küçük bir tasarım stüdyosudur.

Tennessee dağlarında yaşayan web tasarımcısı Molly Prior, dünyanın her yerindeki küçük işletmelerle çalışıyor. Kendi sitesi için Divi'nin tasarımcılar, web stüdyoları ve tasarım/reklam ajansları için neler yapabileceğinin zevkli bir örneğini yarattı.

Özellikle Divi'nin blog modülüyle yaptıklarından keyif alıyoruz. Renklerden ve fareyle üzerine gelme efektlerinden gönderi düzenlerine ve içeriğin kendisine kadar, blogu çok yönlülük yayar. Divi'nin bloguyla mümkün olan editoryal ifadenin harika bir örneği.

Çözüm

Pek çok temanın benzer sitelere yol açma eğiliminde olduğu doğru olsa da, çoğu durumda bu, geliştirme sürecinde basit bir hayal gücü eksikliğine bağlanabilir. Kutunun biraz dışında düşünmeye istekliyseniz, Divi sitenizin özel yapım bir site kadar profesyonel görünmemesi ve hissetmemesi için hiçbir neden yok.

İlhama ihtiyacınız varsa, animasyonlar, zıt renklerin iyi kullanımı, kalın kenar çubukları vb. gibi makale boyunca sergilenen benzersiz stil seçeneklerinden bazılarına bakın. Uygularsanız web sitenizin her yönü benzersiz hale getirilebilir. küçük bir doz yaratıcılık.

Gelecekteki Divi tasarımları vitrininde yer almasını istediğiniz bir siteniz varsa, bunu DIVI SITE SUNUM konu satırıyla ElegantThemes.com'daki Nathan'daki editörümüze gönderebilirsiniz.