Divi Design Showcase: Neue Einreichungen ab September 2019

Es ist wieder soweit für unseren monatlichen Divi-Showcase, in dem wir uns 10 fantastische Divi-Websites unserer Community-Mitglieder ansehen. 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 September 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 September 2019

1. Die wandernde Braut

Diese Seite wurde von Kelsey Specter eingereicht. Es umrahmt das Layout mit floralen Kunstwerken. Die Kopfzeile platziert das Hamburger-Menü links und einen CTA rechts. Ein Slider zeigt Fotos der Einstellungen und beinhaltet eine vertikal angeordnete Navigation. Ein Textbaustein überlagert diese und liefert Informationen über das Unternehmen mit einem gestylten Link darunter, um die Dienste zu sehen. Darunter befindet sich ein Abschnitt mit einem Slogan in eleganter Schrift. Ein Abschnitt mit Info-Informationen enthält ein Bild, das den vorherigen Abschnitt überlappt. Testimonials werden in einem Abschnitt in voller Breite mit dem Namen an einer Seite angezeigt. Ich mag den CTA am unteren Rand, der dem gleichen Design wie der Rest der Site folgt und ein Textmodul enthält, das Wörter wie eine Karte enthält. Eine benutzerdefinierte Fußzeile enthält einen eingebetteten Instagram-Feed.

Besuche die Website

2. RHN-CPA

Diese Seite wurde von Guillaume Bourdages eingereicht. Als erstes fiel mir die Speisekarte auf. Die Header-Elemente sind blockiert und es enthält einen CTA, aber was auffällt, ist das Mega-Menü. Wenn Sie mit der Maus über ein Menüelement fahren, wird ein Abschnitt in voller Breite mit einem Bild an einer Seite, einer Beschreibung mit einer Schaltfläche und mehreren Spalten mit Textlinks angezeigt. Der Heldenbereich zeigt ein Vollbild mit einem Slogan in Großdruck mit Beschreibung und CTA. Beim Scrollen wird eine große Grafik mit einem CTA angezeigt. Ich mag den Abschnitt "Standorte", in dem Fotos als Karten mit dem Namen im Overlay angezeigt werden. Mehrere Vollbild-Abschnitte haben auf der einen Seite Bilder und auf der anderen Seite Informationen. Erfahrungsberichte werden in einem Vollbild-Slider angezeigt. Es hat auch einen gestalteten Kontaktbereich und eine benutzerdefinierte Fußzeile mit einem Bild.

Besuche die Website

3. Airisa

Diese Seite wurde von Kristy Hill eingereicht. Dieser hat ein einfaches und einzigartiges Layout. Der Heldenbereich ist in vier Spalten unterteilt. Der erste zeigt das Logo an. Die nächsten drei zeigen Bilder für die Kategorien an. Die Kategorienamen erscheinen darüber. Wenn Sie auf den Namen oder das Bild klicken, gelangen Sie zu einer Galerie für diese Kategorie. Der nächste Abschnitt enthält Informationen zum Fotografen und enthält ein eingekreistes Bild mit einer Textmaske. Darauf folgt ein eingebetteter Instagram-Feed und dann das Logo mit Social-Follow-Buttons. Die Galerieseiten zeigen die Bilder in einem Mosaik und enthalten Filter, die wie ein sekundäres Menü unter dem primären Menü aussehen.

Besuche die Website

4. Aranzer

Diese Seite wurde von Aranzer Construction eingereicht. Der Heldenbereich zeigt Bilder und Grafiken in mehreren Ebenen an, die dem Mauszeiger folgen, während Sie sich auf dem Bildschirm bewegen. Ein Abschnitt „Über uns lernen“ enthält Informationen und eine Schaltfläche, die auf die Seite „Über uns“ verweist und den Prozess der Arbeit mit ihnen mithilfe nummerierter Klappentexte zeigt. Ein weiterer Abschnitt von Klappentexten zeigt die Vorteile der Nutzung des Unternehmens. Der Abschnitt für Dienstleistungen zeigt einen CTA und Bilder der Arbeit. Es enthält auch einen CTA, um ein Angebot direkt über einer benutzerdefinierten Fußzeile anzufordern. Im Menü erscheint auch ein Anfrage-CTA. Die Blog-Seite zeigt einen Post-Slider der neuesten Artikel an. Die Seite Dienste zeigt viele überlappende Bilder in einem abwechselnden Layout.

Besuche die Website

5. Breitenpark

Diese Seite wurde von Rusty Rich eingereicht. Der Heldenbereich enthält ein Hintergrundbild und eine Verlaufsüberlagerung, die auf der einen Seite einen Slogan mit extra großem Text und auf der anderen eine Liste von Links mit Verlaufshintergründen für jeden enthält. Badges und ein Formular überlappen den Heldenbereich und geben Auskunft über das Unternehmen. Ein Abschnitt von Klappentexten funktioniert als CTAs. Ein Projektabschnitt zeigt Beispiele für Arbeiten mit Bildern und Titeln. Erfahrungsberichte werden in einem dreispaltigen Abschnitt auf einem durchgehend blauen Hintergrund angezeigt, der dem Text auf der gesamten Website entspricht. Ein Planungs-CTA wird über einem Hintergrundbild in Parallaxe platziert. Der Blog-Bereich zeigt die letzten drei Beiträge in einfachen Karten mit blauen Titeln. Die Seiten nutzen die Farb- und Preistabellen hervorragend.

Besuche die Website

6. Sarah Antwerpen

Diese Seite wurde von Christian Mauerer eingereicht. Dieser hat ein interessantes Magazindesign. Der Hero-Bereich zeigt ein Vollbild mit dem Titel der Site und Slogans rund um das Bild an, Standorte werden vertikal aufgelistet und ein Dreieck erzeugt ein eingefügtes Testimonial. Durch Scrollen werden das Menü und ein Abschnitt mit Medienlogos, in denen Kunden vorgestellt werden, einer Schaltfläche, einem Testimonial und einem Bild des Websitebesitzers angezeigt. Der nächste Abschnitt zeigt ein Bild mit einem großen, vertikal gedruckten Titel und einem Zitat des Eigentümers. Mehrere Abschnitte enthalten große Titel und viele Bilder in mehrspaltigen Layouts oder überlappen sich und CTAs. Ich mag den Testimonial-Abschnitt mit den gerahmten Bildern, Drop-Caps, Text, der einen echten Parallax-Hintergrund erzeugt, und einer Schaltfläche, um mehr zu lesen.

Besuche die Website

7. Ultratek-Lösungen

Diese Seite wurde von Etienne de La Ruche eingereicht. Der Heldenbereich zeigt auf der einen Seite einen CTA und auf der anderen ein Bild mit einer gestylten Form mit drei gestylten Farbformen dahinter. Ein Produktbereich zeigt Produkte mit einem Kastenschatten und Effekten, die beim Schweben einen Rahmen hinzufügen. Zwei größere Bilder enthalten einen farbigen Rand an einer Seite und Text im Overlay, der zum Rand passt. Firmenlogos werden in einem schmalen Abschnitt mit einem Kastenschatten dargestellt. Mehrere Abschnitte enthalten CTAs mit Textbausteinen und Klappentexten. Ich mag den Abschnitt unten mit einem Bild, das einen Kastenschatten enthält, der ein Textmodul mit einem Farbfleck bis zu einer Ecke überlappt, die den Abschnitt darüber überlappt. Ich mag auch die Dropdown-Menüelemente, die beim Schweben eine Farbleiste auf einer Seite hinzufügen.

Besuche die Website

8. Mepack-cz

Diese Seite wurde von Tomaš Orliczek eingereicht. Der Bildschirm ist auf der gesamten Seite in zwei Farben unterteilt, mit Schwarz links und Weiß rechts. Der Hero-Bereich zeigt einen 6-Achsen-Roboter in der Mitte mit dem Produktnamen über dem Bild. Der Text auf der schwarzen Seite ist weiß und der Text auf der weißen Seite ist schwarz. Der nächste Abschnitt zeigt einen weiteren Roboter in der Mitte mit Klappen auf beiden Seiten und Textbausteinen in der Mitte über dem Bild für Beschreibungen. An diesem hängt ein weiterer Roboter (GLaDOS-Stil) und führt zum Footer mit Social-Media-Icons, die auch oben im Menü erscheinen, wenn auf das Hamburger-Icon geklickt wird. Die Produktseite zeigt jeden der Roboter mit abwechselnd schwarzem und weißem Hintergrund. Die Produktseiten zeigen den Roboter mit seiner Steuerung auf der einen Seite und Spezifikationen auf der anderen.

Besuche die Website

9. Ziel-Master-Fitness

Diese Seite wurde von Steve Lavine eingereicht. Der Hero-Bereich zeigt ein Vollbild-Hintergrundbild mit Text im Overlay. Der Text verwendet interessante ineinandergreifende Buchstaben. Das Logo ändert sich beim Scrollen. Im nächsten Abschnitt werden drei Bilder angezeigt, um Informationen über den Zweck der Site zu erhalten. Ein Abschnitt „Info“ zeigt Informationen mit einer Schaltfläche auf der einen Seite und einem eingebetteten Video auf der anderen Seite mit einer Trennlinie an. Testimonials in voller Breite folgen diesem und enthalten ein eingekreistes Bild mit einem Rahmen, der an die Website angepasst ist. Ich mag den Abschnitt, der die vier Säulen des Erfolgs zeigt. Es zeigt Klappentexte mit Symbolen oben und Bildern unten über einem Hintergrundbild an, das in den nächsten Abschnitt führt. Es wird eine Zeitleiste mit Bildern auf der einen Seite und Aufzählungszeichen auf der anderen in abwechselndem Layout erstellt. Das Logo erscheint in der Mitte und die Farbe wird nach und nach ausgefüllt. Mehrere Bilder verlinken zu den verschiedenen Seiten.

Besuche die Website

10. Atrify

Diese Seite wurde von Tobias Drevenstedt eingereicht. Es verwendet viele Farbelemente und Animationen auf der gesamten Website. Der Hero-Bereich zeigt auf der einen Seite einen CTA und auf der anderen ein Bild. Mehrere Textmodule sitzen über dem Bild und bieten Spezifikationen und andere Informationen zum Produkt. Ein Logo-Slider überlagert diesen und den nächsten Abschnitt, der eine interessante Grafik für Services enthält. Informationen werden in gestylten Umschaltern bereitgestellt. Ich mag den nächsten CTA, mit seinem dunklen Hintergrund und der Farbe an einer Ecke. Die Farbe wird auch innerhalb der Schaltfläche des CTA verwendet. Ich mag auch die Klappentexte für Lösungen. Dazu gehören ausgegraute Grafiken, die animiert werden und sich beim Schweben in Farbe ändern. Dienste werden in Umschaltern angezeigt, die Farbe auf einer Seite enthalten. Kategorien für die Dienste verwenden mehrfarbige Symbole. Ich mag auch den Bereich Industries mit seinem gestylten Filter.

Besuche die Website

Abschließend

Das sind unsere 10 besten Community-Einreichungen auf der Divi-Website für den Monat September. 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.

Ausgewähltes Bild über Doppelganger4 / shutterstock.com