11 Divi ile inşa edilmiş SaaS web sitesine örnek
SaaS (Hizmet Olarak Yazılım) popüler bir iş modelidir ve tahmin ettiğiniz gibi, SaaS sistemi bir web sitesi potansiyel müşterilere hizmetlerini açıklamak ve göstermek için gerektirir. Neyse ki Divi ile oluşturulan birçok SaaS web sitesi var. Bu makalede, bir sonraki SaaS projeniz için size ilham vermek için Divi ile oluşturulan SaaS web sitesinin 11 örneğini görüyoruz. Bu siteler, düzen, renk, görüntü, ürün açıklaması, gömülü video, vaka çalışması, CTA (harekete geçme davet), navigasyon ve daha fazlası için ilham verebilir. Çoğu fiyat tabloları olan broşürlerdir. Birçoğu sohbet ve diğer iletişim sistemlerini içerir. Web sitesi belirli bir sırada değil.
1. Fatura Merkezi
2. Görsel Planlama Görsel planlama, vardiya sonrası tam ekran, çeşitli SaaS seçeneklerine bağlantılı düz bir tasarım görüntüsü ve bülten kayıt formu ve etkinlik takvimi içeren iki sütun içerir. Aşağıda, bir bağlantılı SaaS, iki CTA ve altbilgi çözümlerini açıklayan bir açıklama içeren bir bölümdür. Menü sistemi, tıklanabilecek iletişim bilgilerini ve renk markasına uygun sosyal bağlantıları içerir. 3. Platform ve CTA hakkında bilgi içeren tam ekran arka plan görüntüsü kullanarak Traineaze pratiği yapın. Kaydırma, sadece birkaç kelimeyle faydaları gösteren simgelerle parçaları ortaya çıkarır. Bir sonraki bölüm, sistemle ilgili ayrıntıları görüntülemek için dönüşümlü olarak görüntüler ve metin kullanır. Fiyatları ve CTA’lı parçalar, şirket logoları olan müşteri referansları, ödüller ve CTA bölümleri ve kişiler ve bilgi hakkında altbilgidir. Menüde CTA da yer alıyor. Zendesk’in mesaj kutusu hala ekranda. Bu site, temiz bir düzen kullanarak renkleri ve görüntüleri iyi kullanır. 4. Yükseklik 365
Yükseklik 365, hizmetler hakkında bilgi verirken gelen ve giden kaplama animasyonuyla dolu bir ekran arka plan görüntüsü kullanır. Blog yazısının bağlantısı sağda farklı renkli bir arka planla görünür. Menü birkaç logo, e -posta bağlantıları, yardım bağlantıları ve standart menüler ve hamburger menüleri içerir. Hamburger menüsü tıklanan kişiler ve sosyal bağlantılar içerir. Bir sonraki bölümde işlem zaman çizgisi, hizmet listesi, kaplamalı vaka çalışması ve daha fazla bilgi için bağlantı içeren bir zaman çizgisi kullanmanın kısmını göstermektedir. Blog sayfası, büyük bloktaki son üç gönderiyi ve ardından dört sütundaki sıradan blog listesini görüntüler. Bu site temiz bir düzene sahiptir ve renkleri iyi kullanır. Formalite Formaliti, bir tarafta yer alan bilgiler ve CTA ile tam ekran görüntüsü görüntüler. Küçük kısım kısa bir açıklama ve ardından CTA ve gömülü videolar ve görüntüler ve bilgiler içeren bölümler ile daha ayrıntılı bir parça verir. Avantajlar renk markalı simgelerle görüntülenirken, diğer parçalar her bir işletme sektöründen yararlanan paketlerin görülür. Referans bölümü, referansları ve vaka çalışmalarını görmek için isimler ve bağlantılar içeren görüntüleri gösterir. CTA, parçacığın arka planının üzerine yerleştirilir. Altbilgi markalı renklerde bir bağlantı görüntüler. Bu site renk ve beyaz alanı çok kullanıyor.
6. Netsil Netsil, slogan ve CTA ile dolu bir ekran görüntüsü kullanır. Menüde CTA da yer alıyor. Aşağıdakiler, Beyaz Kağıt’a indirme bağlantısının bir parçası, hizmetin açıklamasına sahip kısım ve nasıl çalıştığını gösteren kısım simgeler ve CTA dahildir. Blog bölümü üstün makaleler görüntüler. Özel altbilgi, parçacığın arka planının üstünde bir bağlantı ve kayıt formu içerir. Sohbet düğmesi ekranda kalır. Bu siteler markalı renkleri ve animasyonları çok kullanıyor. Hasarcı
Kasisto, kaplamada slogan ve CTA ile dolu bir ekran arka plan görüntüsü kullanır. Bir sonraki bölümde bilgi, logo ve CTA ile simgeler içeren bir arka plan kullanır. Aşağıdakiler, ürünleri ve özellik listelerini, CTA ile çalışan ürün animasyonunu, medyadan alıntılardan alınan parçaları, arka planın üzerindeki şirket beyanlarını ve temas formlarını içeren altbilgi gösteren parçaların geniş bir resmidir. Bu site renkleri ve görüntüleri çok iyi kullanır. 8. Yukarıdaki sıralama
Rankabove, kaplamada slogan ve CTA ile tam genişlikte görüntüler kullanır. Scrolling, simgeler ve CTA ile kısa bir açıklama, gerçek paralakstaki müşterinin web sitesi görüntüsünün üzerindeki genişlikte bağlantıları olan müşteri logoları olan parçaları ve bir daire sayısı ve düz tasarım grafiği kullanarak istatistikleri olan parçaları görüntüler. Tanıklık, şirketin paralaksındaki resminin üstünde yer paylaşımında sergileniyor. Hizmetin kısmı daire içine alınmış bir resim ve bağlantı kullanır. Büyük altbilgi bağlantılar ve iletişim formları içerir. Kontak ve gelen bağlantılar üst menüye yerleştirilir. Bu site kaplama ve paralaks iyi kullanır.
9. EzypayEzypay, yer paylaşımında bilgi ve CTA ile dolu bir ekran arka plan görüntüsü kullanır. Capital penceresinde YouTube videolarını oynatan video oynat düğmesi bile dahil. Bazı bölümler, daha fazla bilgi edinmek için bağlantılarla ürün özelliklerini gösterir. Tam geniş kısım, bir streçte CTA web semineri içeren bir arka plan görüntüsü içerir. Sorular tam geniş bir temas formu ile gerçekleştirilir. Altbilgi, çeşitli dillerdeki sitelere bağlantılar içerir. Fiyat sayfası bir devlet seçmeni içerir. Bu site markalı renkleri iyi kullanır. 10. Vcitavcita, slogan ve CTA ile dolu animasyonlu bir ekran arka planı içerir. Bu aynı zamanda menüde CTA da dahildir. Scrolls, alternatif düzenlerde puan ve faydalar simgeleri içeren bir uygulama animasyonu gösterimi gösteren birkaç parça ortaya çıktı. Aşağıdakiler, iletişim bilgileri, referanslar, sistemlerle entegre olan platform logoları, fiyat tabloları ve bağlantılı altbilgi ile tamamlanan CTA’dır. Bu site animasyon ve markalı renkleri çok iyi kullanır. 11. Uzun mesafe açın
OpenRemote, YouTube’un sloganları ve video bağlantılarıyla dolu bir ekran görüntüsü görüntüler. Düğme tıklandığında video sermayede oynanır. Bu, bölme çizgisini içeren logo altında tam geniş bir menü içerir. Bir sonraki bölüm, simgeler kullanma işlemindeki adımları göstermektedir. Aşağıdakiler, hizmetin açıklamasının bir parçası, arka plan görüntüsünün üzerindeki tam referans slayt çubuğu, en son haberler ve tweet’ler, müşteriler ve ödüller için kayar çubuk ve bir bağlantı ve arama ile altbilgidir. Bu site gerçekten markalı renkleri kullanıyor. Final Mind 11 SaaS web sitesine örnekler Divi ile oluşturulan bu, Divi’nin ayrıntılı ürünler, fiyat tabloları, vaka çalışmaları, gömülü videolar, sohbet sistemleri ve daha fazlasının faydaları ile birlikte çekici bir SaaS web sitesi oluşturmak için kullanıldığına dair iyi bir örnektir.Bu siteler, düzen, renk, görüntü, arka plan, video, navigasyon vb. İçin fikir vermek için çok iyidir.SaaS web sitesi, ürünler sergileme örneği için çok iyidir ve ayrıca ürün fotoğrafçılığı ve vaka çalışmalarına bir örnek olarak işlev görür.Bu web sitesi kesinlikle bir sonraki SaaS tasarımınız için ilham verecek. Bu Divi SaaS sitesinden en sevdiğiniz unsurlar nelerdir?Bize aşağıdaki yorumlarda anlatın!Venimo / Shutterstock.com aracılığıyla Üstün Görüntü
