Benzersiz iletişim sayfalarına sahip 17 divi sitesi
İletişim sayfaları, bir web sitesinin en önemli sayfalarından biri olabilir. Bu, ziyaretçilere sizinle nasıl iletişime geçeceğinizi, nerede olduğunuzu gösterir, onlara sosyal medyada takip etmenin bir yolunu verin ve hatta harekete geçme davetiniz bile olabilir. İletişim sayfası dikkatin merkezi değildir, bu nedenle ihtiyaç duydukları tasarımın her zaman dikkatini çekmezler. Bu makalede, bir sonraki Divi tasarımı için size ilham vermeye yardımcı olacak benzersiz iletişim sayfalarına sahip 17 Divi web sitesi göreceğiz. İletişim sayfası genellikle iletişim formunu içerir, ancak yalnızca ziyaretçilerin 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çeneğin bir kombinasyonunu 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 iletişim sayfanızı artırmanıza yardımcı olacak bazı bağlantılar için sonuna kadar bekleyin. 1. Leap Adams şarabı
Bkz. Web Sitesi 2. Brionne Davis Bu, şimdiye kadar gördüğüm en dramatik iletişim sayfalarından biri. Paralaks’ta Brionne Davis ile dolu bir arka plan görüntüsü görüntüler. Alan alanı bir desen yapmak için düzenlenmiştir. Temas formu sağda bir abonelik formu ile sola yerleştirilir. Resim kaydırmada yerinde kalıyor. Scrolls, bir taraftaki yöneticiler ve diğer tarafta yetenek ajanları için iletişim bilgilerini ortaya çıkardı. Bkz. Web Sitesi 3. Lucy Evelynsitus, site tasarımına uyacak şekilde düzenlenmiş basit bir iletişim formu kullanır. Bu, okuyucuları soru sormaya davet eden metinde CTA’yı içerir. Form, site tasarımının zarafetini vurgulamaya yardımcı olan tam ekran arka plan görüntüsünün üzerine yerleştirilmiştir. Sanatçı / Shutterstock.com aracılığıyla Üstün Görüntü Bkz. Web Sitesi 4. Jason Joseph
Bu, bazı benzersiz stilleri kapsar. Tam ekran resimleri, web sitesine uyacak şekilde düzenlenmiş büyük metinlere sahip başlıkları görüntüler. Görüntü, görüntü ile zarif bir bölücü ve örtüşen temas formu kullanır. Şeklin kendisi basittir, ancak sitenin stiline uygundur. Bağlantılar Formun yanında stil, e -posta ve telefon numaraları stilini takip eder. Bkz. Web Sitesi 5. Fenix Pest Control Bu site, iletişim bilgilerini tanıtmak ve hizmetler hakkında bilgi sağlamak için logo içeren büyük bir başlık bölümü içerir. Arka plansız şık temas formu, radyo düğmesi ve açılır kutu ile bir seçim sağlar. En ilginç olduğunu düşünüyorum, önceki bölümle örtüşen esneme haritası ve harita ile üst üste binen üç açıklama. Açıklama Üç farklı yer için iletişim bilgileri sağlanıyor. Bkz. Web Sitesi 6. Muhasebe SBS
Gölge Efekti de dahil olmak üzere, bireysel temas formları alanı da dahil olmak üzere, bu sitenin iletişim sayfasındaki her öğe. Buna grafik ve düğmelerle dolu CTA dahildir. Düğme metni telefon numarasını görüntüler. Tam geniş metin bölümü hizmetler hakkında bilgi sağlar. İletişim formunun yanındaki açıklama, tıklanan telefon numaralarını ve onlarla sohbet hakkında bilgileri içerir. Açıklamalı görüntüler otopark gösterir. Bilgi bölümü, haritanın arka plan görüntüsü ile örtüşür ve sosyal takibi içerir. Bkz. Web Sitesi 7. Petrateclashala, koyu mavi ve endüstriyel arka plan görüntüleri ile web sitesi tekniklerinin temasını çıkarıyor. İletişim formu, iletişim bilgi sürecinin açıklamasını içeren bir bölüm içerir. Aşağıdakiler, metinli satırları içeren parçalar ve aynı mavi sınırla özetlenmiş haritalar yer almaktadır. Metin adres, telefon ve faks numarasını içerir. Harita dengeli ve üzerindeki çizgi ile örtüşüyor. Bkz. Web Sitesi 8. Bahçe Konsepti Bu, şeffaf bir siyah arka plan ve yuvarlak bir açı ile bir satırda görüntülenen iletişim bilgilerini içeren tam ekran arka plan görüntüsü görüntüler. Bilgiler, telefon numarasını, adresini, e -postayı ve sosyal takipleri göstermek için dört açıklama içerir. Form basittir ve alttaki ortada şirketin markasının rengine uyan gönder düğmesini içerir. Bkz. Web Sitesi 9. Ön Kraliyet Hıristiyan Okulu
Bu, site markasına uymak için altın ve beyaz metin ile koyu mavi kullanır. Adres, imleci yönlendirirken büyütülmeyen tam geniş bir haritada görüntülenir. Okul teması ve bilgi formları, koyu mavi katmanlı okul resminin üzerine yerleştirilir. Telefon numaraları tıklanabilir. Mavi ve altının birlikte ne kadar iyi çalışmasını seviyorum. İletişim formları yerine, bu form tıklanan bir e -posta bağlantısı, fiziksel adres ve sosyal takip bağlantısı sağlar, her şey site mesajına uyacak şekilde arka planda kalbin üzerine yerleştirilir. Bu aynı zamanda şirket mesajlarının yayılmasına yardımcı olacak hashtag’leri de içerir. Web Sitesine bakın 11. Doğrudan Yiyeceklerin Keyfini Çıkarın
Bu site, imleci örtüşen temas formları ve metin modülleriyle bilgi ile büyütmeyen tam geniş bir harita içerir. Alanlar için arka plan renklerini görüntülemek yerine, formlar web sitesindeki başlığa uygun bir renkle altını çizer. Bilgi aynı renkteki şık simgeler kullanır.
Bkz. Web Sitesi 12. Tuzsuz Butik
Bunu görmek istemediğiniz sürece bu bir form göstermez. Bu, şirket bilgileri, fiziksel adres, telefon numarası, e -posta, harita, resim ve CTA dahil tüm iletişim bilgilerini sağlar. Bu, ok tarafından vurgulanan düğmeye yol açar. Açılır penceredeki iletişim formunu aç düğmeyi tıklayın. Şeklin kendisi, web sitesine uyacak şekilde düzenlenmiş altın arka planın üzerinde bir gölge efekti kullanır. Bkz. Web Sitesi 15. Medya Ruh Hali Atmosferi Bu, büyük genişlik, metin ve simgelerle büyük arka planlar kullanan seçenekler sağlayarak ihtiyacınız olan iletişim bilgilerini daraltmaya yardımcı olur. Satışları tıklamak sizi tam ekran arka plan görüntüsünün üzerindeki şık bir iletişim formuna götürecektir. Destek açılış sayfalarını tam ekranda bu arka planla ve daha fazla daraltmanıza yardımcı olmak için üç simge ile tıklayın. Bu, web sitesinin size ihtiyacınız olan belirli bilgileri vermesine ve bilgilerinizin doğru departmana gitmesini sağlamasına yardımcı olur. Bkz. Web Sitesi 16. NXT Kitap Medya
Bu, iki sütundaki çeşitli yerler için iletişim bilgilerini işler. Her bir konum için resimler, telefon numaraları ile adresler ve haritalar içeren kartlar görüntüler. Aşağıda, arka planın bölümle entegre edilmesi için basit bir temas formu düzenlenmiştir. Sayfa tam geniş bir tanıtım içeriyor ve ekip üyelerinin sayfalarını görmek için CTA ile bitiyor. Bkz. Web Sitesi 17. Bu assitus üzüm tohumları, ilk bölümle iletişim formu ile örtüşmektedir. Form, site marka görüntüsüne uygun bir streç ile paralaks arka planının üzerinde görüntülenir. Formun hemen altında SSS, ardından sizi iletişim formunu görebileceğiniz ekranın üstüne geri taşıyan bir sosyal simge, telefon numarası ve düğmesi var. Bir sonraki divi tasarımınız için size ilham vermeye yardımcı olmak için benzersiz iletişim sayfalarına sahip 17 Divi web sitesinde görünüşümüz olan zihnini sona erdiren web sitesine bakın. Divi tasarımınızla daha fazla yardım için ET blogunda birçok makale var. Bazıları düzeni içerirken, diğerleri belirli form eklentilerini tartışır. Divi ile tasarımları tartışan bazıları: Divi iletişim sayfası düzeni paketini ücretsiz indirin
İletişim Formunuzdaki Şartlar ve Koşullar için Anlaşmalar Nasıl İstenir? Divi ile tıklamada bir iletişim formu nasıl oluşturulur Divi ile bir temas hattı nasıl oluşturulur
Kişi Divi form modülü ile bir teklif formu nasıl oluşturulur
Divi Kontak Form Modülünü düzenlemenin 5 benzersiz yolu
