11 نمونه از وب سایت های SAAS که با Divi ساخته شده اند

SAAS (نرم افزار به عنوان یک سرویس) یک مدل تجاری محبوب است و همانطور که می توانید تصور کنید، سیستم های SAAS به وب سایت هایی نیاز دارند تا خدمات خود را به مشتریان بالقوه توضیح دهند و نشان دهند. خوشبختانه، بسیاری از وب سایت های SAAS وجود دارند که با Divi ساخته شده اند. در این مقاله، ما نگاهی به 11 نمونه از وب سایت های SAAS می اندازیم که با Divi ساخته شده اند تا شما را برای پروژه بعدی SAAS خود الهام بخشد.

این سایت‌ها شامل طرح‌بندی، رنگ‌ها، تصاویر، توضیحات محصول، ویدئوهای جاسازی شده، مطالعات موردی، CTA (تماس برای اقدام)، ناوبری و غیره هستند. می تواند با الهام گرفتن کمک کند بیشتر بروشورهایی با لیست قیمت هستند. بسیاری از آنها شامل چت و سایر سیستم های ارتباطی هستند. وب سایت ها ترتیب خاصی ندارند.

1. مرکز صورتحساب

مرکز صورتحساب توضیحی با عرض کامل با برچسب و CTA، و بخشی با آرم‌ها برای رسانه‌ای که سرویس در آن ارائه می‌شود را نشان می‌دهد. با کلیک بر روی تصویر، ویدیوی جاسازی شده Vimeo باز می شود. منوی بالایی دارای یک دکمه چت و دکمه های ورود/ثبت است. بخش بعدی توابع را با بخش همپوشانی نشان می دهد. بخش Getting Started فرآیند را با استفاده از آیکون ها نشان می دهد. یک نوار لغزنده آرم های مشتری را نشان می دهد. نوار لغزنده گواهینامه، توصیفات را با یک انیمیشن بزرگنمایی، به دنبال آن یک پاورقی با CTA و پیوندها نمایش می دهد. این سایت یک نمونه عالی از استفاده از گرافیک و رنگ است.

2. برنامه ریزی بصری

برنامه ریزی بصری شامل یک نوار لغزنده پست تمام صفحه، یک بخش حاوی تصاویر طراحی مسطح با پیوندهایی به گزینه های مختلف SAAS، و یک بخش دو ستونی با فرم ثبت نام در خبرنامه و تقویم رویداد است. پس از آن بخشی با تارهایی که راه‌حل‌های SAAS، دو CTA و پاورقی با پیوند را توضیح می‌دهند، ارائه می‌شود. سیستم منو شامل اطلاعات تماس قابل کلیک و پیوندهای اجتماعی با کد رنگی است.

3. کارآموز

کارآموز از یک تصویر پس زمینه تمام صفحه با اطلاعات مربوط به پلتفرم و CTA استفاده می کند. پیمایش بخشی را با نمادهایی نشان می دهد که مزایا را در چند کلمه بیان می کند. بخش بعدی از تصاویر و متن جایگزین برای نمایش جزئیات سیستم استفاده می کند. پس از آن قیمت گذاری و CTA، نظرات مشتریان با آرم شرکت، جوایز و بخشی با CTA، تماس و پاورقی اطلاعات دنبال می شود. منو همچنین شامل CTA است. کادر پیام Zendesk روی صفحه باقی می ماند. این سایت با استفاده از یک طرح بندی تمیز از رنگ ها و تصاویر استفاده زیادی می کند.

4. قد 365

قد 365 هنگام ارائه اطلاعات در مورد سرویس، از یک تصویر پس زمینه تمام صفحه با پوشش های متحرک که می آیند و می روند استفاده می کند. پیوندهای پست های وبلاگ در سمت راست با پس زمینه های رنگی متفاوت ظاهر می شوند. این منو شامل چندین لوگو، یک لینک ایمیل، یک لینک راهنما، و یک منوی استاندارد و یک منوی همبرگر است. منوی همبرگر شامل پیوندهای قابل کلیک و پیوندهای اجتماعی است. بخش‌های زیر جدول زمانی فرآیند، فهرستی از خدمات، مطالعات موردی با هم تداخل دارند و بخش مربوط به کاربر را با پیوند جدول زمانی برای اطلاعات بیشتر نشان می‌دهد. صفحه وبلاگ سه پست آخر را در بلوک های بزرگ نمایش می دهد و به دنبال آن لیست وبلاگ معمولی در چهار ستون قرار دارد. این سایت طرح بندی تمیزی دارد و از رنگ بسیار استفاده می کند.

5. تشریفات

رسمی بودن یک تصویر تمام صفحه را با اطلاعات و CTA در یک طرف پوشش می دهد. یک بخش کوچک شرح مختصری ارائه می دهد، سپس یک بخش با جزئیات بیشتر با CTA و ویدیوی جاسازی شده و بخشی با تصاویر و اطلاعات. مزایا با نمادهای رنگی نشان داده می شوند، در حالی که بخش دیگری نشان می دهد که هر بخش تجاری از کدام برنامه ها سود می برد. بخش توصیفات تصاویر را با عنوان و پیوندی برای مشاهده توصیفات و مطالعات موردی نمایش می دهد. CTA روی یک پس زمینه ذرات قرار می گیرد. پاورقی پیوندها را با رنگ های مارک نشان می دهد. این سایت به شدت از رنگ و فضای سفید استفاده می کند.

6. نتسیل

نتسیل از یک تصویر تمام صفحه با برچسب و CTA استفاده می کند. منو همچنین شامل CTA است. پس از آن یک بخش درباره، شامل پیوندی به دانلود به کاغذ سفید، یک تاپیک در مورد خدمات، و بخشی که نحوه عملکرد آن را نشان می دهد، شامل آیکون ها و CTA است. بخش وبلاگ مقالات انتخاب شده را نمایش می دهد. فوتر سفارشی شامل پیوندها و فرم ثبت نام در پس زمینه ذرات است. دکمه چت روی صفحه باقی می ماند. سایت ها به شدت از رنگ ها و انیمیشن های مارک دار استفاده می کنند.

7. کاسیستو

کاسیستو از یک تصویر پس زمینه تمام صفحه با یک برچسب و CTA روی جلد استفاده می کند. بخش بعدی از یک پس‌زمینه با آیکون‌هایی با اطلاعات، لوگو و CTA استفاده می‌کند. پس از آن یک تصویر تمام عرض با پوششی برای نمایش ویژگی‌های محصول و لیست، بخشی که انیمیشن محصول را با CTA کار می‌کند، بخشی با نقل قول‌های رسانه‌ای، بیانیه شرکت در پس‌زمینه، و پاورقی نشان می‌دهد. فرم تماس. این سایت از رنگ ها و تصاویر به خوبی استفاده می کند.

8. بالا

رتبه بالاتر است از یک تصویر تمام عرض با برچسب و CTA در پوشش استفاده می کند. این برنامه دارای تارهایی با نمادهای پیمایشی و CTA، بخشی با آرم های مشتری با پیوندهایی بر روی تصاویر وب سایت مشتری در منظر واقعی، و بخشی با آمار با استفاده از شمارنده دایره و گرافیک طراحی مسطح است. یک بررسی روی جلد روی یک تصویر اختلاف منظر از شرکت نمایش داده می شود. بخش درباره خدمات از تصاویر دایره ای و یک پیوند استفاده می کند. یک پاورقی بزرگ شامل پیوندها و یک فرم تماس است. پیوندهای تماس و دسترسی در منوی بالا قرار دارند. این سایت به خوبی از همپوشانی و اختلاف منظر استفاده می کند.

9. ایزی پای

ایزی پی از یک تصویر پس زمینه تمام صفحه با اطلاعات همپوشانی و CTA استفاده می کند. حتی شامل یک دکمه پخش ویدیو می شود که یک ویدیوی YouTube را در یک پنجره مودال پخش می کند. چندین بخش ویژگی های محصول را با پیوندهایی برای کسب اطلاعات بیشتر نشان می دهد. بخش تمام عرض شامل یک تصویر پس زمینه با CTA وبینار در پوشش است. درخواست از طریق فرم تماس با عرض کامل انجام می شود. در فوتر لینک های سایت به زبان های مختلف وجود دارد. یک انتخابگر کشور در صفحه قیمت گذاری وجود دارد. این سایت به خوبی از رنگ های مارک دار استفاده می کند.

10. vcita

vcita شامل پس زمینه متحرک تمام صفحه با برچسب و CTA است. منو همچنین دارای CTA است. پیمایش چندین بخش را نشان می دهد که یک نسخه نمایشی متحرک از برنامه را با نقاط گلوله و نمادهای ترجیحی در یک طرح بندی جایگزین نشان می دهد. پس از آن یک CTA کامل با اطلاعات تماس، نظرات، آرم‌های پلتفرم‌هایی که سیستم با آن‌ها ادغام می‌شود، قیمت‌گذاری و پاورقی با پیوندها ارائه می‌شود. این سایت از انیمیشن و رنگ های مارک دار به خوبی استفاده می کند.

11. OpenRemote

OpenRemote یک تصویر تمام صفحه را با یک برچسب و یک پیوند ویدیوی YouTube در پوشش نشان می دهد. هنگامی که دکمه کلیک می شود، در حالت ویدئو پخش می شود. این شامل یک منو با عرض کامل در زیر لوگو با یک خط جداکننده است. بخش بعدی مراحل این فرآیند را با استفاده از آیکون ها نشان می دهد. پس از آن یک بخش خبرنامه درباره خدمات، یک نوار لغزنده بازخورد با عرض کامل روی یک تصویر پس‌زمینه، بخشی با فیدهای خبری و آخرین توییت‌ها، و یک پاورقی با اسلایدرها برای مشتریان و پاداش‌ها، پیوندها و جستجو دنبال می‌شود. این سایت از رنگ های برند زیادی استفاده می کند.

این 11 نمونه از وب‌سایت‌های SAAS که با Divi ساخته شده‌اند شامل اطلاعات و مزایا دقیق محصول، جداول قیمت‌گذاری، مطالعات موردی، ویدیوهای جاسازی شده، سیستم‌های چت و موارد دیگر است. نمونه‌های عالی استفاده از Divi برای ایجاد وب‌سایت‌های جالب SAAS، کامل با

این سایت‌ها شامل طرح‌بندی، رنگ‌ها، تصاویر، پس‌زمینه، ویدیوها، ناوبری و موارد دیگر می‌شوند. عالی برای ارائه ایده برای وب سایت های SAAS برای نمایش نمونه هایی از محصولات عالی هستند و همچنین به عنوان نمونه هایی از عکس های محصول و مطالعات موردی کار می کنند. این وب سایت ها مطمئناً الهام بخش شما برای طراحی SAAS بعدی شما خواهند بود.

برخی از عناصر مورد علاقه من در این Divi SAAS چیست؟ سایت های؟ در قسمت نظرات پایین ما را آگاه کنید!

تصویر ویژه از طریق Venimo / shutterstock.com