İlginç Hizmet Sayfalarına Sahip 14 Divi Sitesi

İlginç bir hizmetler sayfası, çevrimiçi iş yapmak için çok önemlidir. Ziyaretçiye ne yaptığınızı, nasıl yaptığınızı, sizinle iş yapmanın nasıl bir şey olduğunu gösterir ve onlara gerçekçi bir beklenti kazandırmaya yardımcı olur. Servis sayfaları her türlü tasarımda gelir. Bu yazıda, bir sonraki Divi tasarımınız için size ilham vermeye yardımcı olacak ilginç hizmet sayfalarına sahip 14 Divi web sitesine bakacağız.

Hizmet sayfaları genellikle fiyatlandırma tabloları, tanıtım yazıları, geçişler, resimler, video 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 iletişim sayfanızın seviyesini yükseltmenize yardımcı olacak birkaç bağlantı için sonuna kadar bekleyin.

1. Bristol Çatı Ustaları

Bu site, kutu gölge efektleri kullanan kartlardaki hizmetleri görüntüler. Bir resim, başlık, ayırıcı ve metin gösterirler. İki renkli arka plan, başlığın arkasında çapraz olarak bölünerek ona ön plandan uzaklaşmayan ilginç bir tasarım sunar. Tam genişlikteki görüntüler eşleşecek şekilde açılıdır. Neden Biz bölümü, kadranlar oluşturmak için bölücüler kullanırken kırmızı başlıklar kullanır. İşlem bölümü, siteye uyacak şekilde tasarlanmış büyük bir resme karşı değişen bir düzen ile numaralandırılmıştır.

Web Sitesine Bakın

2. Landcore Danışmanlığı

Bu site, başlığın arkasında paralaks içinde büyük bir resim kullanır. Hizmetler, sitenin markasına uygun yeşil kenarlıklar ve simgeler içeren kutular içinde görüntülenir. Hizmetlerin her biri ayrıca, her bölümün paralaks ve dalgalı bölüm ayırıcılarda bir görüntüyle bölündüğü kendi bölümlerine sahiptir.

Web Sitesine Bakın

3. Doshii

Bu site, her biri dalgalı bir ayırıcıya sahip, mavi gradyan veya beyaz arka plan içeren alternatif bölümler kullanır. Her bölüm, metin ve grafikler içeren bir hizmet görüntüler ve bunların düzenleri bir taraftan diğerine değişir. Son bir CTA, kutu gölgelerini ve düğme gölgelerini kullanır. Site, renk ve gölge efektlerinden harika bir şekilde yararlanıyor.

Web Sitesine Bakın

4. İlk Beş Sekiz

Bu, bir tarafta CTA ve diğer tarafta hizmet simgeleri bulunan iki sütunlu çapraz bölünmüş bir ekran görüntüler. Sonraki bölümde, süreç boyunca adım adım ilerleyen ve her adımın ilişkisini gösteren dört bloklu bir grafik vardır. Tam genişlikte bir bölüm, siyah bir arka plan üzerinde yeşil simgeler ve beyaz metin ve vurgulu efektli düğmeler içeren hedefleri gösterir. İstatistikler ve iletişim bölümleri bu tasarıma uyuyor. Adımların her biri, grafikler ve tanıtım yazıları ile kendi bölümünü alır.

Web Sitesine Bakın

5. Uçlar + Saplar

Bu sayfa, güvenilirlik oluşturmaya yardımcı olmak için şirket liderleri hakkında tam genişlikte bölümlerle başlar. Hizmetler, beyaz simgeler ve metin içeren yeşil kutular içinde görüntülenir. Bunu takiben, stil sahibi bir iletişim formu, sosyal medya harekete geçirici mesaj, sosyal takip butonlu Instagram beslemesi, katılım ve Hakkında bölümü bulunur. Bu site bazı ilginç renk markaları kullanıyor. Vurguluyken düğmenin arka planını düğmelerin sınırına getiren düğme vurgulu efektini seviyorum.

Web Sitesine Bakın

6. Stuart Johnson

Bu site, sayfayı tanıtmak için büyük başlık metni ile paralaks içinde tam ekran arka plan görüntüsü kullanır. Tanıtıcı bilgi metni iki sütun halinde verilmiştir. 6-dairesel bir grafik, her birinin kısa bir açıklaması ile 6-P yaklaşımlarını açıklar. Uygulama Alanları kısa bir paralaks bölümünde bir başlık ile tanıtılmaktadır. Uygulama alanlarının kendileri, sitenin markasına uyacak şekilde tasarlanmış geçişler içinde gösterilir.

Web Sitesine Bakın

7. Web Bağlantısı

Bu site, sayfayı bindirmeli bir arka plan üzerinde bir başlık ve kısa açıklama ile tanıtır. Sonraki bölüm, bölümün üstü ve altı için dalgalı bir ayırıcı kullanarak o sayfanın hizmetini gösterir. Hizmete ilişkin özellikler bir tabloda ve ardından yöntemlerini üç tanıtım yazısıyla açıklayan bir bölümde sağlanır. Kısa bir vaka çalışması, daha fazla bilgi için ayrıntılı bir sayfaya bağlantı içerir. Sosyal kanıt, müşteri logoları ile sağlanır.

Web Sitesine Bakın

8. Mavi Kedi Medya ve Tasarım

Bu site, sayfayı desenli bir arka plan üzerinde zarif bir başlık ve metinle tanıtır. Nelerin dahil edildiğini gösteren bir bölüm, ortada metin ve dış sütunlarda resimlerle birlikte farklı hizmetler hakkında bilgi ve ardından bir CTA ile eklentilerin bir açıklaması sağlar. Yolculukla ilgili bir bölüm, sürecin her bir bölümünde adım adım numaralandırarak ve her biri hakkında ayrıntılı bilgi vererek adım adım ilerler.

Web Sitesine Bakın

9. Yetenek Tasarımları

Bu, koyu renkler kullanır ve hizmetleri, her biri için simgeler, başlıklar ve metinlerle tamamlanmış tek bir büyük tanıtım yazısı halinde birleşmiş gibi görünen ayrı tanıtım yazılarıyla sunar. Bunu takiben, portföyü görmek için stilli bir düğme ile hizmetleri listeleyen bir bölümdür. Başka bir bölüm, numaralandırılmış başlıklar ve kısa açıklamalarla süreç boyunca ilerlemektedir. Koyu kırmızı bir CTA, stilize edilmiş bir bölüm ayırıcı, zarif bir metin ve stil sahibi bir düğme içerir. Bu sayfadaki arka plan desenlerini ve renklerini beğendim.

Web Sitesine Bakın

10. Zomleks

Bu, çok sayıda beyaz boşluk içeren temiz bir tasarım kullanır. Sayfa, büyük bir başlık ve kısa bir açıklama ile tanıtılır. Hizmetler, ayrı hizmet sayfalarına kutu gölgeleri, elle çizilmiş grafikler, başlıklar, metin ve stil düğmeleri kullanılarak büyük tanıtımlarda gösterilir. Bunu takiben, zarif görünümünü korurken öne çıkmak için beyaz renklerin mavisini tersine çeviren tam genişlikte bir CTA var. Özellikle grafikleri ve renkleri beğendim.

Web Sitesine Bakın

11. zarf

Bu sitenin bireysel hizmet sayfaları bir başlık, açıklama ve grafik ile tanıtılır ve ardından iki sütunda bir açıklama gelir. Avantajlar, tanıtım yazıları ve elle çizilmiş grafiklerle tam genişlikte kısa bir bölüm içinde gösterilir. Örnekler, tam ekran bir görüntü içinde gösterilir ve ardından süreci açıklayan tanıtım yazıları gelir. Teklifler için CTA'lar, neyin dahil olduğunu gösteren tablolar içerir. Başka bir bölüm, stil sahibi bir iletişim formunun yanında faydaları vurgular.

Web Sitesine Bakın

12. Devrim Parçaları

Bu sitenin hizmet sayfalarının her biri, simgeler içeren bir bölüm ve tıklandığında farklılık özelliklerini vurgulayan bir başlık içerir. Özelliklerin kendisi resimler, açıklamalar ve bir demo görmek için bir düğme ile görüntülenir. Sayfa, bu hizmetle ilgili makaleler için bir blog bölümü ve güzel bir altbilgi oluşturan son bir CTA ile sona erer. Bu sayfa, renk ve beyaz boşluktan büyük ölçüde yararlanır.

Web Sitesine Bakın

13. Panoramik Tasarım

Bu sayfa bir başlık ve tıklanabilir telefon numarası ile başlar ve bunu şirketle çalışmanın faydalarını açıklayan bir bölüm takip eder. Bulanıklıklar, her hizmetin bir açıklamasını sağlar ve büyük simgeler, bir başlık, kısa bir açıklama ve üzerine gelindiğinde görünen hoş bir gölge efekti içerir. Projeler için bir bölüm, her projenin adını ve daha fazlasını oku bağlantısını görüntüleyen bir fareyle üzerine gelme efekti içerir. Web sitelerini nasıl oluşturduklarına ilişkin bir bölüm, sürecin her adımını zarif grafiklerle, ardından ödemelerle ilgili bilgileri ve bir telefon numarası ve bir iletişim formu içeren bir bölüm ile harmanlanacak şekilde gösterir.

Web Sitesine Bakın

14. Yaşlı Bakımı Hukuk Bürosu

Bu sitenin bireysel hizmet sayfaları çoğunlukla metindir, ancak bunu ilginç bir şekilde sunar. Sayfalar, arka plan görüntüsü üzerinde kısa, tam genişlikte bir başlıkla tanıtılır. Bunu iki sütun halinde bir metin bölümü izler: ilk sütun başlığı ve açıklamayı görüntüler ve ikinci sütun konuyla alakalı bir alıntıdır. Alıntının dikey çizgisi, iki sütun arasında bir ayırıcı görevi görür. Başka bir bölüm, bilgi içeren sağda bir blok ile paralaks içinde bir görüntü görüntüler. Bu bloklar öne çıkan ilginç renkler kullanır. Daha fazla bilgi, tam genişlikte bir CTA tarafından takip edilen metinde sağlanı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 14 Divi web sitesine bakışımız. ET blogunda özellikle hizmet sayfalarına veya fiyatlandırma tabloları, tanıtım yazıları, geçişler vb. öğelere odaklanan birçok makale var.

İşte Divi ile tasarımı tartışan birkaç tanesi:

• Divi ile Bir Sonraki Projeniz İçin Yüksek Görsel Hizmetler Bölümü Nasıl Oluşturulur
• Divi'de Güzel Bir Fiyat Tablosu Nasıl Stillendirilir
• Ücretsiz Divi İndirmeleri: Yaratıcı Fiyatlandırma Tabloları Düzen Kiti
• Divi'nin Fiyatlandırma Tablosu Modülü ile Kullanmanız Gereken 5 En İyi Fiyatlandırma Uygulaması
• Blurbs Bloom yapmak için Divi's Fold Animasyonunu Kullanma
• Divi'nin Blurb Modülüne Stil Vermenin 5 Eğlenceli Yolu

Senden duymak istiyoruz. İlgi çekici hizmet sayfalarına sahip bu web sitelerinden hangileri favoriniz? Yorumlarda bize bildirin.

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