Divi Design Showcase: Neue Einreichungen ab Oktober 2019

Es ist wieder soweit! Zeit für unseren monatlichen Divi-Showcase, in dem wir uns zehn fantastische Divi-Websites ansehen, die von unseren Community-Mitgliedern erstellt wurden. Jeden Monat präsentieren wir die besten Divi-Websites, die von unserer Community eingereicht wurden, und heute möchten wir Ihnen die zehn besten Websites für den Monat Oktober vorstellen. Während des gesamten Beitrags werde ich auf einige meiner Lieblingsdesignfunktionen hinweisen, die mich zu jeder der Websites führen.

Ich hoffe sie gefallen dir!

Divi Design Showcase: Neue Einreichungen ab Oktober 2019

1. Bots vs. Nachteile

Diese Website wurde von Wade McMaster eingereicht. Die Site verwendet eine dunkle Farbpalette mit weißem und hellblauem Text und Hervorhebungen. Das Menü ist schlank und wird durch eine blaue Linie vom Heldenbereich getrennt. Der Hero-Bereich zeigt ein Hintergrundbild mit dem Logo und der Beschreibung der Site in großem Text an. Ein Info-Abschnitt zeigt Informationen in zwei Spalten an. Ich mag den Blog-Bereich, der in Parallaxe über einem Hintergrundbild mit einem gestylten Overlay angezeigt wird. Es zeigt den neuesten Blog-Beitrag mit Text auf der einen Seite als CTA an, um den Blog zu sehen, und auf der anderen Seite einen Blog-Beitrag in einem Kartendesign. Auf den Seiten „Hintergründe“ und „Blog“ werden Blog-Posts mit einer Kopfzeile, einem Hintergrundbild und einer Seitenleiste angezeigt. Interessant ist auch die Seite Abonnieren. Es zeigt das Anmeldeformular als CTA mit Aufzählungszeichen auf einer Seite an, um die Vorteile des Abonnements aufzuzeigen. Die Seiten zeigen ein anderes Menüdesign als die Startseite.

Besuche die Website

2. Designmedien anpassen

Diese Website wurde von Sam Nicholson eingereicht. Die Site zeigt ein Hintergrundvideo im Vollbildmodus mit einer Verlaufsüberlagerung an. Der Vordergrund zeigt das Logo und die Liniendesigns. Das Logo zoomt beim Schweben und zwei der Linienelemente verschwinden, um einen interessanten Schwebeeffekt zu erzeugen. Das interessanteste Element ist die Art und Weise, wie die Site Abschnittstrenner verwendet. Es platziert ein Hintergrundbild hinter dem Teiler und platziert dann einen Farbverlauf darüber. Darüber werden Zahlen- oder Kreiszähler gelegt. Die Site verwendet viele Farbverläufe und angepassten Text. Schaltflächen enthalten dieselben Farbverläufe wie die Hintergründe. Dienste werden mit einem wechselnden Layout angezeigt und enthalten Bilder, die beim Schweben geneigt werden. Der Karrierebereich und der Kontaktbereich enthalten den gleichen Tilt-Effekt. Es hat viele kleine Animationen wie Linien, die beim Laden in Position kippen. Die Site enthält auch eine gestylte Back-to-Top-Schaltfläche und eine gestylte Schiebeleiste, die meiner Meinung nach zu einer Standardpraxis für Webdesign werden würde.

Besuche die Website

3. Immobilien-Pop

Diese Website wurde von Kaelynn Midgley eingereicht. Es zeigt einen Hintergrundverlauf in voller Breite mit einem CTA auf der einen Seite und einem Bild innerhalb eines Mobilgeräts auf der anderen. Beim Scrollen werden auf der einen Seite Informationen mit einem CTA und auf der anderen Seite Bilder von Eigenschaften angezeigt, wobei ein Bild innerhalb eines Laptop-Umrisses platziert ist. Ähnliche Designs werden auf der gesamten Website fortgesetzt. Mein Favorit ist der Abschnitt über die Community. Es enthält ein zweispaltiges Layout mit einem Hintergrundbild mit einem überlappenden Klappentext, der ein Bild, Text und eine Schaltfläche sowie Informationen auf der anderen Seite enthält. Auf der Seite Funktionsweise wird jeder Schritt im Vollbildmodus mit einer anderen Hintergrundfarbe für jeden angezeigt. Ich mag auch die Blog-Seite, die einen Heldenabschnitt, Text zur Information, eine Trennlinie und dann die Blog-Posts enthält. Die Beiträge fügen dem vorgestellten Bild einen Kastenschatten hinzu. Das Menü enthält einen CTA.

Besuche die Website

4. Heimat

Diese Website wurde von Jerome Bestel eingereicht. Es enthält viele Grafiken auf der gesamten Website, beginnend mit dem Heldenbereich, der auf der einen Seite eine große Grafik und auf der anderen einen CTA anzeigt. Beim Scrollen wird ein zweispaltiger Abschnitt mit einer kleineren Grafik auf der einen Seite mit einer anklickbaren Anruftaste und Informationen auf der anderen Seite angezeigt. Dieses Design wechselt beim Scrollen auf der Seite nach unten. Weitere Informationen werden in Klappentexten bereitgestellt. Mit einem Schieberegler können Sie einen Cursor bewegen und einen Preis auswählen. Informationen über das Team werden mit Klappentexten und Grafiken für Bilder bereitgestellt. Die Seite verwendet ein minimalistisches Design und viel Blau für den Text und die Hintergründe, um die Zielgruppe anzusprechen. Jede der Seiten folgt einem ähnlichen Design, hat aber dennoch etwas Einzigartiges. Das Menü enthält einen Kontakt-CTA und einen anklickbaren Anruflink. Besonders gut gefallen mir die großen Grafiken in den Heldenbereichen jeder Seite.

Besuche die Website

5. ChangeUp für wohltätige Zwecke

Diese Website wurde von Dickon Kent eingereicht. Es hat einen Hintergrundverlauf in voller Breite mit einer Grafik auf der einen Seite hinter einem CTA und einer Reihe von Bildern auf der anderen Seite, die die App auf Mobiltelefonen zeigen. Die nächsten Abschnitte zeigen links Text mit Trennlinie und blauem Titel und rechts ein Smartphone mit einem Bild der App und umgebenden Grafiken. Der Text und die Grafiken gleiten beim Scrollen an die richtige Stelle. Ein Schieberegler zeigt Logos über einem gemusterten Hintergrund mit Farbverlauf an. Ein Testimonial-Schieberegler in voller Breite enthält das Bild, den Testimonial und die Punkt- und Pfeilnavigation über dem blauen Hintergrund, der der Site entspricht. Informationen werden in Klappentexten bereitgestellt, die eingekreiste Symbole enthalten, die dem Design der Website entsprechen. Die Website nutzt die blauen und grünen Markenfarben und Farbverläufe hervorragend.

Besuche die Website

6. Rebbl

Diese Website wurde von Dickon Kent eingereicht. Diese Seite verwendet ein interessantes Mega-Menü mit kleinerem Text unter dem Haupttext. Wenn Sie mit der Maus über einen der Links fahren, wird das Menü geöffnet, um weitere Links und Bilder anzuzeigen. Der erste Abschnitt der Homepage zeigt ein Bild in voller Breite mit Platz auf einer Seite für einen CTA und auf der anderen Seite für die Produkte. Beim Scrollen wird ein CTA in voller Breite angezeigt, der das Produkt demonstriert und einen Link zum Shop bereitstellt. Ein Blog-Abschnitt zeigt Kategorien als Blog-Karten an. Wenn Sie auf eine klicken, wird die Archivseite dieser Blog-Kategorie geöffnet. Die Blogbeiträge werden in großen Karten dargestellt, wobei die Kategorie zwischen Bild und Auszug zentriert ist. Ein schlankes Abonnementformular zeigt den Text und das Formular über einem Hintergrundmuster an. Informationen zu Unternehmen und Produkten werden in einem zweispaltigen Bereich mit großen CTAs angezeigt. Ich mag den Video-CTA, der ein Hintergrundvideo mit einem Titel und einer Schaltfläche im Overlay anzeigt. Ein eingebetteter Instagram-Slider bietet Informationen zum Schweben und öffnet die Informationen in einem modalen Klick.

Besuche die Website

7. Jugend, sprich es aus!

Diese Website wurde von Michal Teska eingereicht. Es handelt sich um ein einseitiges Layout, das ein Vollbild-Hintergrundbild in Parallaxe mit einer stark undurchsichtigen Überlagerung anzeigt. Das Overlay enthält einen Slogan und eine Grafik. Alle Abschnitte haben ein zweispaltiges Layout mit Text im Hintergrund in Parallaxe mit einer Grafik im Vordergrund und Text auf der anderen Seite. Dieses Design wechselt beim Scrollen. Einer dieser Abschnitte hat Umschalter, die so gestaltet sind, dass sie der Site entsprechen. Informationen über die beteiligten Personen werden mit Klappen erstellt, die links ein Miniaturbild und rechts deren Name und Standort haben. Partnerlogos werden in Graustufen angezeigt und ändern sich beim Bewegen der Maus in die Farbe.

Besuche die Website

8. AWEOS

Diese Website wurde von Christos Papadopoulos erstellt. Ein animierter Hintergrund erzeugt mit Cartoon-Grafiken den Effekt einer Unterwasserwelt. Über dem Hintergrund befindet sich ein CTA mit Slogan und einem animierten Bild. Ein Mega-Menü zeigt drei Spalten mit Links und Bildern. Der nächste Abschnitt enthält Informationen und enthält einen anklickbaren Anruflink und einen Beratungslink. Teammitglieder werden mit einem Bild, Namen, Titel, Beschreibung und einer Schaltfläche angezeigt, um eine Audionachricht von dieser Person zu hören. Dienste werden in Klappen angezeigt, die Symbole unter dem Text enthalten. Die Projektseite zeigt Beispiele innerhalb einer Karte, die beim Hover scrollen kann. Jede der Serviceseiten folgt einem ähnlichen Design, das eine Kopfzeile mit einer Beschreibung und einem Link enthält, gefolgt von detaillierten Informationen. Die Blog-Seite und die Beiträge folgen einem ähnlichen Header-Design.

Besuche die Website

9. Marci Angeles

Diese Website wurde von Marci Angeles eingereicht. Kopf- und Fußzeile bleiben beim Scrollen auf dem Bildschirm. Sie sind transparent, sodass das Layout durchscheint. Die Homepage zeigt einen blauen Hintergrund und mehrere Bilder von Arbeitsproben. Wenn Sie auf ein Bild klicken, wird die Seite dieses Projekts geöffnet, auf der Sie die Details zum Projekt sehen können. Jeder wird als Blogbeitrag angezeigt und enthält ein vorgestelltes Bild, eine Beschreibung, Bilder, eine Navigation zum vorherigen und nächsten Beitrag und ein Kontaktformular. Die Fußzeile bleibt auf den Projektseiten nicht auf dem Bildschirm. Kopf- und Fußzeile haben ein einfaches und klares Design. Der Header enthält Links zu anderen Websites des Eigentümers, die ähnliche weiche Farben wie diese verwenden. Die Fußzeile enthält Links zu sozialen Medien. Beide haben Linien, die sie vom Hauptteil der Site trennen.

Besuche die Website

10. ATG Europa

Diese Website wurde von Camiel Bos eingereicht. Der Vollbild-Header zeigt ein Hintergrundvideo mit Titel und Slogan in der unteren linken Ecke des Bildschirms. Es hat ein Mega-Menü und zeigt Links und Beiträge beim Hover an. Beim Scrollen sehen Sie, dass das Menü weiß wird und einen geschwungenen Rand hat und den unteren Teil des Videobereichs widerspiegelt. Informationen werden im nächsten Abschnitt bereitgestellt und enthalten eine Grafik, die zum Thema der Website passt. Die bedienten Branchen, Lösungen und Dienstleistungen werden in Bildern in Parallaxe dargestellt. Ein Kontakt-CTA zeigt den Titel und die Schaltfläche über einem Hintergrundbild an und enthält geschwungene Abschnittsteiler oben und unten, um ein interessantes Design zu schaffen. Die Site verwendet viele gestylte Trennwände, Hintergrundmuster und überlappende Elemente, die sich gut abheben und gleichzeitig ein sauberes Design beibehalten. Die Website verwendet Bilder und Farben hervorragend.

Besuche die Website

Abschluss

Das sind unsere 10 besten Einreichungen für die Divi-Website der Community für den Monat Oktober. Diese Seiten sehen fantastisch aus und wie immer möchten wir uns bei allen für Ihre Einsendungen bedanken!

Wenn Sie möchten, dass Ihr eigenes Design berücksichtigt wird, senden Sie bitte eine E-Mail an unseren Redakteur bei nathan at Elegant Themes dot com. Stellen Sie sicher, dass der Betreff der E-Mail „DIVI SITE SUBMISSION“ lautet.

Wir würden auch gerne von Ihnen in den Kommentaren hören! Sagen Sie uns, was Ihnen an diesen Websites gefällt, und wenn sie etwas getan haben, möchten Sie, dass wir es auf dem Blog unterrichten.

Feature-Bild über ProStockStudio / shutterstock.com