16 przykładów stron internetowych konsultantów cyfrowych zbudowanych za pomocą Divi

Konsulting cyfrowy to popularny model biznesowy online. Wielu konsultantów cyfrowych rozwija się z Divi zarówno dla nich, jak i dla swoich klientów, co jest jednym z powodów, dla których Divi stało się jednym z najlepszych tematów programistycznych dla WordPressa. Oznacza to, że istnieje wiele przykładów witryn internetowych konsultantów cyfrowych utworzonych za pomocą Divi, aby zapewnić twórczą inspirację. W tym artykule przyjrzymy się 16 z nich.

Niezależnie od tego, czy konsultant cyfrowy świadczy usługi, takie jak projektowanie stron internetowych, logo, projektowanie graficzne, tworzenie aplikacji itp., te witryny mogą stanowić inspirację do następnego projektu. Witryny nie są w określonej kolejności.

1. Inteligentny koder 3

Smart Coder 3 używa pełnoekranowego suwaka obrazu z obrazami w tle szachów i cytatami w nakładce. Czerwone czcionki zapewniają wizualne wyróżnienie. Sekcja O mnie wyświetla ładny cyfrowy obraz dewelopera. Wiele sekcji zawiera cytaty ze znanych nazwisk. Inne sekcje obejmują licznik liczb, projekty, suwak referencji i formularz kontaktowy. Schemat kolorów czerwony, biały i czarny dobrze sprawdza się w projekcie witryny.

2. Projektowanie stron internetowych XD

XD Web Design zawiera kilka interesujących przejść w suwaku nagłówka, który zawiera CTA i przyciski społecznościowe. Smugi są wyświetlane jako karty z cieniami, efektami najechania i ikonami, które nakładają się na obraz i tekst. Moduły CTA (wezwania do działania) również wykorzystują cienie i efekty najechania. Duże ikony zwracają uwagę na usługi i informacje kontaktowe. Proces projektowy opisany jest na poziomej, numerowanej liście. Witryna świetnie wykorzystuje kolory, animacje i projekt układu.

3. Zachery Nielson

Zachery Nielson używa głównie czarnego tła z białym tekstem, obrazami i pełnoekranowym tłem w paralaksie. Wybrana praca jest pokazywana na monitorze i urządzeniu mobilnym. Witryny stosują minimalne podejście z dużymi czcionkami.

4. Vicente Latag Junior

Vicente Latag Jr wyświetla tło wideo o pełnej szerokości w paralaksie, które przesuwa się w przeciwnym kierunku podczas przewijania. Dzięki pomarańczowo-białemu brandingowi duże ikony zwracają uwagę na usługi, referencje i formularz kontaktowy. Projekty są wyświetlane w siatce o pełnej szerokości.

5. Taltool

Taltool to hebrajska strona z tekstem RTL (od prawej do lewej). Wykorzystuje pełnoekranowy suwak z animacją powiększenia. Większość sekcji jest pełnoekranowa i zawiera kilka ostatnich sekcji projektów oraz sekcję Informacje z cyfrowym rysunkiem programisty w stylu ołówka z CTA. Strona świetnie wykorzystuje kolor.

6. Sensi Web

Sensi Web wykorzystuje ciekawe tło cząsteczkowe z grafiką w kształcie serca w paralaksie (która pełni również funkcję logo). Tła sekcji w całej witrynie pasują do kolorów z tego tła i grafiki. Sekcje wykorzystują dwie kolumny tekstu i grafiki w naprzemiennym wzorze. Praca jest pokazana w suwaku projektu przy użyciu powiększonej wersji obrazu tła. Czcionki i ikony idealnie pasują do projektu, nadając witrynie atrakcyjność wizualną, która wygląda czysto i profesjonalnie.

7. John Gonzalez

John Gonzalez używa suwaka obrazu z efektem powiększenia podczas przewijania. Każdy slajd zawiera krótkie oświadczenie. Usługi są pokazane w kafelkach, które wykorzystują ładne efekty najechania, aby zapewnić cień dla karty, zmienić tytuł na czerwony oraz powiększyć i pogrubić ikonę. Referencje pokazują obrazy, które możesz wybrać, aby przeczytać ich oświadczenie. Kursy i blog również korzystają z efektów najechania, ale nieco różnią się od usług. Witryna doskonale wykorzystuje czerwony i biały branding, animację i paralaksę.

8. Brian Torpie

Brian Torpie używa gradientowej nakładki tła w paralaksie z CTA i przyjemnym efektem pisania. Cienka sekcja o pełnej szerokości opisuje każdą sekcję układu, zaczynając od pierwszej, która wyświetla świadczone usługi. Każda z usług jest opisana lub zademonstrowana z sekcjami o pełnej szerokości z obrazami tła z tekstem i wezwaniem do działania po jednej stronie.

9. Zeljko Skipic

Zeljko Skipic używa czerni i bieli (głównie odcienie szarości) wraz z fragmentami jasnoszarego tła i ciemnymi nakładkami w paralaksie, aby podkreślić portfolio i usługi. Sekcje są oddzielone tytułami, które wykorzystują grafikę kodu za tekstem. Prawe pionowe menu witryny wyświetla przyciski kontaktu i obserwowania społecznościowego w oddzielnej sekcji od nawigacji. Ciemne szarości wyglądają elegancko na tle jasnych i tworzą kontrast, który jest gładki i łatwy do oglądania.

10. Charlotte Jourdain

Charlotte Jourdain używa animowanego nagłówka z elementami, które podążają za myszą lub reagują na nią. Tło nagłówka jest używane w każdej innej sekcji paralaksy. Duże okrągłe wzory pasujące do logo nakładają się na sekcje, tworząc ciekawy element wizualny. Projekty wykorzystują efekty najechania zoomem z nakładkami. Witryna ma opcje do czytania w języku francuskim lub angielskim i świetnie wykorzystuje oznaczenia kolorów i separatory sekcji.

11. Projekty Carone

Carone Designs wyświetla tło wideo, ciekawy nagłówek z przyciskiem CTA i menu po prawej stronie z obiema sekcjami oddzielonymi linią. Usługi są wyświetlane białym tekstem na niebieskim tle. Obrazy miasta Knoxville są używane jako tła w paralaksie, w tym takie, które wyświetla logo klientów w nakładce. Witryna dobrze wykorzystuje czcionki i branding kolorystyczny.

12. BJ Keeton

BJ Keeton wyświetla nazwę, opis i nawigację po prawej stronie na tle z nakładką w paralaksie. Kolory niebieskie i czerwone z nakładki są używane w całej witrynie jako tła i ikony. Książki i obrazy z portfolio mają grube obramowanie, aby się wyróżniać. Strona wykorzystuje humor przez cały czas pozostając profesjonalnym, co sprawiło, że chciałem przeczytać cały tekst.

13. MoxieCreek

MoxieCreek wyświetla czarno-biały obraz z CTA w paralaksie. Górny pasek umieszcza wszystkie elementy po prawej stronie. Logo nakłada się na scroll. Niebiesko-pomarańczowy gradient jest używany na interesującym wzorze tła, aby wyświetlić oświadczenie i usługi. Szczegóły usługi znajdują się w przełącznikach. Uwielbiam czarno-białe zdjęcie za formularzem kontaktowym, które pokazuje kolorową biedronkę.

14. Sok Kreatywne projektowanie stron internetowych

Juice Creative Web Design wykorzystuje skomplikowany wzór tła w całej witrynie, w tym tła dla różnych linków CTA. Przykłady prac, linki i formularz kontaktowy są wyświetlane z ładnym efektem cienia z liniami nad obrazami. Łącza do pobierania zawierają proste efekty najechania kursorem. Chociaż są skomplikowane, wizualizacje nigdy nie przeszkadzają w czystym projekcie witryny.

15. Projektowanie w formacji

In-Formation-Design wykorzystuje kobiecy i elegancki wygląd z delikatnymi kolorami, akwarelowymi plamami za eleganckimi czcionkami tytułu sekcji, pastelowymi wzorami tła, kwiatami i akwarelą w sekcji O mnie. Strona zawiera siatkę portfolio w paralaksie, tabele cenowe pakietów do projektowania stron internetowych, FAQ wyświetlane w przełącznikach, przejrzysty suwak referencji oraz prosty formularz kontaktowy.

16. Media cyfrowe Kaya

Kaya Digital Media wyświetla tło wideo z logo i listą usług. Zawiera smukły formularz zapisu do newslettera, opis usług w naprzemiennej sekcji z wieloma układami, sekcję z oknem w prawdziwej paralaksie, dwukolumnową siatkę portfolio w sekcji trzykolumnowej, suwak postu i elegancką referencję na tle paralaksy. Uwielbiam kolory czcionek i tła.

Końcowe przemyślenia

Te 16 przykładów witryn internetowych konsultantów cyfrowych zbudowanych za pomocą Divi pokazuje, że Divi jest nie tylko popularnym motywem do pracy z klientami, ale jest również na tyle potężny, że konsultanci cyfrowi używają go do swoich własnych witryn internetowych. Dzięki Divi możesz tworzyć ciekawe projekty dla każdego rodzaju witryny internetowej konsultanta cyfrowego, bez względu na to, jak złożone lub proste, od witryn jednostronicowych, przez wyświetlanie usług z formularzem kontaktowym, po duże witryny z animacjami i portfolio.

Te witryny świetnie nadają się do dostarczania pomysłów na układy, wykorzystania kolorów, obrazów, efektów CSS, nawigacji, wideo i wielu innych, a także dają inspirację do następnego projektu Divi.

Jakie są twoje ulubione elementy tych stron internetowych konsultantów cyfrowych zbudowanych za pomocą Divi? Daj nam znać w komentarzach poniżej!

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