SAAS (Software as a Service) este un model de afaceri popular și, după cum ați putea imagina, sistemele SAAS au nevoie de site-uri web pentru a explica și demonstra serviciile lor potențialilor clienți. Din fericire, există o mulțime de site-uri web SAAS construite cu Divi. În acest articol, aruncăm o privire asupra a 11 exemple de site-uri web SAAS create cu Divi pentru a vă inspira pentru următorul dvs. proiect SAAS.

Aceste site-uri vă pot ajuta cu inspirație pentru machete, culori, imagini, descrieri de produse, videoclipuri încorporate, studii de caz, CTA (îndemn), navigare și multe altele. Majoritatea sunt broșuri cu tabele de prețuri. Multe includ chat și alte sisteme de comunicații. Site-urile web nu au o ordine specială.

1. Factură centrală

Factura centrală afișează o imagine cu lățime completă cu slogan și CTA și o secțiune cu sigle pentru suporturi media în care a fost prezentat serviciul. Imaginea deschide un videoclip Vimeo încorporat la clic. Meniul de sus include un buton de chat și butoane de conectare / înscriere. Următoarea secțiune prezintă caracteristicile cu o secțiune suprapusă. O secțiune Noțiuni introductive arată procesul folosind pictograme. Un bifator de derulare afișează siglele clientului. Un glisor pentru mărturii afișează mărturii cu animație zoom urmată de un CTA și subsol cu ​​linkuri. Site-ul este un exemplu excelent de utilizare a graficii și a culorilor.

2. Planificare vizuală

Planificarea vizuală include un glisor de afișare pe ecran complet, o secțiune care include imagini cu design plat, cu link-uri către diferitele opțiuni SAAS și o secțiune cu două coloane cu formular de înscriere la buletinul informativ și un calendar de evenimente. Urmează o secțiune cu blurbs care descrie soluțiile SAAS, două CTA-uri și subsol cu ​​legături. Sistemul de meniu include informații de contact care pot fi făcute clic și link-uri sociale care se potrivesc cu marca culorilor.

3. Antrenează

Traineaze folosește o imagine de fundal pe ecran complet, cu informații despre platformă și un CTA. Derularea dezvăluie o secțiune cu pictograme care arată avantajele în doar câteva cuvinte. Următoarea secțiune folosește imagini și text alternativ pentru a afișa detalii despre sistem. Urmează aceasta o secțiune cu prețuri și un CTA, mărturii ale clienților cu sigle ale companiei, o secțiune cu premii și un CTA și subsol cu ​​contact și informații. Meniul include și un CTA. O casetă de mesaje Zendesk rămâne pe ecran. Site-ul folosește foarte bine culoarea și imaginile folosind un aspect curat.

4. Altitudine 365

Altitude 365 folosește o imagine de fundal pe ecran complet cu suprapuneri animate care vin și pleacă în timp ce furnizează informații despre serviciu. Link-urile către postările de blog apar în dreapta, cu fundaluri colorate diferite. Meniul include mai multe sigle, un link de e-mail, un link de ajutor și atât un meniu standard, cât și un meniu hamburger. Meniul hamburger include contacte care pot fi făcute clic și linkuri sociale. Următoarele secțiuni arată o cronologie a procesului, o listă de servicii, studii de caz cu suprapuneri și o secțiune despre utilizarea unei cronologii cu un link către mai multe informații. Pagina blogului afișează ultimele trei postări în blocuri mari, urmate de o listare obișnuită a blogului în patru coloane. Site-ul are un aspect curat și folosește foarte bine culoarea.

5. Formaliti

Formaliti afișează o imagine pe ecran complet cu informații și CTA într-o suprapunere pe o parte. O secțiune mică oferă o scurtă descriere urmată de o secțiune mai detaliată cu CTA și un videoclip încorporat și o secțiune cu o imagine și informații. Beneficiile sunt afișate cu pictograme colorate, în timp ce o altă secțiune arată din ce planuri beneficiază fiecare sector de afaceri. O secțiune de mărturii prezintă imagini cu nume și un link pentru a vedea mărturiile și studiile de caz. Un CTA este plasat pe un fundal de particule. Subsolul afișează linkuri cu culori de marcă. Site-ul folosește foarte bine culoarea și spațiul alb.

6. Netsil

Netsil folosește o imagine pe ecran complet cu un slogan și CTA-uri. Meniul include și un CTA. Urmează această secțiune despre un link de descărcare către o hârtie albă, o secțiune cu informații despre servicii și o secțiune care arată cum funcționează, inclusiv pictograme și un CTA. O secțiune de blog afișează articole recomandate. Un subsol personalizat include legături și un formular de înscriere pe un fundal de particule. Pe ecran rămâne un buton de chat. Site-urile folosesc foarte bine culoarea și animația de marcă.

7. Kasisto

Kasisto folosește o imagine de fundal pe ecran complet, cu un slogan și CTA într-o suprapunere. Următoarea secțiune folosește un fundal cu pictograme cu informații, siglă și CTA într-o suprapunere. Urmează o imagine cu lățime completă cu suprapunere pentru a demonstra produsul și a enumera caracteristicile, o secțiune care prezintă o animație a produsului care lucrează cu CTA, o secțiune cu citate din mass-media, o declarație a companiei peste un fundal și un subsol cu Formular de contact. Site-ul folosește excelent culoarea și imaginile.

8. Rang Mai sus

RankAbove folosește o imagine cu lățime completă cu slogan și CTA într-o suprapunere. Defilarea afișează blurbs cu pictograme și CTA, o secțiune cu sigle ale clienților cu link într-o suprapunere peste imaginea site-urilor web ale clienților în adevărată paralaxă și o secțiune cu statistici folosind contoare de cercuri și o grafică cu design plat. O mărturie este afișată într-o suprapunere peste o imagine a companiei în paralaxă. O secțiune despre servicii folosește imagini încercuite și un link. Un subsol mare include linkuri și un formular de contact. Linkurile de contact și de conectare sunt plasate în meniul de sus. Site-ul folosește bine suprapunerile și paralela.

9. Ezypay

Ezypay folosește o imagine de fundal pe ecran complet cu informații și CTA într-o suprapunere. Include chiar și un buton de redare video care redă un videoclip YouTube într-o fereastră modală. Mai multe secțiuni afișează caracteristicile produsului cu linkuri pentru a afla mai multe. O secțiune cu lățime completă include o imagine de fundal cu un CTA webinar într-o suprapunere. Cererile sunt făcute printr-un formular de contact pe toată lățimea. Subsolul include link-uri către site-ul în diferite limbi. Pagina Prețuri include un selector de țară. Site-ul folosește bine culoarea de marcă.

10. vcita

vcita include fundal animat pe ecran complet, cu slogan și CTA. De asemenea, include un meniu CTA. Derularea dezvăluie mai multe secțiuni care arată o demonstrație animată a aplicației cu puncte glonț și pictograme ale beneficiilor într-un aspect alternativ. Urmează un CTA complet cu informații de contact, mărturii, sigle de platforme cu care sistemul se integrează, un tabel de prețuri și subsol cu ​​link-uri. Site-ul folosește excelent animația și culoarea de marcă.

11. OpenRemote

OpenRemote afișează o imagine pe ecran complet cu un slogan și un link video YouTube într-o suprapunere. Videoclipul se redă într-un mod când se face clic pe buton. Acesta include un meniu cu lățime completă sub siglă, care include o linie separatoare. Următoarea secțiune arată pașii procesului folosind pictograme. Urmează o secțiune de blurbs despre servicii, un glisor de mărturie pe toată lățimea peste o imagine de fundal, o secțiune cu fluxuri de știri și cele mai recente tweets, glisante pentru clienți și premii și un subsol cu ​​linkuri și căutare. Site-ul folosește foarte bine culoarea de marcă.

Gânduri finale

Aceste 11 exemple de site-uri web SAAS construite cu Divi sunt exemple excelente în care Divi este folosit pentru a crea site-uri web interesante SAAS, cu informații detaliate despre produse și beneficii, tabele de prețuri, studii de caz, video încorporat, sisteme de chat și multe altele.

Aceste site-uri sunt foarte bune pentru a oferi idei de machete, culori, imagini, fundaluri, videoclipuri, navigare etc. Site-urile web SAAS sunt excelente pentru exemple de prezentare a produselor și funcționează și ca exemple de fotografie a produselor și studii de caz. Aceste site-uri web vă vor inspira cu siguranță pentru următorul dvs. design SAAS.

Care sunt câteva dintre elementele tale preferate ale acestor site-uri Divi SAAS ? Spuneți-ne în comentariile de mai jos!

Imagine prezentată prin venimo / shutterstock.com