Harika SSS Sayfaları ile 10 Divi Sitesi

Sık sorulan sorular (SSS) sayfaları, potansiyel müşterilere sık sorulan sorulara ihtiyaç duydukları yanıtları sağlamak için mükemmeldir. Bu, uzmanlığınızı anlamalarına yardımcı olur ve ne beklemeleri gerektiğini bilmelerini sağlar. Divi ile SSS sayfaları oluşturmanın birçok yolu vardır. Bu yazıda, bir sonraki Divi web siteniz için size ilham vermek için harika SSS sayfalarına sahip 10 Divi sitesine bakacağız.

SSS sayfaları genellikle resimler, geçişler, akordeonlar ve sekmeler gibi öğeleri içerir, çünkü bunlar büyük miktarda bilgiyi ihtiyaç duyulana kadar gizlemeyi kolaylaştırır. Ayrıca genellikle bir harekete geçirici mesaj içerirler. Bu gönderide beğendiğim bölümün bir resmini göstereceğim ve bu konuda neyi 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. Eddy Çözümleri

Bu site, SSS'leri, bir tarafta SSS'leri ve diğer tarafta bir ürün resmini içeren iki sütunlu bir düzen içinde yerleştirir. Geçişler, sitenin markasına uygun stilde başlığı ve düğmeyi gösterir. Geçişler, takip edilmesini kolaylaştırmak için başlıkların altına yerleştirilmiştir. Soruların altında, okuyucuyu daha fazla bilgi için onları aramaya davet eden büyük metin ve tıklanabilir bir telefon numarası içeren tam genişlikte bir bölüm var.

Web Sitesine Bakın

2. Tüm Kız Tıraş Kulübü

Bu site, SSS'leri tek sütunlu bir düzende bir akordeon içine yerleştirir. Tam genişlikte bir başlık, sayfayı tanıtır. Akordeon, sitenin renklerine uygun stil içerir. Akordeon açıldığında başlığın yeşilimsi arka planı beyaza, metin beyazdan siyaha dönüşür. Bunu, başlıkla benzer görüntüleri kullanan tam genişlikte bir CTA izler.

Web Sitesine Bakın

3. Işıltılı Hizmetçiler

Bu site, tam genişlikte bir resim ve bir bindirme içinde iki renkli, ekstra büyük başlık içeren sayfayı tanıtır. SSS'ler, soruları bir tarafta ve diğer tarafta soruları ayırmaya yardımcı olmak için bir konu adı ve bir üst kenarlık gösteren iki sütunlu bir düzen içine yerleştirilmiştir. Sorular, bir üst kenarlık ve stil sahibi düğmeler içeren geçiş düğmelerinin içine yerleştirilmiştir – tümü bölümün arka planıyla uyum içindedir.

Web Sitesine Bakın

4. Pis Beyefendi

Bu sitenin SSS sayfası, telefon numarası ve sosyal simgelerin ardından sayfa başlığının yer aldığı bir arama kutusu gösterir. SSS, SSS konularını göstermek için dikey olarak hizalanmış sekmeler kullanır. Seçilen sekme siyah metinli beyaz, diğer sekmeler beyaz metinli siyahtır. Ayrıca, konunun ne olduğunu bir bakışta anlayabilmeniz için simgeler de içerirler. Sekmelerin içinde, soruyu açılana kadar görüntüleyen geçişler bulunur. Sekmelerin altında, daha fazla bilgi için onlarla iletişim kurabileceğiniz bir bağlantı bulunur.

Web Sitesine Bakın

5. LaRox

Bu site, bir tarafta bir başlık ve diğer tarafta önemli sayfalara bağlantılar içeren açıklama ile sayfayı tanıtır. Bunu takiben, dört tanıtım yazısı içeren tam genişlikte bir bölüm var. Her tanıtım yazısı, markalı renklerin farklı bir tonunu, büyük bir simgeyi ve bir başlığı içerir. Onlara tıklamak, o konuyla ilgili bilgileri açar. SSS'lere tıklamak, yandan açılan bir akordeon ve yerine kayan bir görüntü ortaya çıkarır.

Web Sitesine Bakın

6. Mükemmel Gerçeklik

Bu site, tam ekran görüntü arka planı ve bir bindirmede başlık bilgisi içeren SSS sayfasını tanıtır. Bunu takiben, iletişim sayfasına bağlantı içeren bir metin bölümü ve akordeonlar içinde SSS'lerin yer aldığı iki sütunlu bir bölüm yer almaktadır. Akordeonlar siyah metin, alt kenarlık ve sola doğru oklarla biçimlendirilir. Bir akordeon açmak oku kaldırır ve başlığı mavi olarak değiştirir. SSS altında, arka planı ve beyaz metniyle aynı maviyi kullanan tam genişlikte bir CTA bulunur.

Web Sitesine Bakın

7. Phil Simon

Bu site, sayfayı, en sağda kahverengi bir degradeye dönüşen siyah bir arka plan üzerine yerleştirilmiş bir başlık ve açıklama metni içeren tam genişlikte bir bölümle tanıtır. Bunun altında, bir tarafa bir konu başlığı, diğer tarafta bir açıklama ve bir dizi geçiş seti yerleştiren iki sütunlu bir bölüm bulunur. Bunu takiben, bir grafik içeren tam genişlikte bir bölüm ve bir alıntı ile tam genişlikte bir bölüm bulunmaktadır. Bu bölümlerin her ikisi de incedir ve bölücü olarak çalışır. Bunu diğer SSS bölümleri izler - her biri bir grafikle ince bölümle ayrılır.

Web Sitesine Bakın

8. Ruhu Karıştıran Markalaşma

Bu, sayfa başlığı olarak bir tarafına elle yazılmış bir yazı tipi ile tam genişlikte bir resim gösterir. SSS'ler, tek sütunlu bir düzende bir akordeon içinde sağlanır. Arka planla eşleşen bir düğme ile ortalanmış bir başlık gösterirler. Bir akordeon açmak, metni ortaya hizalanmış olarak gösterir ve başlık ile metin arasında çok fazla boşluk içerir. Bunu takiben, bir arka plan görüntüsü üzerinde aynı yazı tipine ve sayfalara bağlanan stilize edilmiş görüntülere sahip tam genişlikte bir iletişim CTA'sı bulunur. Akordeon basittir ancak sitenin tasarımıyla iyi uyum sağlayan bir zarafet düzeyi yaratır.

Web Sitesine Bakın

9. Emlekek Konyve

Bu, sitenin markasıyla eşleşen zarif yazı tipleri ve yumuşak renkler kullanır. Sayfa başlığı, diğer faydalı sayfalara bağlantılar içeren kısa bir açıklamanın ardından bir alıntı olarak görüntülenir. SSS'ler geçişler içinde görüntülenir ve başlıkları için aynı zarif yazı tipini içerir. Bunu takiben, açık kahverengi bir arka plana sahip bir CTA ve geçiş düğmeleri ve alıntı ile eşleşen bir arka plana sahip ekstra geniş bir düğme bulunur.

Web Sitesine Bakın

10. Perry Yan Büyü

Bu SSS sayfası, bu web sitesinin tasarımıyla mükemmel bir şekilde çalışan çok sayıda karikatürize renk kullanır. Başlık, sayfanın başlığını ve kısa bir açıklamayı içerir. SSS'ler, bu soru setinin ne hakkında olduğuna dair görsel bir temsil sağlamak için bir tarafında bir resim bulunan tek bir sütuna yerleştirilir. SSS'lerin kendileri geçişler içinde sağlanır ve tarz başlıklarla ayrılmış konulara bölünür. Her konu farklı bir bölüme yerleştirilir ve her bölümün farklı arka planı ve geçiş renkleri vardır. Bölümler ayrıca tarz ayırıcılar kullanır. Bunu takiben, kırmızı ve mavi gradyan kaplamalı paralaks içinde bir CTA var.

Web Sitesine Bakın

Biten Düşünceler

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

ET blogunda akordeonlar, geçişler ve sekmeler gibi SSS sayfalarını ve modüllerini kapsayan birkaç tasarım ve nasıl yapılır makalesi vardır. Ücretsiz Divi Düzen Paketleri için SSS sayfalarının yanı sıra bu eğitimlerin bağlantılarını da ekledim.

• Ücretsiz Divi SSS Düzen Paketi, Sıkıcı SSS Sayfa Tasarımlarına Cevaptır
• Divi, Uzun Web Sayfalarında Ziyaretçilere Rehberlik Etmenize Nasıl Yardımcı Olabilir?
• Şekillendirebileceğiniz 3 Potansiyel Olarak Gözden Kaçan Divi Modül Öğesi (ve Nasıl)
• Terapist SSS Sayfası
• Muhasebeci SSS Sayfası
• Metin Yazarı SSS Sayfası
• Cryptocurrency SSS Sayfası
• Doktor Ofisi SSS Sayfası

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