Harika Proje Sayfalarına Sahip 10 Divi Sitesi

Proje sayfaları, potansiyel müşterilere yaptığınız işin türünü göstermek için harikadır. Genellikle, uzmanlığınızı göstermeye yardımcı olan ve onlara ne beklemeleri gerektiği konusunda gerçekçi bir fikir veren vaka çalışmaları içerirler. Divi ile proje sayfaları oluşturmanın birkaç yolu vardır. Bu yazıda, bir sonraki Divi web siteniz için size ilham vermek için harika hizmet sayfalarına sahip 10 Divi sitesine bakacağız.

Proje sayfaları genellikle resimler, galeriler, kaydırıcılar, video, referanslar ve harekete geçirici mesajlar gibi öğeleri içerir. Beğendiğim bölümün bir resmini göstereceğim ve neleri sevdiğimi tartışacağım. Web siteleri belirli bir düzende değildir. Kendi benzersiz proje sayfanızın seviyesini yükseltmenize yardımcı olacak birkaç bağlantı için sonuna kadar bekleyin.

1. BCBD

Bu, bir tarafta bir dizüstü bilgisayar ekranında projenin ekran görüntüsünü ve diğer tarafta daha büyük bir ekran görüntüsünü gösterir. Görüntülerin altında, bir sütunda başlık, açıklama ve web sitesine bağlantı bulunan iki sütunlu bir bölüm ve diğer sütunda sağlanan hizmetlerin bir listesi bulunur. Bunun altında, farklı cihazlarda görüntülenen web sitesinin ekran görüntülerini, müşteriden bir referansı, bir ayırıcıyı ve bir sonraki projeyi görmek için bir düğmeyi içeren bir bölüm bulunur.

Web Sitesine Bakın

2. Zıpkın

Bu proje sayfası, projenin bir görüntüsünü, ardından müşterinin adı, projenin adı ve bir ayırıcıyı görüntüler. Sonraki bölüm, sol sütunda bir açıklama ve sağda bir kutu gölgesi kullanarak bitmiş ürünün bir görüntüsünü gösterir. Kutu gölgeli daha fazla resim, bitmiş ürünü tek bir sütunda ve ardından bir harekete geçirici mesajda gösterir. CTA, üst ve alt için ayırıcılar kullanır ve tıklanabilir e-posta içeren metin kullanır.

Web Sitesine Bakın (Web sitesi kapalı.)

3. İletişim Tasarımı Ortaklığı

Bu, arka plan resmi, logo, menü, kısa açıklama, ayırıcı ve şirket açıklaması içeren tam genişlikte bir başlık gösterir. Kaydırma, daha büyük sütunda projenin büyük bir görüntüsü ve daha küçük sütunda açıklama ile 2/3, 1/3 satırını gösterir. Açıklama, bir başlık, müşteri adı, kısa açıklama, çözümler ve projeyi PDF olarak indirmek, bir iletişim formu ve portföy sayfasına geri dönmek için bağlantılar dahil olmak üzere projenin bir dökümünü içerir. Projeden bir dizi görüntü ile birlikte stillendirilmiş metin CTA olarak kullanılır.

Web Sitesine Bakın

4. Kübik Tilki

Bu proje sayfası, masanın üzerinde duran bir bilgisayar ekranında projenin bir görüntüsünü gösterir. Metin resmin yanına yerleştirilir ve proje adını, müşteriyi, yılı, CMS'yi, sağlanan hizmetleri ve web sitesini görüntülemek için bir bağlantıyı gösterir. Bunun altında projenin üç ekran görüntüsü örneği var. Resimlerden herhangi birine tıklamak onları bir ışık kutusunda açar. Gerçek dünyadan bir örnek olduğu için ekran görüntüsünü beğendim.

Web Sitesine Bakın

5. Kim Vestergaard

Bu site, web sitesinin farklı alanlarına bağlantılar içeren siyah renkli küçük bir bölüm gösterir. Kaydırma, projeden görüntüleri tek bir sütunda gösterir. Resimler kullanılan yazı tipini, renk paletini, proje tasarımını (bir logodur) ve daha sonra nasıl kullanıldığına dair birçok örneği gösterir. Örnekler, logoyu farklı renkler üzerinde, masaüstü arka planı olarak, bir başlık içinde, farklı cihazlar kullanan bir web sitesinde, poster reklam örnekleri içinde ve sosyal medyada göstermektedir.

Web Sitesine Bakın

6. Öğrenme

Bu, tam genişlikte bir görüntü ve paralaksta proje başlığı ile temiz bir tasarım kullanıyor. Bunun altında bir başlık ve ardından iki sütun var. İlk sütun metindir ve proje açıklamasını sağlar ve kalın harflerle bir referans içerir. İkinci sütun, öne çıkmak için gri bir arka plan kullanır ve okul hakkında bilgi sağlar. Bu bölümün altında proje bilgilerini PDF olarak indirmek için bir bağlantı bulunmaktadır. Başka bir tam genişlikli bölüm, tam genişlikte bir CTA'nın ardından ilgili projelere bağlantılar sağlar.

Web Sitesine Bakın

7. Patti Houston

Bu, proje başlığını ve açıklamasını, ardından iki sütundan tek sütuna ve kısa ve uzun görüntülere değişen çok sütunlu bir düzende projenin görüntülerini gösterir. Bir bölüm, proje hakkında daha fazla bilgi sağlamak için görüntünün yanında metin içerir. Gezinme sonrası önceki ve sonraki projelere bağlantılar sağlar. Bir bölücü, projeyi metin ve bir düğme ile oluşturulmuş bir CTA'dan ayırır. Bunun düzenini seviyorum.

Web Sitesine Bakın

8. Mavi Su Üreticileri

Bu proje sayfası, bindirme ve başlık içeren bir arka plan görüntüsüne sahip tam genişlikte bir başlık görüntüler. Proje bilgileri, dikey bölücülerle bölünmüş metin olarak tam genişlikte bir bölüm içinde sağlanır. İki sütun, proje resim galerisini ve metinle birlikte ayrıntıları gösterir. Bunu takiben, diğer projeleri görmek için şirket logoları, projeyi şahsen görmek için bir harita ve sonraki ve önceki projeye navigasyon sonrası bir bölüm bulunur.

Web Sitesine Bakın

9. Kenny Payero

Bu, projeyi iki sütun içinde görüntüler. İlki, başlığı, konumu, açıklamayı, önceki ve sonraki projeye geçmek için navigasyon sonrası ve sizi portföy sayfasına götüren karelerden oluşan bir düğmeyi gösterir. İkinci sütun, projenin resimlerini bir ızgara içinde görüntüler. Herhangi bir resme tıklamak, onu bir ışık kutusunda açar.

Web Sitesine Bakın

10. Zimmerman Grubu

Bu, listedeki en ayrıntılılardan biridir. Proje başlığı olarak arka plan görüntüsü, gradyan ve müşteri adı ile tam ekran bir başlık kullanır. Kaydırma, bir görüntünün yanında sağlanan hizmetlerin tanıtım yazıları ve müşteri hakkında bilgiler içeren iki sütunu ortaya çıkarır. Bunu takiben müşteriyle ilgili bir video, web sitesi ve reklam kampanyaları (harika bir zaman çizelgesi dahil) dahil olmak üzere projenin görüntüleri, bir arka plan gradyanı üzerinde bir projeye genel bakış ve bir CTA yer almaktadır.

Web Sitesine Bakın

Biten Düşünceler

Bu, bir sonraki Divi tasarımınız için size ilham vermeye yardımcı olacak ilginç hizmet sayfalarına sahip 10 Divi web sitesine bakışımız.

ET blogunda proje sayfaları oluşturmak için mükemmel olan birçok tasarım ve nasıl yapılır makalesi var. Proje sayfası, Divi Builder ile oluşturulabilen özel bir yazı tipidir ve çalışmayı göstermek için genellikle galeriler ve blog gönderileri gibi sayfa tasarımları gibi öğeleri kullanırlar. Hem galerileri hem de blog gönderilerini ve genel sayfa düzenlerini kapsayan eğitimlere bağlantılar ekledim.

• 3 Ücretsiz Güzel Proje Sayfası Düzeni (& Divi Builder ile Daha Fazla Nasıl İnşa Edilir)
• Divi ile Örnek Olayları Düzenlemek için Filtrelenebilir Portföy ve Gezinme Sonrası Nasıl Kullanılır
• Divi ile Kaydırılabilir Metin Önizleme Tableti Nasıl Oluşturulur
• En İyi 11 Portföy Web Sitesinden Çalışmalarımızı Sergileme Hakkında Bize Ne Öğretebilir?
• Divi ile Çarpıcı Galeri Görüşleri Nasıl Oluşturulur
• Divi Galeri Modülü ile Gri Tonlamalıdan Renkliye Galeri Oluşturma
• Ücretsiz Divi Fotoğraf Galerisi Düzen Paketi: Tek Bir İndirmede 5 Çarpıcı Galeri Sayfası Düzeni
• Özel Dolgulu Döşemeli Bir Galeri Oluşturmak için Divi Galeri Modülünü Kullanma
• Ücretsiz Divi Blog Gönderisi Düzen Paketi, Oluşturucu Tarafından Desteklenen Makalelerinizi Bir Sonraki Seviyeye Taşıyacak
• Divi'de Kırık Izgara Düzenleri Tasarlamanın Sırrı
• Divi ile Benzersiz Bir Çapraz Düzen Nasıl Tasarlanır

Senden duymak istiyoruz. Harika proje sayfalarına sahip bu web sitelerinden hangileri favoriniz? Yorumlarda bize bildirin.

PODIS / Shutterstock.com üzerinden Öne Çıkan Görsel