SAAS (Software as a Service) adalah model bisnis yang populer dan seperti yang Anda bayangkan, sistem SAAS membutuhkan situs web untuk menjelaskan dan mendemonstrasikan layanan mereka kepada klien potensial. Untungnya ada banyak situs web SAAS yang dibuat dengan Divi. Pada artikel ini kita melihat 11 contoh situs web SAAS yang dibuat dengan Divi untuk membantu menginspirasi Anda untuk proyek SAAS Anda berikutnya.

Situs-situs ini dapat membantu dengan inspirasi untuk tata letak, warna, gambar, deskripsi produk, video tersemat, studi kasus, CTA (ajakan bertindak), navigasi, dan banyak lagi. Kebanyakan adalah brosur dengan tabel harga. Banyak yang menyertakan obrolan dan sistem komunikasi lainnya. Situs web tidak dalam urutan tertentu.

1. Pusat Faktur

Pusat Faktur menampilkan gambar lebar penuh dengan tagline dan CTA, dan bagian dengan logo untuk media tempat layanan ditampilkan. Gambar membuka video Vimeo yang disematkan saat diklik. Menu atas termasuk tombol chat dan tombol sign-in/sign-up. Bagian selanjutnya menunjukkan fitur dengan bagian yang tumpang tindih. Bagian Memulai menunjukkan proses menggunakan ikon. Ticker bergulir menunjukkan logo klien. Slider testimonial menampilkan testimonial dengan animasi zoom diikuti oleh CTA dan footer dengan tautan. Situs ini adalah contoh yang bagus dalam menggunakan grafik dan warna.

2. Perencanaan Visual

Perencanaan Visual mencakup penggeser posting layar penuh, bagian yang menyertakan gambar berdesain datar dengan tautan ke berbagai opsi SAAS, dan bagian dua kolom dengan formulir pendaftaran buletin dan kalender acara. Berikut ini adalah bagian dengan uraian yang menjelaskan solusi SAAS, dua CTA, dan footer dengan tautan. Sistem menu mencakup informasi kontak yang dapat diklik dan tautan sosial yang cocok dengan merek warna.

3. Berlatih

Traineaze menggunakan gambar latar layar penuh dengan informasi tentang platform dan CTA. Menggulir mengungkapkan bagian dengan ikon yang menunjukkan manfaat hanya dalam beberapa kata. Bagian selanjutnya menggunakan gambar dan teks bergantian untuk menampilkan detail tentang sistem. Berikut ini adalah bagian dengan harga dan CTA, testimonial klien dengan logo perusahaan, bagian dengan penghargaan dan CTA, dan footer dengan kontak dan tentang info. Menu juga termasuk CTA. Kotak pesan Zendesk tetap ada di layar. Situs ini memanfaatkan warna dan gambar dengan baik menggunakan tata letak yang bersih.

4. Ketinggian 365

Altitude 365 menggunakan gambar latar belakang layar penuh dengan overlay animasi yang datang dan pergi sambil memberikan informasi tentang layanan. Tautan ke posting blog muncul di sebelah kanan dengan latar belakang berwarna berbeda. Menu mencakup beberapa logo, tautan email, tautan bantuan, dan menu standar dan menu hamburger. Menu hamburger mencakup kontak yang dapat diklik dan tautan sosial. Bagian berikutnya menunjukkan garis waktu proses, daftar layanan, studi kasus dengan overlay, dan bagian tentang menggunakan garis waktu dengan tautan ke informasi lebih lanjut. Halaman blog menampilkan tiga posting terakhir dalam blok besar diikuti dengan daftar blog biasa dalam empat kolom. Situs ini memiliki tata letak yang bersih dan memanfaatkan warna dengan baik.

5. Formalitas

Formaliti menampilkan gambar layar penuh dengan informasi dan CTA dalam overlay di satu sisi. Bagian kecil memberikan deskripsi singkat diikuti oleh bagian yang lebih rinci dengan CTA dan video yang disematkan, dan bagian dengan gambar dan informasi. Manfaat ditampilkan dengan ikon bermerek warna, sementara bagian lain menunjukkan paket mana yang diuntungkan oleh setiap sektor bisnis. Bagian testimonial menunjukkan gambar dengan nama dan tautan untuk melihat testimonial dan studi kasus. CTA ditempatkan di atas latar belakang partikel. Footer menampilkan tautan dengan warna bermerek. Situs ini sangat memanfaatkan warna dan ruang putih.

6. Netsil

Netsil menggunakan gambar layar penuh dengan tagline dan CTA. Menu juga termasuk CTA. Berikut ini adalah bagian tentang dengan tautan unduhan ke kertas putih, bagian dengan uraian tentang layanan, dan bagian yang menunjukkan cara kerjanya termasuk ikon dan CTA. Bagian blog menampilkan artikel unggulan. Footer khusus menyertakan tautan dan formulir pendaftaran di atas latar belakang partikel. Tombol obrolan tetap ada di layar. Situs-situs tersebut sangat memanfaatkan warna dan animasi bermerek.

7. Kasist

Kasisto menggunakan gambar latar layar penuh dengan tagline dan CTA dalam overlay. Bagian selanjutnya menggunakan latar belakang dengan ikon dengan informasi, logo, dan CTA dalam hamparan. Berikut ini adalah gambar lebar penuh dengan overlay untuk mendemonstrasikan produk dan daftar fitur, bagian yang menunjukkan animasi produk yang bekerja dengan CTA, bagian dengan kutipan dari media, pernyataan perusahaan di atas latar belakang, dan footer dengan formulir kontak. Situs ini memanfaatkan warna dan gambar dengan sangat baik.

8. Peringkat Di Atas

RankAbove menggunakan gambar full-width dengan tagline dan CTA dalam overlay. Menggulir menampilkan uraian singkat dengan ikon dan CTA, bagian dengan logo pelanggan dengan tautan di hamparan di atas gambar situs web pelanggan dalam paralaks yang sebenarnya, dan bagian dengan statistik menggunakan penghitung lingkaran dan grafik desain datar. Kesaksian ditampilkan dalam overlay di atas gambar perusahaan secara paralaks. Bagian tentang layanan menggunakan gambar yang dilingkari dan tautan. Footer besar menyertakan tautan dan formulir kontak. Kontak dan tautan masuk ditempatkan di menu atas. Situs ini memanfaatkan overlay dan paralaks dengan baik.

9. Ezypay

Ezypay menggunakan gambar latar layar penuh dengan informasi dan CTA dalam overlay. Bahkan termasuk tombol putar video yang memutar video YouTube di jendela modal. Beberapa bagian menampilkan fitur produk dengan tautan untuk mempelajari lebih lanjut. Bagian lebar penuh menyertakan gambar latar belakang dengan CTA webinar dalam hamparan. Pertanyaan dilakukan melalui formulir kontak lebar penuh. Footer menyertakan tautan ke situs dalam berbagai bahasa. Halaman Harga menyertakan pemilih negara. Situs ini memanfaatkan warna bermerek dengan baik.

10. vcita

vcita menyertakan latar belakang animasi layar penuh dengan tagline dan CTA. Ini juga termasuk CTA dalam menu. Menggulir mengungkapkan beberapa bagian yang menunjukkan demonstrasi animasi aplikasi dengan poin-poin dan ikon manfaat dalam tata letak bergantian. Berikut ini adalah CTA lengkap dengan info kontak, testimonial, logo platform yang terintegrasi dengan sistem, tabel harga, dan footer dengan tautan. Situs ini memanfaatkan animasi dan warna bermerek dengan sangat baik.

11. Buka Jarak Jauh

OpenRemote menampilkan gambar layar penuh dengan tagline dan tautan video YouTube dalam hamparan. Video diputar dalam modal saat tombol diklik. Ini termasuk menu lebar penuh di bawah logo yang menyertakan garis pemisah. Bagian selanjutnya menunjukkan langkah-langkah dalam proses menggunakan ikon. Berikut ini adalah bagian uraian tentang layanan, bilah geser testimonial lebar penuh di atas gambar latar belakang, bagian dengan umpan berita dan tweet terbaru, bilah geser untuk klien dan penghargaan, dan footer dengan tautan dan pencarian. Situs ini sangat memanfaatkan warna bermerek.

Pikiran Akhir

11 contoh situs web SAAS yang dibuat dengan Divi ini adalah contoh bagus bahwa Divi digunakan untuk membuat situs web SAAS yang menarik lengkap dengan informasi dan manfaat produk terperinci, tabel harga, studi kasus, video tersemat, sistem obrolan, dan banyak lagi.

Situs-situs ini sangat bagus untuk memberikan ide untuk tata letak, warna, gambar, latar belakang, video, navigasi, dll. Situs web SAAS sangat baik untuk contoh menampilkan produk dan juga berfungsi sebagai contoh fotografi produk dan studi kasus. Situs web ini pasti akan menginspirasi Anda untuk desain SAAS Anda berikutnya.

Apa saja elemen favorit Anda dari situs Divi SAAS ini ? Beri tahu kami di komentar di bawah!

Gambar Unggulan melalui venimo / shutterstock.com