16 Beispiele für digitale Berater-Websites, die mit Divi . erstellt wurden

Veröffentlicht: 2017-08-04

Digital Consulting ist ein beliebtes Online-Geschäftsmodell. Viele digitale Berater entwickeln mit Divi sowohl für sie als auch für ihre Kunden, was ein Grund dafür ist, dass Divi zu einem der Top-Entwicklungsthemen für WordPress geworden ist. Dies bedeutet, dass es viele Beispiele für digitale Berater-Websites gibt, die mit Divi erstellt wurden, um kreative Inspiration zu bieten. In diesem Artikel werfen wir einen Blick auf 16 davon.

Unabhängig davon, ob der digitale Berater Dienstleistungen wie Webdesign, Logos, Grafikdesign, App-Entwicklung usw. anbietet, können diese Websites bei der Inspiration für Ihr nächstes Design helfen. Die Seiten sind in keiner bestimmten Reihenfolge.

1. Intelligenter Coder 3

Smart-Coder-3.png

Smart Coder 3 verwendet einen Vollbild-Bildschieberegler mit Schachhintergrundbildern und Anführungszeichen in einer Überlagerung. Rote Schriftarten bieten einige visuelle Hervorhebungen. Der Abschnitt Über mich zeigt ein schönes digitales Gemälde des Entwicklers. Mehrere Abschnitte enthalten Zitate berühmter Namen. Andere Abschnitte umfassen einen Zahlenzähler, Projekte, einen Testimonial-Schieberegler und ein Kontaktformular. Das rote, weiße und schwarze Farbschema eignet sich gut für das Design der Website.

2. XD-Webdesign

XD-Web-Design.png

XD Web Design enthält einige interessante Übergänge innerhalb des Schiebereglers der Kopfzeile, der einen CTA und Schaltflächen für soziale Netzwerke enthält. Blurbs werden als Karten mit Schatten, Hover-Effekten und Symbolen angezeigt, die das Bild und den Text überlappen. Die CTA-Module (Call to Action) verwenden auch Schatten- und Hover-Effekte. Große Icons machen auf Dienstleistungen und Kontaktinformationen aufmerksam. Der Projektablauf wird in einer horizontal nummerierten Liste beschrieben. Die Website macht großen Gebrauch von Farbe, Animation und Layout-Design.

3. Zachery Nielson

Zachery-Nielson.png

Zachery Nielson verwendet meistens einen schwarzen Hintergrund mit weißem Text, Bildern und einem Vollbildhintergrund in Parallaxe. Ausgewählte Arbeiten werden auf einem Monitor und einem mobilen Gerät angezeigt. Die Sites verwenden einen minimalen Ansatz mit großen Schriftarten.

4. Vicente Latag Jr

Vicente-Latag-Jr.png

Vicente Latag Jr zeigt einen Videohintergrund in voller Breite in Parallaxe an, der sich beim Scrollen in die entgegengesetzte Richtung bewegt. Große Icons machen mit orange-weißem Branding auf Services, Testimonials und das Kontaktformular aufmerksam. Projekte werden in einem Raster in voller Breite angezeigt.

5. Taltool

Taltool.png

Taltool ist eine hebräische Seite mit RTL-Text (von rechts nach links). Es verwendet einen Vollbild-Slider mit Zoom-Animation. Die meisten Abschnitte sind im Vollbildmodus und enthalten mehrere aktuelle Projektabschnitte und einen Abschnitt „Info“ mit einer digitalen Farbstiftzeichnung des Entwicklers mit einem CTA. Die Website macht großen Gebrauch von Farbe.

6. Sensi Web

Sensi-Web.png

Sensi Web verwendet einen interessanten Partikelhintergrund mit einer herzförmigen Grafik in Parallaxe (die gleichzeitig als Logo dient). Die Abschnittshintergründe auf der gesamten Site entsprechen den Farben dieses Hintergrunds und dieser Grafik. Die Abschnitte verwenden zweispaltigen Text und Grafiken in einem abwechselnden Muster. Die Arbeit wird in einem Projektschieberegler mit einer gezoomten Version des Hintergrundbilds angezeigt. Die Schriftarten und Symbole passen perfekt zum Design und verleihen der Website eine visuelle Attraktivität, die sauber und professionell aussieht.

7. John Gonzalez

John-Gonzalez.png

John Gonzalez verwendet einen Bildschieberegler mit Zoomeffekt beim Scrollen. Jede Folie enthält eine kurze Erklärung. Dienste werden in Kacheln angezeigt, die nette Hover-Effekte verwenden, um einen Schatten für die Karte zu erzeugen, den Titel in Rot zu ändern und das Symbol zu vergrößern und fett zu machen. Testimonials zeigen Bilder, die Sie auswählen können, um ihre Aussage zu lesen. Die Kurse und der Blog verwenden ebenfalls Hover-Effekte, jedoch etwas anders als die Dienste. Die Website nutzt hervorragend rotes und weißes Branding, Animation und Parallaxe.

8. Brian Torpie

Brian-Torpie.png

Brian Torpie verwendet eine Verlaufshintergrundüberlagerung in Parallaxe mit CTAs und einem schönen Tippeffekt. Ein dünner Abschnitt über die gesamte Breite beschreibt jeden Abschnitt des Layouts, beginnend mit dem ersten, der die bereitgestellten Dienste anzeigt. Jeder der Dienste wird mit Abschnitten in voller Breite beschrieben oder demonstriert, wobei Hintergrundbilder mit Text und CTA auf einer Seite verwendet werden.

9. Zeljko Skipic

Zeljko-Skipic.png

Zeljko Skipic verwendet Schwarz und Weiß (meist Graustufen), zusammen mit Abschnitten von hellgrauen Hintergründen und dunklen Überlagerungen in Parallaxe, um das Portfolio und die Dienstleistungen hervorzuheben. Die Abschnitte sind durch Titel getrennt, die Codegrafiken hinter dem Text verwenden. Das vertikale Menü der rechten Seite zeigt die Kontakt- und Social-Follow-Buttons in einem separaten Abschnitt von der Navigation an. Die dunklen Grautöne wirken elegant gegen die hellen Grautöne und bilden einen Kontrast, der glatt und einfach zu sehen ist.

10. Charlotte Jourdain

Charlotte-Jourdain.png

Charlotte Jourdain verwendet eine animierte Kopfzeile mit Elementen, die Ihrer Maus folgen oder darauf reagieren. Der Hintergrund der Kopfzeile wird in jedem anderen Abschnitt in Parallaxe verwendet. Große kreisförmige Muster, die zu den Logos passen, überlappen Abschnitte und schaffen ein interessantes visuelles Designelement. Die Projekte verwenden Zoom-Hover-Effekte mit Überlagerungen. Die Website bietet Optionen zum Lesen in Französisch oder Englisch und nutzt Farbbranding und Abschnittstrenner.

11. Carone-Designs

Carone-Designs.png

Carone Designs zeigt einen Videohintergrund, eine interessante Kopfzeile mit CTA-Button und ein Menü auf der rechten Seite an, wobei beide Abschnitte durch eine Linie getrennt sind. Dienste werden in weißer Schrift auf blauem Hintergrund angezeigt. Bilder der Stadt Knoxville werden als Hintergrund in Parallaxe verwendet, einschließlich eines, das Kundenlogos in einem Overlay anzeigt. Die Website verwendet Schriftarten und Farbbranding.

12. BJ Keeton

BJ-Keeton.png

BJ Keeton zeigt den Namen, die Beschreibung und die Navigation auf der rechten Seite über einem Hintergrund mit Überlagerung in Parallaxe an. Das Blau und Rot des Overlays werden auf der gesamten Site für Hintergründe und Symbole verwendet. Bücher und Portfoliobilder verwenden dicke Ränder, um sie hervorzuheben. Die Seite verwendet durchweg Humor und bleibt dabei professionell, was mich eigentlich dazu brachte, den ganzen Text zu lesen.

13. MoxieCreek

MoxieCreek.png

MoxieCreek zeigt ein Schwarzweißbild mit CTA in Parallaxe an. Die obere Leiste platziert alle Elemente auf der rechten Seite. Das Logo überlappt beim Scrollen. Ein blau-orangefarbener Farbverlauf wird über einem interessanten Hintergrundmuster verwendet, um eine Aussage und Dienstleistungen anzuzeigen. Die Details des Dienstes werden in Umschaltern bereitgestellt. Ich liebe das Schwarz-Weiß-Foto hinter dem Kontaktformular, das einen Marienkäfer in Farbe zeigt.

14. Saftiges kreatives Webdesign

Saft-Creative-Web-Design.png

Juice Creative Web Design verwendet auf der gesamten Website ein kompliziertes Hintergrundmuster, einschließlich Hintergründen für die verschiedenen CTA-Links. Arbeitsbeispiele, Links und das Kontaktformular werden mit einem schönen Schatteneffekt mit Linien über den Bildern angezeigt. Die Download-Links enthalten einfache Hover-Effekte. Obwohl sie kompliziert sind, stehen die Grafiken dem klaren Design der Website nie im Weg.

15. In-Formation-Design

In-Formation-Design.png

In-Formation-Design verwendet durchgehend ein feminines und elegantes Design mit sanften Farben, Aquarellspritzern hinter den eleganten Schriftarten des Abschnittstitels, pastellfarbenen Hintergrundmustern, Blumen und einem Aquarellspritzer im Abschnitt Über mich. Die Seite enthält ein Portfolio-Raster in Parallaxe, Preistabellen für die Webdesign-Pakete, eine in Umschaltern angezeigte FAQ, einen transparenten Testimonial-Schieberegler und ein einfaches Kontaktformular.

16. Kaya Digitale Medien

Kaya-Digital-Media.png

Kaya Digital Media zeigt einen Videohintergrund mit dem Logo und der Liste der Dienste an. Es enthält ein schlankes Newsletter-Anmeldeformular, eine Beschreibung der Dienste in einem abwechselnden Abschnitt mit mehreren Layouts, einen Abschnitt mit einem Fenster in echter Parallaxe, ein zweispaltiges Portfolioraster innerhalb eines dreispaltigen Abschnitts, einen Post-Slider und ein elegantes Testimonial über einem Parallaxenhintergrund. Ich liebe die Schrift- und Hintergrundfarben.

Abschließende Gedanken

Diese 16 Beispiele für digitale Berater-Websites, die mit Divi erstellt wurden, zeigen, dass Divi nicht nur ein beliebtes Thema für die Kundenarbeit ist, sondern auch leistungsstark genug ist, dass digitale Berater es für ihre eigenen Websites verwenden. Mit Divi können Sie interessante Designs für jede Art von digitaler Beraterwebsite erstellen, egal wie komplex oder einfach sie ist, von One-Page-Sites über Display-Services mit einem Kontaktformular bis hin zu großen Sites mit Animationen und Portfolios.

Diese Seiten eignen sich hervorragend, um Ideen für Layouts, Verwendung von Farben, Bildern, CSS-Effekten, Navigation, Video und vielem mehr bereitzustellen und Ihnen Inspiration für Ihr nächstes Divi-Design zu geben.

Was sind einige Ihrer Lieblingselemente dieser digitalen Berater-Websites, die mit Divi erstellt wurden? Lass es uns in den Kommentaren unten wissen!

Ausgewähltes Bild über BarsRsind / shutterstock.com