Olağanüstü proje sayfası olan 10 divi sitesi
Proje sayfası, potansiyel müşterilere yaptığınız iş türünü göstermek çok iyidir. Genellikle uzmanlığınızı göstermeye yardımcı olan ve onlara beklenenler hakkında gerçekçi fikirler vermeye yardımcı olan vaka çalışmaları içerir. Divi ile bir proje sayfası oluşturmanın birkaç yolu vardır. Bu makalede, bir sonraki Divi web siteniz için size ilham vermeye yardımcı olacak olağanüstü hizmet sayfası olan 10 Divi sitesi göreceğiz. Proje sayfaları genellikle resimler, galeriler, kayar bıçaklar, video, referanslar ve harekete geçecek davetiyeler gibi unsurları içerir. Sevdiğim parçanın bir resmini göstereceğim ve ondan ne sevdiğimi tartışacağım. Web sitesi belirli bir sırada değil. Kendi benzersiz proje sayfalarınızı yükseltmenize yardımcı olacak bazı bağlantılar için sonuna kadar bekleyin.
1. BCBD
Bu, arka plan görüntüleri, logolar, menüler, sloganlar, sınırlar ve şirket açıklamalarıyla dolu geniş bir başlık gösterir. Kaydırma, daha büyük bir sütunda büyük proje görüntüleri ve daha küçük bir sütunda açıklama ile 2/3, 1/3 satırını ortaya çıkardı. Açıklama, başlık, müşterinin adı, kısa açıklama, çözüm ve projeyi PDF olarak indirmek için bağlantı formuna ve portföy sayfasına geri dönme gibi proje ayrıntılarını içerir. Projeden şık metin ile birlikte bir dizi görüntü CTA olarak kullanılır. Bkz. Web Sitesi 4. Kübik Fox
Bu proje sayfası, proje görüntülerini masada oturan bir bilgisayar ekranında görüntüler. Metin resmin yanına yerleştirilir ve projenin adını, müşteri, yıl, CMS, sağlanan hizmetler ve web sitelerini görüntülemek için bağlantıları gösterir. Aşağıda proje ekran görüntüleri üç örneği verilmiştir. Görüntülerden birini tıklamak Lightbox’ta açılacaktır. Ekran görüntülerini seviyorum çünkü bu gerçek bir dünyanın örneğidir. Bkz. Web Sitesi 5. Kim Vestergaard Bu site, çeşitli web sitesi alanlarına bağlantılı küçük bir siyah kısım içerir. Scrolls, projeden görüntüleri bir sütunda ortaya çıkardı. Görüntü, kullanılan harflerin türünü, renk paleti, proje tasarımı (bir logo olan) ve daha sonra nasıl kullanıldığına dair birçok örnek gösterir. Örnek, masaüstü arka plan olarak, başlıkta, farklı bir cihaz kullanarak, bir poster reklamında ve sosyal medyada farklı renklere sahip bir logo gösterir. Web Sitesine bakın 6. Öğrenin Bu, tam geniş bir resme sahip temiz bir tasarım ve Paralaks’ta proje başlığı kullanıyor. Aşağıda başlık ve sonra iki sütun bulunmaktadır. İlk sütun metindir ve bir proje açıklaması verir ve kalın basılı bir referans içerir. İkinci sütun, okullar hakkında vurgulamak ve bilgi sağlamak için gri bir arka plan kullanır. Bu bölümde proje bilgilerini PDF olarak indirmek için bir bağlantı bulunmaktadır. Diğer tam parçalar, ilgili projeye bağlantılar sağlar ve ardından tam geniş CTA.
Bkz. Web Sitesi 7. Patti Houston Bu, projenin başlığını ve açıklamasını, ardından iki sütundan bir sütuna ve kısa ve yüksek görüntülere dönüşen çoklu sütunlu bir düzende proje görüntülerini gösterir. Bir kısım, proje hakkında daha fazla bilgi sağlamak için resmin yanındaki metni içerir. Navigasyon yayınları önceki ve sonraki projelere bağlantılar sağlar. Bölücü, projeyi metin ve düğmelerle yapılan CTA’dan ayırır. Bu düzeni beğendim.
Bkz. Web Sitesi 8. Mavi Hava Binası
Bu proje sayfası, kaplama ve başlıklı arka plan görüntüleriyle dolu geniş bir başlık görüntüler. Proje bilgileri, dikey böceklere bölünmüş bir metin olarak tam genişlikte sağlanır. İki sütun proje resim galerisini ve metinle ilgili ayrıntıları gösterir. Aşağıdakiler, şirketin diğer projeleri görmek için logosunun, projeyi doğrudan görmek için bir harita ve bir sonraki ve önceki projede gezinme sonrası bir parçasıdır. Bkz. Web Sitesi 9. Kenny Payeroyang iki sütunda bir proje içeriyor. Birincisi, önceki ve bir sonraki projeye geçmek için başlık, konum, açıklama, navigasyon gönderisini ve sizi portföy sayfasına götüren kutulardan yapılmış düğmeleri gösterir. İkinci sütun, proje görüntüsünü kutudaki görüntüler. Herhangi bir görüntüyü tıklamak Lightbox’ta açılır.Bkz. Web Sitesi 10. Zimmerman Grubu Bu, listedeki en karmaşık olanlardan biridir. Proje başlıkları olarak arka plan görüntüleri, gradyanlar ve istemci adlarıyla dolu bir ekran başlığı kullanır. Scrolls, istemci hakkında bilgi ve resmin yanında sağlanan hizmet açıklaması ile iki sütun ortaya çıktı. Müşteriler, web siteleri ve reklam kampanyaları (serin zaman çizgileri dahil) dahil proje görüntüleri, arka plan gradyanları hakkında proje özetleri ve CTA hakkında videolar aşağıdadır. Bir sonraki divi tasarımı için size ilham vermek için cazip hizmet sayfaları ile 10 divi web sitesi olan zihni sona erdiren web sitesine bakın. Birçok tasarım makalesi ve bir proje sayfası oluşturmak için mükemmel ET blogunda nasıl çalışılacağı vardır. Proje sayfası, Divi Builder ile oluşturulabilen özel bir yazı türüdür ve genellikle iş göstermek için blog yazıları gibi galeriler ve sayfa tasarımları gibi öğeler kullanırlar. Galerileri ve blog yayınlarını içeren bir öğreticiye ve genel sayfaların düzeni ekledim.
Divi ile vaka çalışmaları düzenlemek için filtrelenmiş bir portföy ve navigasyon postası nasıl kullanılır Divi ile piyasaya sürülebilecek bir önizleme tablet metni nasıl yapılır
Bize işimizi göstermeyi öğretebilecek en iyi 11 portföy web sitesi nelerdir?
Divi ile harika galeri referansları nasıl yapılır
Divi Galerisi Modülü ile Renk Galerisi’ne Gray Talizi Oluşturun
Divi Fotoğraf Galeri Düzen Paketi Ücretsiz: 5 Amazing Galeri Sayfası Düzeni Bir Konforlu İndirme
Özel dolgulu bir karo galerisi yapmak için bir divi galerisi modülü kullanın
Ücretsiz Divi Blog Gönderi Düzeni Paketi, Maker -Powered Makalenizi bir sonraki seviyeye getirecek
Divi’de hasarlı bir ızgara düzeni tasarlamanın sırrı
Divi ile benzersiz bir diyagonal düzen nasıl tasarlanır
Senden duymak istiyoruz. Bu olağanüstü proje sayfasıyla bu web sitesinden hangisi favoriniz? Bize yorumlarda söyleyin.
Podis / Shutterstock.com aracılığıyla üstün görüntü
