Çekici hizmet sayfalarına sahip 14 divi sitesi
Çekici hizmet sayfaları çevrimiçi iş yapmak için çok önemlidir. Bu, hangi ziyaretçileri yaptığınızı, nasıl yaptığınızı, sizinle iş yapmanın nasıl bir his olduğunu gösterir ve onlara gerçekçi bir umut vermeye yardımcı olur. Hizmet sayfaları her türlü tasarımda gelir. Bu makalede, bir sonraki divi tasarımı için size ilham vermeye yardımcı olacak cazip hizmet sayfaları ile 14 divi web sitesi göreceğiz. Hizmet sayfaları genellikle fiyat tabloları, açıklamalar, kapanma, resimler, videolar ve harekete geçecek davetiyeler gibi öğeleri 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. Bristol çatısı
Bkz. Web Sitesi 3. Doshii Bu site, mavi gradyanlar veya beyaz arka planlar içeren alternatif parçalar-engebeli bir bariyere sahip. Her bölüm, metin ve grafikler ve düzeni ile sırayla bir taraftan diğerine görüntülenir. Son CTA, kutunun gölgesini ve düğmenin gölgesini kullandı. Bu site renk ve gölgelerin etkilerini çok kullanıyor. Web Sitesine bakın 4. İlk beş sekiz, bir tarafta CTA ile çapraz olarak bölünmüş iki katlı bir ekran, diğer tarafta servis simgeleri görüntüler. Bir sonraki bölümde, her adımın ilişkisini gösteren süreçten geçen dört blok grafiğine sahiptir. Tam geniş bölüm, hedefi yeşil bir simge ve siyah arka planın üstünde beyaz metin ve yüzer efekti olan bir düğmeyi gösterir. İstatistikler ve kişiler bu tasarım için uygundur. Her adım grafik ve açıklamalarla kendi rolünü üstlenir. Bkz. Web Sitesi 5. Edge + Batang
Bu sayfa, güvenilirlik oluşturmaya yardımcı olmak için şirket liderinin tam bir kısmı ile başlar. Hizmet, beyaz simgeler ve metin içeren yeşil bir kutuda görüntülenir. Aşağıdakiler şık temas formları, sosyal medyayı harekete geçirmek için davetiyeler, sosyal takip düğmeleri ile Instagram yem, katılım ve parçalar hakkında. Bu site bazı ilginç renk markaları kullanıyor. Yüzerken düğme arka planını düğme sınırında taşıyan yüzen düğme efekti seviyorum. Bkz. Web Sitesi 6. Stuart Johnson Bu site, sayfaları tanıtmak için büyük bir başlık metnine sahip paralaksta tam ekran arka plan görüntüsü kullanır. Giriş bilgi metni iki sütun halinde verilir. Grafik 6 daireler, her birinin kısa bir açıklaması ile 6-P yaklaşımlarını göstermektedir. Uygulama alanı, kısa paralakta başlık ile tanıtıldı. Eğitim alanının kendisi, sitenin marka imajına uyacak şekilde düzenlenmiş anahtarda görüntülenir. Bu site, başlık ve üst üste bindirme ile slogan içeren bir sayfa sunar. Bir sonraki bölümde, üst ve alt için engebeli bir ayırıcı kullanarak sayfanın hizmetini göstermektedir. Hizmetlerin özellikleri tabloda sağlanmıştır ve ardından yöntemlerini üç açıklamada açıklamak için bölümler sunulmaktadır. Kısa vaka çalışması, daha fazla bilgi için ayrıntılı bir sayfaya bağlantı içerir. Sosyal kanıtlar bir müşteri logosu ile sağlanır. Web Sitesine bakın 8. Mavi Kedilerin Medyası ve Tasarımı
Bu site, desen arka planının üzerinde zarif başlık ve metin içeren bir sayfa sunar. Neyin dahil edildiğini gösteren kısım, ortada metin ve dış sütundaki görüntülerle çeşitli hizmetler hakkında bilgi ve ardından CTA ile eklenti açıklaması sağlar. Her biri hakkında ayrıntılı bilgi sağlayan ve ayrıntılı bilgi sağlayan, sürecin her bölümünde gezinin adımlarının bir kısmı. Bkz. Web Sitesi 9. Flair-Design Bu, cesur renkler kullanır ve her bir açıklama için simgeler, başlıklar ve metin ile tamamlanmış büyük bir açıklamada birleştirilmiş gibi görünen kendi açıklamasına sahip hizmetler sunar. Portföyü görmek için şık bir düğmeli bir hizmet içeren kısım aşağıdadır. Diğer parçalar, başlık numaralandırılmış ve kısa bir açıklama ile bir süreçten geçti. Kalın kırmızı CTA şık bir bölücü, zarif metin ve şık düğme içerir. Bu sayfadaki desen ve arka plan rengini seviyorum. Web Sitesi 10’a bakın. Zomlexyang, çok fazla beyaz alana sahip temiz bir tasarım kullanır. Sayfa büyük bir başlık ve kısa bir açıklama ile tanıtıldı. Hizmet, tek tek hizmet sayfasına bir kutu, grafik çizilmiş, el -kez, başlık, metin ve stil düğmesi kullanılarak büyük bir açıklamada görüntülenir. Aşağıda, zarif görünümünü korurken beyaz ve beyaza göze çarpan tam bir CTA’dır. Özellikle grafikleri ve renkleri severim.
Bkz. Web Sitesi 11. Adverup
Bu sitenin bireysel hizmet sayfası, başlık, açıklama ve grafikle ve ardından iki sütunda bir açıklama ile tanıtılır. Avantajlar, el tarafından çizilen bir açıklama ve grafik ile tam geniş bir parça halinde görüntülenir. Örnek tam ekran görüntüsünde görüntülenir ve ardından süreci açıklayan bir açıklama. Teklif için CTA, neyin dahil olduğunu göstermek için bir tablo içerir. Başka bir bölüm, şık temas formunun yanındaki faydaları vurgular. Bkz. Web Sitesi 12. Devrim Bölümü Bu sitenin her hizmet sayfası, tıklandığında özelliklerdeki farklılıkları vurgulayan simgeler ve başlıklar içeren parçalar içerir. Özelliklerin kendileri demoyu görmek için görüntüler, açıklamalar ve düğmelerle görüntülenir. Sayfa, hizmetle ilgili makaleler ve iyi bir altbilgi yapan son CTA için blog bölümü ile bitiyor. Bu sayfa renk ve beyaz alanı çok kullanıyor. Web sitesine bakın 13. Panorama TasarımBu sayfa, tıklanabilecek başlık ve telefon numarası ve ardından şirketle çalışmanın faydalarını açıklayan bir bölümle başlar. Blurb, her hizmetin bir açıklamasını verir ve yüzerken görünen büyük bir simge, başlık, kısa açıklama ve iyi gölge efekti içerir. Proje bölümü, her bir proje için adları ve okuma bağlantılarını gösteren imlecin etkisini içerir. Bir web sitesi nasıl oluşturdukları bölümünde, her işlem sürecini zarif bir grafikle ve ardından ödemeler ve telefon numaraları ve entegre edilecek şekilde düzenlenmiş iletişim formlarını içeren parçalar hakkında bilgi gösterir. Bkz. Web Sitesi 14. Yaşlı Bakım Kanunu Firması Bu sitenin bireysel hizmet sayfaları çoğunlukla metin biçimindedir, ancak çekici bir şekilde sunar. Sayfa, arka plan görüntüsünün üstünde kısa bir başlık olan tam genişlik ile tanıtıldı. Aşağıdakiler iki sütundaki metindir: İlk sütun başlık ve açıklamayı görüntüler ve ikinci sütun konuyla ilgili bir tekliftir. Dikey çizgi alıntısı iki sütun arasında bir bariyer olarak işlev görür. Diğer bölüm, bilgiyle sağda bir blok olan paralaksta görüntüyü görüntüler. Bu kirişler öne çıkan çekici renkler kullanır. Metinde daha fazla bilgi sağlanır ve ardından tam geniş CTA. Bir sonraki divi tasarımınız için size ilham vermeye yardımcı olacak cazip hizmet sayfalarına sahip 14 divi web sitesinde görünüşümüz olan zihnini sona erdiren web sitesine bakın. Bu ET blogunda, özellikle fiyat tabloları, açıklamalar, kapatma vb. Gibi sayfalara veya hizmet öğelerine odaklanan birçok makale var. Divi ile tasarımları tartışan bazıları:
Divi ile bir sonraki projeniz için çok görsel bir hizmet bölümü nasıl oluşturulur Divi’de güzel bir fiyat masası nasıl organize edilir
Divi Ücretsiz İndir: Düzen Kiti Yaratıcı Fiyat Tablo 5 Divi Fiyat Tablo Modülü ile kullanmanız gereken fiyatların en iyi uygulaması belirlenmesi
Bulanıklıkları çiçeklendirmek için katlanır divi animasyonunu kullanma
Divi Blurb modülünü organize etmenin 5 eğlenceli yolu
Senden duymak istiyoruz. Aşağıdaki cazip hizmet sayfalarına sahip web sitelerinden hangisi favoriniz? Bize yorumlarda söyleyin.
Blocberry / Shutterstock.com aracılığıyla Üstün Görüntü
