SAAS (Software as a Service) to popularny model biznesowy i, jak można sobie wyobrazić, systemy SAAS potrzebują stron internetowych, aby wyjaśnić i zaprezentować swoje usługi potencjalnym klientom. Na szczęście istnieje wiele stron SAAS zbudowanych z Divi. W tym artykule przyjrzymy się 11 przykładom witryn SAAS zbudowanych z Divi, aby zainspirować Cię do następnego projektu SAAS.

Witryny te mogą być źródłem inspiracji dotyczących układów, kolorów, obrazów, opisów produktów, osadzonego wideo, studiów przypadku, wezwania do działania (wezwania do działania), nawigacji i nie tylko. Większość z nich to broszury z tabelami cenowymi. Wiele z nich obejmuje czat i inne systemy komunikacji. Strony internetowe nie są w określonej kolejności.

1. Centrum faktur

Centrum faktur wyświetla obraz o pełnej szerokości ze sloganem i wezwaniem do działania, a także sekcję z logo dla mediów, w których pojawiła się usługa. Obraz otwiera osadzone wideo Vimeo po kliknięciu. Górne menu zawiera przycisk czatu i przyciski logowania/rejestracji. Następna sekcja przedstawia funkcje z nakładającą się sekcją. Sekcja Pierwsze kroki przedstawia proces za pomocą ikon. Przewijający się pasek wyświetla logo klienta. Suwak referencji wyświetla referencje z animacją powiększenia, a następnie CTA i stopką z linkami. Strona jest doskonałym przykładem wykorzystania grafiki i koloru.

2. Planowanie wizualne

Wizualne planowanie zawiera pełnoekranowy suwak postów, sekcję zawierającą płaskie obrazy z łączami do różnych opcji SAAS oraz dwukolumnową sekcję z formularzem zapisu na biuletyn i kalendarzem wydarzeń. Poniżej znajduje się sekcja z notkami opisującymi rozwiązania SAAS, dwa CTA oraz stopka z linkami. System menu zawiera klikalne informacje kontaktowe i linki społecznościowe, które pasują do brandingu kolorystycznego.

3. Trenuj

Traineaze używa pełnoekranowego obrazu tła z informacjami o platformie i CTA. Przewijanie ujawnia sekcję z ikonami, które w kilku słowach pokazują korzyści. Następna sekcja wykorzystuje naprzemienne obrazy i tekst, aby pokazać szczegółowe informacje o systemie. Poniżej znajduje się sekcja z cenami i CTA, referencje klientów z logo firmy, sekcja z nagrodami i CTA oraz stopka z kontaktem i informacjami. W menu znajduje się również CTA. Okno wiadomości Zendesk pozostaje na ekranie. Witryna świetnie wykorzystuje kolory i obrazy przy użyciu przejrzystego układu.

4. Wysokość 365

Altitude 365 wykorzystuje pełnoekranowy obraz tła z animowanymi nakładkami, które pojawiają się i znikają podczas dostarczania informacji o usłudze. Łącza do postów na blogu są wyświetlane po prawej stronie z różnokolorowym tłem. Menu zawiera wiele logo, link do wiadomości e-mail, link do pomocy oraz zarówno menu standardowe, jak i menu hamburgerowe. Menu hamburgerów zawiera klikalny kontakt i linki społecznościowe. Kolejne sekcje przedstawiają oś czasu procesu, listę usług, studia przypadków z nakładkami oraz sekcję dotyczącą wykorzystującą oś czasu z linkiem do dodatkowych informacji. Strona bloga wyświetla ostatnie trzy posty w dużych blokach, po których następuje regularna lista blogów w czterech kolumnach. Witryna ma przejrzysty układ i świetnie wykorzystuje kolory.

5. Formalność

Formaliti wyświetla obraz pełnoekranowy z informacjami i CTA w nakładce po jednej stronie. Mała sekcja zawiera krótki opis, po której następuje bardziej szczegółowa sekcja z wezwaniem do działania i osadzonym filmem oraz sekcja z obrazem i informacjami. Korzyści są wyświetlane z kolorowymi ikonami, podczas gdy inna sekcja pokazuje, z których planów korzysta każdy sektor biznesowy. Sekcja referencje zawiera zdjęcia z nazwiskami oraz link do referencji i studiów przypadku. CTA jest umieszczane na tle cząstek. W stopce wyświetlane są linki w markowych kolorach. Witryna świetnie wykorzystuje kolory i białą przestrzeń.

6. Netsil

Netsil używa pełnoekranowego obrazu z hasłem i CTA. W menu znajduje się również CTA. Poniżej znajduje się sekcja z linkiem do pobrania białej księgi, sekcja z notatkami na temat usług oraz sekcja pokazująca, jak to działa, w tym ikony i wezwanie do działania. Sekcja bloga wyświetla polecane artykuły. Niestandardowa stopka zawiera linki i formularz rejestracyjny na tle cząstek. Na ekranie pozostaje przycisk czatu. Witryny świetnie wykorzystują markowy kolor i animację.

7. Kasista

Kasisto używa pełnoekranowego obrazu tła z hasłem i CTA w nakładce. Kolejna sekcja wykorzystuje tło z ikonami z informacjami, logo i CTA w nakładce. Poniżej znajduje się obraz o pełnej szerokości z nakładką, aby zademonstrować produkt i listę funkcji, sekcję przedstawiającą animację produktu współpracującą z CTA, sekcję z cytatami z mediów, oświadczenie firmy na tle oraz stopkę z Formularz kontaktowy. Strona doskonale wykorzystuje kolory i obrazy.

8. Pozycja powyżej

RankAbove używa obrazu o pełnej szerokości ze sloganem i wezwaniem do działania w nakładce. Przewijanie wyświetla notki z ikonami i wezwaniem do działania, sekcję z logo klienta z linkiem w nakładce na obraz strony internetowej klienta w prawdziwej paralaksie oraz sekcję ze statystykami z licznikami okręgów i płaską grafiką. Referencja jest wyświetlana w nakładce na wizerunek firmy w paralaksie. Sekcja o usługach wykorzystuje obrazy w kółkach i link. Duża stopka zawiera linki i formularz kontaktowy. Linki do kontaktu i logowania znajdują się w górnym menu. Witryna dobrze wykorzystuje nakładki i paralaksę.

9. Ezypay

Ezypay używa pełnoekranowego obrazu tła z informacjami i CTA w nakładce. Zawiera nawet przycisk odtwarzania wideo, który odtwarza wideo z YouTube w oknie modalnym. W kilku sekcjach wyświetlane są funkcje produktu wraz z linkami, aby dowiedzieć się więcej. Sekcja o pełnej szerokości zawiera obraz tła z wezwaniem do webinaru w nakładce. Zapytania prosimy kierować za pośrednictwem pełnowymiarowego formularza kontaktowego. Stopka zawiera linki do strony w różnych językach. Strona cenowa zawiera selektor kraju. Witryna dobrze wykorzystuje markowy kolor.

10. vcyta

vcita zawiera pełnoekranowe animowane tło z hasłem i wezwaniem do działania. Zawiera również CTA w menu. Przewijanie ujawnia kilka sekcji przedstawiających animowaną demonstrację aplikacji z punktorami i ikonami korzyści w układzie naprzemiennym. Poniżej znajduje się pełne CTA z danymi kontaktowymi, referencjami, logo platform, z którymi system integruje się, tabelą cen i stopką z linkami. Strona doskonale wykorzystuje animację i markowy kolor.

11. OtwórzRemote

OpenRemote wyświetla obraz pełnoekranowy z hasłem i linkiem do wideo YouTube w nakładce. Film jest odtwarzany w trybie modalnym po kliknięciu przycisku. Zawiera menu o pełnej szerokości pod logo, które zawiera linię oddzielającą. W następnej sekcji przedstawiono kroki procesu za pomocą ikon. Poniżej znajduje się sekcja notek o usługach, pełnowymiarowy suwak z referencjami na obrazie tła, sekcja z kanałami wiadomości i najnowszymi tweetami, suwaki dla klientów i nagród oraz stopka z linkami i wyszukiwaniem. Witryna świetnie wykorzystuje markowy kolor.

Końcowe przemyślenia

Te 11 przykładów witryn SAAS zbudowanych za pomocą Divi to świetne przykłady, że Divi jest wykorzystywane do tworzenia interesujących witryn SAAS, zawierających szczegółowe informacje o produktach i korzyściach, tabele cenowe, studia przypadków, wbudowane wideo, systemy czatu i wiele innych.

Witryny te doskonale nadają się do dostarczania pomysłów na układy, kolory, obrazy, tła, wideo, nawigację itp. Witryny SAAS są doskonałe jako przykłady prezentacji produktów, a także działają jako przykłady fotografii produktów i studiów przypadku. Te strony internetowe z pewnością zainspirują Cię do następnego projektu SAAS.

Jakie są twoje ulubione elementy tych witryn Divi SAAS ? Daj nam znać w komentarzach poniżej!

Polecane zdjęcie za pośrednictwem venimo / shutterstock.com