SAAS (Hizmet Olarak Yazılım) popüler bir iş modelidir ve sizin de görebileceğiniz gibi SAAS sistemleri, hizmetlerini potansiyel müşterilere açıklamak ve göstermek için web sitelerine ihtiyaç duyar. Neyse ki Divi ile oluşturulmuş çok sayıda SAAS web sitesi var. Bu yazıda, bir sonraki SAAS projeniz için size ilham vermek için Divi ile oluşturulmuş 11 SAAS web sitesine bir göz atacağız.

Bu siteler, düzenler, renk, resimler, ürün açıklamaları, gömülü video, vaka çalışmaları, CTA'lar (harekete geçirici mesaj), gezinme ve daha fazlası için ilham vererek yardımcı olabilir. Çoğu, fiyat tabloları olan broşürlerdir. Birçoğu sohbet ve diğer iletişim sistemlerini içerir. Web siteleri belirli bir düzende değildir.

1. Fatura Merkezi

Invoice Central, etiket satırı ve CTA ile tam genişlikte bir resim ve hizmetin sunulduğu medya için logoların bulunduğu bir bölüm görüntüler. Görüntü, tıklandığında gömülü bir Vimeo videosunu açar. Üst menüde bir sohbet düğmesi ve oturum açma/kaydolma düğmeleri bulunur. Sonraki bölüm, örtüşen bir bölümü olan özellikleri gösterir. Bir Başlarken bölümü, simgeleri kullanan süreci gösterir. Kayan bir kayan işaretçi, müşteri logolarını gösterir. Bir referans kaydırıcısı, yakınlaştırma animasyonlu referansları, ardından bir CTA ve linkleri olan altbilgiyi görüntüler. Site, grafik ve renk kullanmanın harika bir örneğidir.

2. Görsel Planlama

Görsel Planlama, tam ekran bir gönderi kaydırıcısı, çeşitli SAAS seçeneklerine bağlantılar içeren düz tasarımlı resimler içeren bir bölüm ve haber bülteni kayıt formu ve bir etkinlik takvimi içeren iki sütunlu bir bölüm içerir. Bunu takiben, SAAS çözümlerini, iki CTA'yı ve bağlantılarla birlikte altbilgiyi açıklayan tanıtım yazıları içeren bir bölüm bulunmaktadır. Menü sistemi, tıklanabilir iletişim bilgileri ve renk markasıyla eşleşen sosyal bağlantılar içerir.

3. Eğitim

Traineaze, platform ve bir CTA hakkında bilgi içeren tam ekran bir arka plan görüntüsü kullanır. Kaydırma, faydaları yalnızca birkaç kelimeyle gösteren simgeler içeren bir bölüm ortaya çıkarır. Sonraki bölüm, sistemle ilgili ayrıntıları göstermek için değişen resimler ve metinler kullanır. Bunu takiben fiyatlandırma ve CTA, şirket logolu müşteri referansları, ödüller ve CTA içeren bir bölüm ve iletişim ve hakkında bilgi içeren alt bilgi bulunur. Menü ayrıca bir CTA içerir. Ekranda bir Zendesk mesaj kutusu kalıyor. Site, temiz bir düzen kullanarak renk ve resimlerden büyük ölçüde yararlanır.

4. Rakım 365

Altitude 365, hizmet hakkında bilgi sağlarken gelip giden animasyonlu bindirmelerle birlikte tam ekran arka plan görüntüsü kullanır. Blog gönderilerine bağlantılar, farklı renkli arka planlarla sağda görünür. Menüde birden fazla logo, bir e-posta bağlantısı, bir yardım bağlantısı ve hem standart bir menü hem de hamburger menüsü bulunur. Hamburger menüsü tıklanabilir iletişim ve sosyal bağlantılar içerir. Sonraki bölümlerde sürecin bir zaman çizelgesi, hizmetlerin bir listesi, bindirmeli vaka çalışmaları ve daha fazla bilgiye bağlantı içeren bir zaman çizelgesi kullanan bir hakkında bölümü gösterilmektedir. Blog sayfası, son üç gönderiyi büyük bloklar halinde ve ardından dört sütunda düzenli bir blog listesi görüntüler. Site temiz bir düzene sahip ve renkten büyük ölçüde yararlanıyor.

5. formalite

Formaliti, bir tarafta bilgi ve CTA içeren tam ekran bir görüntü görüntüler. Küçük bir bölüm, kısa bir açıklama ve ardından CTA ve gömülü bir video içeren daha ayrıntılı bir bölüm ve bir resim ve bilgi içeren bir bölüm sağlar. Avantajlar, renkli markalı simgelerle gösterilirken, başka bir bölüm, her bir iş sektörünün hangi planlardan yararlandığını gösterir. Bir referanslar bölümü, isimleri ve referansları ve vaka çalışmalarını görmek için bir bağlantı içeren resimler gösterir. Bir parçacık arka planı üzerine bir CTA yerleştirilir. Altbilgi, markalı renklerle bağlantıları görüntüler. Site, renk ve beyaz boşluktan büyük ölçüde yararlanıyor.

6. Netsil

Netsil, bir slogan ve CTA'lar içeren tam ekran bir görüntü kullanır. Menü ayrıca bir CTA içerir. Bunu takiben, bir teknik incelemeye indirme bağlantısı içeren bir hakkında bölümü, hizmetler hakkında tanıtıcı bilgiler içeren bir bölüm ve simgeler ve bir CTA dahil olmak üzere nasıl çalıştığını gösteren bir bölüm bulunmaktadır. Bir blog bölümü, öne çıkan makaleleri görüntüler. Özel bir altbilgi, bir parçacık arka planı üzerinde bağlantılar ve bir kayıt formu içerir. Ekranda bir sohbet düğmesi kalır. Siteler, markalı renk ve animasyondan büyük ölçüde yararlanır.

7. Kasisto

Kasisto, bir bindirmede bir slogan ve CTA ile tam ekran bir arka plan görüntüsü kullanır. Sonraki bölüm, bilgi, logo ve CTA içeren simgeler içeren bir arka plan kullanır. Bunu takiben, ürünü göstermek ve özellikleri listelemek için bindirmeli tam genişlikte bir resim, CTA'larla çalışan ürünün bir animasyonunu gösteren bir bölüm, medyadan alıntılar içeren bir bölüm, bir arka plan üzerinde bir şirket beyanı ve bir alt bilgi bulunmaktadır. İletişim Formu. Site, renk ve görselleri mükemmel şekilde kullanıyor.

8. Sıra Üstü

RankAbove, bir bindirmede etiket satırı ve CTA ile tam genişlikte bir görüntü kullanır. Kaydırma, simgeler ve CTA'lı tanıtım yazılarını, gerçek paralakstaki müşteri web sitelerinin üst üste bindirme görüntüsünde bağlantı içeren müşteri logolarına sahip bir bölüm ve daire sayaçları ve düz tasarım grafiği kullanan istatistikleri içeren bir bölüm görüntüler. Paralaks içinde şirketin bir görüntüsünün üzerinde bir bindirmede bir referans görüntülenir. Hizmetlerle ilgili bir bölüm, daire içine alınmış resimler ve bir bağlantı kullanır. Büyük bir altbilgi, bağlantılar ve bir iletişim formu içerir. İletişim ve giriş bağlantıları üst menüye yerleştirilmiştir. Site, bindirmeleri ve paralaksı iyi kullanıyor.

9. Ezypay

Ezypay, bir bindirmede bilgi ve CTA içeren tam ekran bir arka plan görüntüsü kullanır. Hatta bir YouTube videosunu kalıcı bir pencerede oynatan bir video oynatma düğmesi içerir. Birkaç bölüm, daha fazla bilgi edinmek için bağlantılarla birlikte ürün özelliklerini gösterir. Tam genişlikte bir bölüm, bir bindirme içinde bir web semineri CTA'sına sahip bir arka plan görüntüsü içerir. Sorular tam genişlikte bir iletişim formu aracılığıyla yapılır. Altbilgi, siteye çeşitli dillerde bağlantılar içerir. Fiyatlandırma sayfası bir ülke seçici içerir. Site markalı rengi iyi kullanıyor.

10. vcita

vcita, slogan ve CTA ile tam ekran animasyonlu arka plan içerir. Ayrıca menüde bir CTA içerir. Kaydırma, uygulamanın hareketli bir gösterimini, alternatif bir düzende madde işaretleri ve faydaların simgeleriyle gösteren birkaç bölümü ortaya çıkarır. Bunu takiben, iletişim bilgileri, referanslar, sistemin entegre olduğu platformların logoları, bir fiyat tablosu ve bağlantılara sahip altbilgi içeren eksiksiz bir CTA bulunur. Site, animasyon ve markalı renklerden mükemmel bir şekilde yararlanıyor.

11. Uzaktan Kumandayı Aç

OpenRemote, bir yer paylaşımında etiket satırı ve YouTube video bağlantısı ile tam ekran bir görüntü görüntüler. Düğme tıklandığında video bir modda oynatılır. Ayırıcı bir çizgi içeren logonun altında tam genişlikte bir menü içerir. Sonraki bölüm, simgelerin kullanıldığı süreçteki adımları gösterir. Bunu, hizmetler hakkında tanıtım yazılarının bir bölümü, bir arka plan görüntüsü üzerinde tam genişlikte bir referans kaydırıcısı, haber beslemeleri ve en son tweet'leri içeren bir bölüm, müşteriler ve ödüller için kaydırıcılar ve bağlantılar ve arama içeren bir altbilgi. Site, markalı renklerden büyük ölçüde yararlanıyor.

Son düşünceler

Divi ile oluşturulmuş bu 11 SAAS web sitesi örneği, Divi'nin ayrıntılı ürün bilgileri ve faydaları, fiyat tabloları, vaka çalışmaları, gömülü video, sohbet sistemleri ve daha fazlasıyla tamamlanmış ilginç SAAS web siteleri oluşturmak için kullanıldığına dair harika örneklerdir.

Bu siteler, düzenler, renkler, resimler, arka planlar, video, navigasyon vb. için fikirler sağlamak için harikadır. SAAS web siteleri, ürünleri sergileme örnekleri için mükemmeldir ve ayrıca ürün fotoğrafçılığı ve vaka çalışmaları örnekleri olarak çalışır. Bu web sitelerinin bir sonraki SAAS tasarımınız için size ilham vereceğinden emin olabilirsiniz.

Bu Divi SAAS sitelerinin en sevdiğiniz unsurları nelerdir? Aşağıdaki yorumlarda bize bildirin!

Venimo / Shutterstock.com üzerinden Öne Çıkan Görsel