Benzersiz İletişim Sayfalarına Sahip 17 Divi Sitesi

İletişim sayfası, bir web sitesinin en önemli sayfalarından biri olabilir. Ziyaretçiye size nasıl ulaşacağını, bulunduğunuz yeri gösterir, onlara sizi sosyal medyada takip etmeleri için bir yol sağlar ve hatta harekete geçirici mesajınız olabilir. İletişim sayfaları ilgi odağı değildir, bu nedenle ihtiyaç duydukları tasarım dikkatini her zaman göremezler. Bu makalede, bir sonraki Divi tasarımınız için size ilham vermek için benzersiz iletişim sayfalarına sahip 17 Divi web sitesine bakacağız.

İletişim sayfaları genellikle iletişim formlarını içerir, ancak yalnızca ziyaretçinin ihtiyaçlarını karşılayan iletişim bilgilerini sağlamaları gerekir. Birçoğu telefon numaralarını, e-posta adreslerini, fiziksel adresleri, haritaları, sosyal bağlantıları veya bu seçeneklerin herhangi bir kombinasyonunu 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. Adams Leap Şarapları

Bu, şirketi tanımlamaya yardımcı olmak için bindirmeli bir arka plan resmi kullanır. Bununla örtüşen bir bölüm, bir tarafta bilgilerle birlikte stilize edilmiş bir harita gösterir ve bir haritayı açan tıklanabilir bir adres, tıklanabilir e-posta, sosyal takip bağlantıları ve bir iletişim formu içerir. Bir stil kenarlığı bu satırı çevreler. Bunu tam ekran bir resim, kayıt formu ve şirketle ilgili bilgiler izler – tümü sitenin markasına uyacak şekilde tasarlanmıştır.

Web Sitesine Bakın

2. Brionne Davis

Bu, gördüğüm en dramatik iletişim sayfalarından biri. Paralaks içinde Brionne Davis'in tam ekran arka plan görüntüsünü görüntüler. Form alanları bir desen oluşturacak şekilde biçimlendirilir. Solda bir iletişim formu, sağda bir abone formu bulunur. Görüntü kaydırmada yerinde kalır. Kaydırma, bir tarafta yöneticinin ve diğer tarafta yetenek ajansının iletişim bilgilerini gösterir.

Web Sitesine Bakın

3. Lucy Evelyn

Bu site, sitenin tasarımına uyacak şekilde tasarlanmış basit bir iletişim formu kullanır. Metin içinde okuyucuyu soru sormaya davet eden bir CTA içerir. Form, site tasarımının zarafetini ortaya çıkarmaya yardımcı olan tam ekran bir arka plan resminin üzerine yerleştirilmiştir.

Sanatçı / Shutterstock.com aracılığıyla Öne Çıkan Görsel
Web Sitesine Bakın

4. Jason Joseph

Bu, bazı benzersiz stiller içerir. Tam ekran bir resim, web sitesine uyacak şekilde tasarlanmış büyük metin içeren bir başlık görüntüler. Görüntü zarif bir bölüm ayırıcı kullanır ve iletişim formu görüntüyle örtüşür. Formun kendisi basittir ancak sitenin stiline uygundur. Biçimlendirilmiş sosyal takip bağlantıları, e-posta ve telefon numarası formun yanında sağlanır.

Web Sitesine Bakın

5. Fenix ​​Haşere Kontrolü

Bu site, iletişim bilgilerini tanıtmak ve hizmet hakkında bilgi sağlamak için logolu büyük bir başlık bölümü içerir. Arka planı olmayan, stil sahibi bir iletişim formu, radyo düğmeleri ve bir açılır kutu ile seçimler sağlar. En ilginç bulduğum şey, önceki bölümle örtüşen stilize edilmiş harita ve haritayla örtüşen üç tanıtım yazısı. Tanıtım yazıları, üç farklı konum için iletişim bilgileri sağlar.

Web Sitesine Bakın

6. MBS Muhasebesi

Bireysel iletişim formu alanları da dahil olmak üzere bu sitenin iletişim sayfasındaki her öğe gölge efektleri içerir. Grafik ve düğme içeren tam genişlikte bir CTA içerir. Düğmenin metni telefon numarasını görüntüler. Tam genişlikte bir metin bölümü, hizmetler hakkında bilgi sağlar. İletişim formunun yanındaki tanıtım yazıları, tıklanabilir bir telefon numarası ve onlarla sohbet etme hakkında bilgiler içerir. Açıklamalı bir görüntü park etmeyi gösterir. Bir bilgi bölümü, bir haritanın arka plan görüntüsüyle örtüşür ve sosyal takip simgelerini içerir.

Web Sitesine Bakın

7. Petratec

Bu sayfa, web sitesinin mühendislik temasını lacivert ve endüstriyel arka plan görüntüleri ile tutar. İletişim formu, iletişim bilgileri sürecinin açıklamasını içeren bir bölüm içerir. Bunu takiben, metin içeren bir satır ve aynı mavi kenarlıkla özetlenen bir harita içeren bir bölüm bulunur. Metin, adresi, telefonu ve faks numaralarını sağlar. Harita kaydırılır ve üstündeki satırla çakışır.

Web Sitesine Bakın

8. Bahçe Konsepti

Bu, siyah şeffaf bir arka plan ve yuvarlatılmış köşeler ile bir satır içinde iletişim bilgilerinin görüntülendiği tam ekran bir arka plan görüntüsü görüntüler. Bilgiler, telefon numarasını, adresi, e-postayı ve sosyal takip bağlantılarını göstermek için dört tanıtım yazısı içerir. Form basittir ve alt kısımda şirketin markalı renkleriyle eşleşen ortalanmış bir gönder düğmesi bulunur.

Web Sitesine Bakın

9. Ön Kraliyet Hristiyan Okulu

Bu, sitenin markasına uyması için altın ve beyaz metinli lacivert kullanır. Adres, üzerine gelindiğinde yakınlaştırma yapmayan tam genişlikte bir haritada görüntülenir. Bir iletişim formu ve okul bilgileri, koyu mavi bir kaplama ile okulun bir görüntüsünün üzerine yerleştirilmiştir. Telefon numarası tıklanabilir. Mavi ve altının birlikte ne kadar iyi çalıştığını seviyorum.

Web Sitesine Bakın

10. Çöplük Değil Aşk

Bir iletişim formu yerine, bu form tıklanabilir bir e-posta bağlantısı, fiziksel adres ve sosyal takip bağlantıları sağlar ve bunların tümü sitenin mesajıyla eşleşmesi için arka planda bir kalbin üzerine yerleştirilir. Ayrıca şirketin mesajını yaymaya yardımcı olacak bir hashtag içerir.

Web Sitesine Bakın

11. Canlı Yemenin Keyfini Çıkarın

Bu site, örtüşen bir iletişim formu ve bilgi içeren bir metin modülü ile fareyle üzerine gelindiğinde yakınlaştırma yapmayan tam genişlikte bir harita içerir. Form, alanlar için arka plan renklerini göstermek yerine, web sitesindeki başlıklarla eşleşen bir renkle bunların altını çizer. Bilgiler, aynı renklere sahip stilize edilmiş simgeler kullanır.

Web Sitesine Bakın

12. Tuzsuz Butik

Bu site, minimal ama ilginç bir stile sahip basit bir iletişim formu görüntüler. Kenarlık, tıpkı alan arka planları gibi beyazdır ve arka planın kendisi, bölümün arka plan rengiyle eşleşmesi için mavidir. Başlık sınırla örtüşüyor. Altbilgide sosyal takip düğmeleri bulunur.

Web Sitesine Bakın

13. Dukeries Evleri

Bu sayfa, telefon numarası, e-posta ve konum iletişim bilgileriyle büyük bloklar oluşturan simgeler içeren tanıtım yazılarını görüntüler. Simgeler altın rengindedir ve kenarlıklar, onları ayırmaya yardımcı olmak için gölgeler kullanır. Sonraki bölüm, arka plan gölgeli bir satırda birlikte bir iletişim formu ve harita görüntüler. Başlık ve altın çerçeve, sırayı kaplayarak şık bir tasarım sunar. İletişim formu bölümü, formun üzerindeki iletişim bilgilerini gösterir.

Web Sitesine Bakın

14. Claire Salonu

Bu, siz görmek istemediğiniz sürece formu göstermez. Şirket bilgileri, fiziksel adres, telefon numarası, e-posta, harita, resimler ve CTA'lar dahil tüm iletişim bilgilerini sağlar. Bu, bir okla vurgulanan bir düğmeye yol açar. Düğmeye tıklamak, iletişim formunu bir açılır pencerede açar. Formun kendisi, web sitesine uyacak şekilde tasarlanmış altın arka plan üzerinde gölge efektleri kullanır.

Web Sitesine Bakın

15. Mood Medya

Bu, bindirmeler, metin ve büyük simgelerle büyük arka planlar kullanan seçenekler sunarak ihtiyaç duyduğunuz iletişim bilgilerinin türünü daraltmanıza yardımcı olur. Satışlar'a tıklamak sizi tam ekran arka plan görüntüsü üzerinde stil sahibi bir iletişim formuna götürür. Destek'e tıklamak, bu arka planı tam ekran ve daha fazla daraltmanıza yardımcı olacak üç simge içeren bir sayfa açar. Bu, web sitesinin size ihtiyacınız olan belirli bilgileri sağlamasına yardımcı olur ve bilgilerinizin doğru departmana gitmesini sağlar.

Web Sitesine Bakın

16. NXT Kitap Medyası

Bu, iki sütun içinde birden çok konum için iletişim bilgilerini işler. Her konum için bir resim, telefon numarası ile adres ve harita içeren kartları görüntüler. Bunu takiben, arka plan bölümle karışacak şekilde tasarlanmış basit bir iletişim formu vardır. Sayfa, tam genişlikte bir giriş içerir ve ekip üyesinin sayfasını görmek için bir CTA ile biter.

Web Sitesine Bakın

17. Üzüm Çekirdeği ABD

Bu site, iletişim formunu ilk bölümle örtüşüyor. Form, sitenin markasıyla eşleşen bir kaplama ile paralaks bir arka plan üzerinde görüntülenir. Formun hemen altında bir SSS, ardından sosyal simgeler, bir telefon numarası ve sizi iletişim formunu görebileceğiniz ekranın en üstüne götüren bir düğme bulunur.

Web Sitesine Bakın

Biten Düşünceler

Bu, bir sonraki Divi tasarımınız için size ilham vermeye yardımcı olacak benzersiz iletişim sayfalarına sahip 17 Divi web sitesine bakışımız. Divi tasarımlarınızla ilgili daha fazla yardım için ET blogunda burada birçok makale var. Bazıları düzenleri içerirken, diğerleri belirli form eklentilerini tartışır. İşte Divi ile tasarımı tartışan birkaç tanesi:

• Ücretsiz Divi İletişim Sayfaları Düzen Paketini İndirin
• İletişim Formunuzda Şartlar ve Koşullar Sözleşmesi Nasıl Gerekli Olur?
• Divi ile Tıklamada İletişim Formu Nasıl Oluşturulur
• Divi ile Satır İçi İletişim Formu Nasıl Oluşturulur
• Divi'nin İletişim Formu Modülü ile Teklif Formu Nasıl Oluşturulur
• Divi'nin İletişim Formu Modülünü Şekillendirmenin 5 Benzersiz Yolu

Senden duymak istiyoruz. Benzersiz iletişim sayfalarına sahip bu web sitelerinden hangileri favoriniz? Yorumlarda bize bildirin.

Keep Calm and Vector / Shutterstock.com aracılığıyla Öne Çıkan Görsel