14 witryn Divi z interesującymi stronami usług

Ciekawa strona usług ma kluczowe znaczenie dla prowadzenia biznesu w Internecie. Pokazuje odwiedzającym, co robisz, jak to robisz, jak to jest robić interesy z Tobą i pomaga im przedstawić realistyczne oczekiwania. Strony serwisowe są dostępne we wszystkich typach projektów. W tym artykule przyjrzymy się 14 witrynom Divi z interesującymi stronami usług, które pomogą Ci zainspirować Cię do następnego projektu Divi.

Strony usług zazwyczaj zawierają takie elementy, jak tabele cen, notki, przełączniki, obrazy, wideo i wezwania do działania. Pokażę obraz sekcji, która mi się podoba i omówię, co mi się w niej podobało. Strony internetowe nie są w określonej kolejności. Zatrzymaj się do końca, aby uzyskać kilka linków, które pomogą Ci wyrównać własną unikalną stronę kontaktową.

1. Brystolscy dekarze

Ta witryna wyświetla usługi w ramach kart, które wykorzystują efekty cienia pola. Pokazują obraz, tytuł, separator i tekst. Dwukolorowe tło dzieli się po przekątnej za tytułem, nadając mu ciekawy design, który nie odbiega również od pierwszego planu. Obrazy o pełnej szerokości są odpowiednio ustawione pod kątem. Sekcja Dlaczego my używa czerwonych tytułów podczas używania dzielników do tworzenia ćwiartek. Sekcja Proces jest ponumerowana w układzie naprzemiennym z dużym obrazem, który jest stylizowany tak, aby pasował do witryny.

Zobacz stronę internetową

2. Doradztwo Landcore

Ta strona używa dużego obrazu w paralaksie za tytułem. Usługi są wyświetlane w ramkach z zielonymi obramowaniami i ikonami pasującymi do marki witryny. Każda z usług ma również swoje indywidualne sekcje, z każdą sekcją podzieloną obrazem w paralaksy i dzielniki sekcji falistej.

Zobacz stronę internetową

3. Doshii

Ta strona wykorzystuje naprzemienne sekcje, które zawierają niebieskie tło gradientowe lub białe – każda z falistą przegrodą. Każda sekcja wyświetla serwis z tekstem i grafiką, a ich układy zmieniają się z jednej strony na drugą. Ostateczne wezwanie do działania wykorzystuje cienie okienne i cienie przycisków. Witryna świetnie wykorzystuje efekty kolorów i cieni.

Zobacz stronę internetową

4. Pierwsza piąta ósemka

Ten wyświetla dwukolumnowy ekran podzielony po przekątnej z CTA po jednej stronie i ikonami usług po drugiej. Następna sekcja zawiera czteroblokową grafikę, która przedstawia krok po kroku przez proces, pokazując zależność między każdym krokiem. Sekcja o pełnej szerokości pokazuje cele z zielonymi ikonami i białym tekstem na czarnym tle oraz przyciskami z efektami najechania. Statystyki i sekcje kontaktowe pasują do tego projektu. Każdy z kroków otrzymuje osobną sekcję z grafiką i notatkami.

Zobacz stronę internetową

5. Końce + łodygi

Ta strona zaczyna się od pełnowymiarowych sekcji dotyczących liderów firmy, które pomagają ustalić wiarygodność. Usługi są wyświetlane w zielonych polach z białymi ikonami i tekstem. Poniżej znajduje się stylizowany formularz kontaktowy, wezwanie do działania w mediach społecznościowych, kanał na Instagramie z przyciskami obserwowania społecznościowego, opt-in i sekcja Informacje. Ta strona korzysta z ciekawego brandingu kolorystycznego. Uwielbiam efekt najechania przycisku, który powoduje, że tło przycisku znajduje się w ramce przycisków po najechaniu.

Zobacz stronę internetową

6. Stuart Johnson

Ta strona używa pełnoekranowego obrazu tła w paralaksie z dużym tekstem tytułowym do wprowadzenia strony. Tekst informacji wstępnych znajduje się w dwóch kolumnach. 6-okrągła grafika opisuje ich podejście 6-P z krótkim opisem każdego z nich. Obszary ćwiczeń są przedstawione tytułem w krótkiej sekcji paralaksy. Same obszary ćwiczeń są wyświetlane w przełącznikach, które są stylizowane tak, aby pasowały do ​​marki witryny.

Zobacz stronę internetową

7. Nexus internetowy

Ta witryna przedstawia stronę z tytułem i sloganem na tle z nakładką. Następna sekcja pokazuje usługę dla tej strony, używając falistego separatora na górze i na dole sekcji. Funkcje usługi są przedstawione w tabeli, po której następuje sekcja opisująca ich metodę w trzech notkach. Krótkie studium przypadku zawiera link do szczegółowej strony, aby uzyskać więcej informacji. Dowód społeczny jest dostarczany z logo klienta.

Zobacz stronę internetową

8. Blue Cat Media i projektowanie

Ta witryna przedstawia stronę z eleganckim tytułem i tekstem na wzorzystym tle. Sekcja, która pokazuje, co zawiera, zawiera informacje o różnych usługach z tekstem w środku i obrazami w zewnętrznych kolumnach, po których następuje opis dodatków z wezwaniem do działania. Sekcja o podróży obejmuje każdą część procesu, numerując i dostarczając szczegółowych informacji na temat każdej z nich.

Zobacz stronę internetową

9. Flair-Projekty

Ten używa odważnych kolorów i wprowadza usługi z indywidualnymi notatkami, które wydają się łączyć w jedną dużą notkę wraz z ikonami, tytułami i tekstem dla każdego z nich. Poniżej znajduje się sekcja, która zawiera listę usług ze stylizowanym przyciskiem, aby zobaczyć portfolio. Kolejna sekcja przedstawia proces z ponumerowanymi tytułami i krótkimi opisami. Odważne czerwone wezwanie do działania zawiera stylizowany rozdzielacz sekcji, elegancki tekst i stylowy przycisk. Podobają mi się wzory i kolory tła na tej stronie.

Zobacz stronę internetową

10. Zomlex

Ten wykorzystuje czysty projekt z dużą ilością białej przestrzeni. Strona jest poprzedzona dużym tytułem i krótkim opisem. Usługi są wyświetlane w dużych notatkach za pomocą cieni, ręcznie rysowanych grafik, tytułów, tekstu i stylizowanych przycisków do poszczególnych stron usług. Poniżej znajduje się CTA o pełnej szerokości, które odwraca niebieski lub biały kolor, aby wyróżnić się, zachowując jednocześnie elegancki wygląd. Szczególnie podoba mi się grafika i kolory.

Zobacz stronę internetową

11. Adverup

Poszczególne strony usług tej witryny są wprowadzane tytułem, opisem i grafiką, po których następuje opis w dwóch kolumnach. Korzyści to pokazy w krótkiej sekcji pełnej szerokości z notatkami i ręcznie rysowaną grafiką. Przykłady są wyświetlane na obrazie pełnoekranowym, po którym następują notki opisujące proces. CTA do wyceny obejmują tabele, aby pokazać, co zawiera. Kolejna sekcja przedstawia korzyści obok stylizowanego formularza kontaktowego.

Zobacz stronę internetową

12. RewolucjaCzęści

Każda ze stron usług tej witryny zawiera sekcję z ikonami i tytułem, który po kliknięciu podkreśla różnice w funkcjach. Same funkcje są wyświetlane z obrazami, opisami i przyciskiem, aby zobaczyć demo. Strona kończy się sekcją bloga na artykuły związane z tą usługą oraz końcowym CTA, które tworzy ładną stopkę. Ta strona świetnie wykorzystuje kolory i odstępy.

Zobacz stronę internetową

13. Panoramiczny projekt

Ta strona zaczyna się od tytułu i klikalnego numeru telefonu, po którym następuje sekcja opisująca korzyści płynące ze współpracy z firmą. Blurby zawierają opis każdej usługi i zawierają duże ikony, tytuł, krótki opis i ładny efekt cienia, który pojawia się po najechaniu myszą. Sekcja dla projektów zawiera efekt najechania, który wyświetla nazwę i link czytaj więcej dla każdego projektu. Sekcja o tym, jak tworzą strony internetowe, pokazuje każdy etap procesu z elegancką grafiką, a następnie informacjami o płatnościach oraz sekcją zawierającą numer telefonu i formularz kontaktowy, który jest stylizowany na mieszanie.

Zobacz stronę internetową

14. Kancelaria prawna zajmująca się opieką nad osobami starszymi

Strony poszczególnych serwisów tej witryny są w większości tekstowe, ale prezentują je w ciekawy sposób. Strony są wprowadzane z krótkim tytułem o pełnej szerokości nad obrazem tła. Poniżej znajduje się sekcja tekstu w dwóch kolumnach: pierwsza kolumna zawiera tytuł i opis, a druga kolumna to cytat, który jest odpowiedni dla tematu. Pionowa linia cytatu działa jako przegroda między dwiema kolumnami. Kolejna sekcja wyświetla obraz w paralaksie z blokiem po prawej stronie z informacjami. Te klocki wykorzystują ciekawe kolory, które się wyróżniają. Więcej informacji znajduje się w tekście, po którym następuje CTA o pełnej szerokości.

Zobacz stronę internetową

Końcowe myśli

Oto nasze spojrzenie na 14 witryn Divi z interesującymi stronami usług, które pomogą Ci zainspirować Cię do następnego projektu Divi. Na blogu ET znajduje się wiele artykułów, które koncentrują się w szczególności na stronach usług lub elementach, takich jak tabele cen, notki, przełączniki itp.

Oto tylko kilka, które omawiają projektowanie z Divi:

• Jak stworzyć sekcję usług wizualnych do następnego projektu z Divi
• Jak stylizować piękną tabelę cen w Divi
• Bezpłatne pliki do pobrania Divi: Zestaw kreatywnych tabel cenowych
• 5 najlepszych praktyk dotyczących cen, których powinieneś używać z modułem tabeli cen Divi
• Używanie animacji Divi's Fold do rozkwitania Blurbs
• 5 zabawnych sposobów na stylizację modułu Blurb Divi

Chcemy usłyszeć od Ciebie. Które z tych witryn z interesującymi stronami usług są Twoimi ulubionymi? Daj nam znać w komentarzach.

Polecane zdjęcie na stronie blocberry / shutterstock.com