Divi Design Showcase: Neue Einreichungen ab August 2019

Es ist wieder soweit für unseren monatlichen Divi-Showcase, in dem wir uns 10 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 August 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 August 2019

1. Matrixüberdachung

Diese Seite wurde von Christian McMinn eingereicht. Es verwendet ein Vollbild-Hintergrundbild, um die Art der verfügbaren Arbeit anzuzeigen, und platziert einen CTA in der Überlagerung. Informationen über das Unternehmen werden in einem zweispaltigen Layout mit einem Bild auf der einen Seite und Aufzählungszeichen auf der anderen Seite platziert. Eine Schaltfläche Weiterlesen führt den Leser auf die Seite Über uns. Ein ähnlicher zweispaltiger Abschnitt zeigt Testimonials mit einem Link, um mehr zu erfahren. Dienste werden in Klappentexten mit großen einfarbigen Symbolen angezeigt. Weitere Links zu Informationen werden in CTAs mit dunklen Überlagerungen platziert. Die Fußzeile enthält eine Karte in voller Breite in Schwarzweiß, die standardmäßig nicht gescrollt wird. Ich mag die Color Guide-Seite, die das gleiche Haus mit unterschiedlich farbigen Dächern zeigt.

Besuche die Website

2. Brightworks-Gruppe

Diese Seite wurde von Britt Baue eingereicht. Hinter dem rotierenden Titeltext befindet sich ein dunkles Hintergrundmuster. Ein abgewinkelter Teiler trennt den Heldenabschnitt vom nächsten, der vertikalen Text, einen Slogan und Dienste in fettem grünem Text anzeigt, der beim Hover zoomen kann. Der nächste Abschnitt zeigt einen grauen Hintergrund mit abgewinkelten Teilern für oben und unten. Der große Text führt den Leser in den CTA-Download. Ein Abschnitt für Dienste enthält auch vertikal ausgerichteten Text für den Titel und zeigt Dienste in Klappen an. Ein einfacher Testimonial-Slider wird mit einem großen Titel eingeführt. Ein weiterer abgewinkelter Abschnitt zeigt Kundenlogos. Ein Kontaktabschnitt erstellt einen CTA und stellt Kontaktinformationen bereit. Mir gefällt, wie das Logo im Menü von der Mitte versetzt ist.

Besuche die Website

3. Insel

Diese Seite wurde von Saskia Lund eingereicht. Diese Seite enthält ein Hintergrundbild in echter Parallaxe im Heldenbereich, um die verfügbaren Urlaubsorte zu zeigen. Das Overlay enthält einen Slogan in einer Skriptschrift und ein Suchfeld mit einer Registerkarte, in der Sie erweiterte Suchen nach bestimmten Unterkünften durchführen können. Hohe und dünne Klappentexte mit Hover-Effekten zeigen Bilder und eine Beschreibung der zu erwartenden Urlaubsarten. Ein Bereich mit Specials zeigt Urlaub in einem Slider. Jedes ist eine große Karte mit einem Bild und einer Beschreibung und enthält Schwebeeffekte. Ein Abschnitt mit Anmietungen zeigt die Standorte auf einer Karte an, die das Bild, die Beschreibung und Informationen enthält. Ereignisse werden in einem Vollbild-Slider angezeigt. Der Blog-Bereich entspricht dem Design der großen Karte und enthält auch Hover-Effekte. Die Zeitschriftenseite zeigt Artikel innerhalb von Kategorien in einem mehrspaltigen Layout an.

Besuche die Website

4. Kopfschuppen

Diese Seite wurde von Gustav Espenes eingereicht. Ein CTA und eine Grafik werden in echter Parallaxe über einem Hintergrundmuster platziert. Die Grafik enthält eine Schaltfläche zum Abspielen eines Videos in einem Popup-Overlay. Ähnliche Grafiken werden auf der gesamten Website als Elemente in CTAs, Klappentexten und Hintergründen verwendet. Die Site enthält viele gestylte Trennwände, die beim Erstellen der Hintergründe helfen. Blurbs sind gegeneinander versetzt, um ein interessantes vertikales Design zu schaffen und haben Farben, die sich in den Hintergrund einfügen. Ein Abschnitt mit Fragen zeigt Antworten innerhalb von Umschaltern an. Ein weiterer Abschnitt von Klappentexten zeigt Vorteile mit Symbolen. Es enthält auch einen Testimonial-Schieberegler in voller Breite, Kundenlogos und ein gestyltes Kontaktformular. Ich mag die einspaltigen Personenmodule für die Teammitglieder und die Blogseite mit ihrem cleanen Design.

Besuche die Website

5. Auftauchen Richmond

Diese Seite wurde von Christian Schick eingereicht. Diese Seite verwendet viele grüne Highlights zusammen mit wellenförmigen Abschnittsteilern, um dem Layout ein interessantes, aber minimales Design zu verleihen. Der Hero-Bereich platziert einen CTA auf der einen Seite und ein Produktbeispiel auf der anderen, der den Abschnittsteiler überlappt. Der nächste Abschnitt zeigt ein ähnliches Produkt auf der einen Seite mit Vorteilen auf der anderen. Ein weiterer Abschnitt zeigt Symbole mit einem gestalteten Hintergrund, um eine Blume zu erstellen, um die Dienste anzuzeigen. Projekte werden in einem mehrspaltigen Abschnitt mit einem Bild auf der einen Seite und der Beschreibung auf der anderen Seite angezeigt. Ein Testimonial wird in einem Feld platziert, das auf dem Bildschirm zentriert ist und Abschnittsteiler überlappt, die zum nächsten CTA führen. Die benutzerdefinierte Fußzeile enthält auch wellenförmige Trennlinien, die von einem Newsletter-Formular überlappt werden. Ich mag die grünen Highlights auf der gesamten Website.

Besuche die Website

6. South Service Corporation

Diese Seite wurde von Mercedes Bugarin eingereicht. Der Hero-Abschnitt enthält Gleittext, um die Vorteile des Dienstes aufzuzeigen. Es platziert ein Formular im Hero-Bereich mit einer Service-Auswahl. Das Formular verwendet auf einer Seite abgerundete Ecken und überlappt das Bild im Heldenbereich. Der nächste Abschnitt zeigt Dienste in Klappentexten, die gestylte Ecken und Schatten enthalten. Kundenlogos werden innerhalb eines Schiebereglers angezeigt. Daran schließt sich ein kleiner Bereich mit Social-Buttons und einem Button an, über den sich Mitarbeiter einloggen können. Das Menü enthält zwei verschiedene CTAs. Abschnitte werden mit wellenförmigen Trennwänden unterteilt. Die Seite Dienste folgt dem gleichen Design und fügt gestylte Umschalter hinzu, um Informationen zu den einzelnen Diensten bereitzustellen. Die Toggles haben auf einer Seite abgerundete Ecken, um der Form zu entsprechen. Die Formulare für die Kontaktbewerbung haben ein ähnliches Design und heben sich durch Schatten ab.

Besuche die Website

7. Sozialer Bungalow

Diese Seite wurde von Kelsey Specter eingereicht. Der Hero-Bereich zeigt das Logo in einer Ecke mit ähnlichen Grafiken in mehreren Ecken. Grafiken aus der Kopfzeile werden überall auf der Site platziert. Auf der einen Seite werden Informationen und ein CTA platziert, auf der anderen eine Grafik. Das Hauptmenü befindet sich unter diesem Abschnitt und bleibt oben auf dem Bildschirm, während es zu diesem Punkt scrollt. Ein Einführungsabschnitt zeigt auf einer Seite ein Bild und auf der anderen einen Textblock, der es überlappt. Darauf folgt ein CTA und enthält eine Schaltfläche mit Winkeln, die sich beim Schweben ändern. Ein Blog-Abschnitt zeigt Beiträge mit sanften Farben, die zur Website passen, und enthält geskripteten Text für den Titel. Ein CTA mit voller Breite verwendet dieselben Farben und Grafiken wie der Header und platziert den gescripteten Titeltext im Hintergrund. Ich liebe das elegante Design der Blog-Seite, die dieselben Farben und Schriftarten mit mehreren Layouts verwendet.

Besuche die Website

8. Descargar Ecuakaraoke

Diese Seite wurde von Jero Shannon eingereicht. Dieser hat viele Cartoon-Animationen. Der Heldenbereich zeigt im Hintergrund einen animierten Cartoon mit einem CTA im Overlay. Eine Grafik überlappt den Abschnittsteiler, der mit animierten Klappen, die vertikal zueinander versetzt und mit den Teilern verfolgt werden, in den nächsten Abschnitt führt. Ein abgewinkeltes Bild führt in den nächsten Abschnitt, der einen Kauf-CTA und einen Link zum Blog enthält. Sternbewertungen überlappen den Hintergrund und bieten einen weiteren CTA. Ein eingebettetes YouTube-Video ist geneigt. Diese Site enthält viele abgewinkelte Elemente und Trennwände sowie mehrere CTAs mit Bildern oder farbigen Winkeln.

Besuche die Website

9. Blühende Figuren

Diese Seite wurde von Kate Britton eingereicht. Es enthält einen Farbfleck im Hintergrund und einen Schieberegler im Overlay auf einer Seite. Der Slider-Text überlappt das Slider-Bild und bietet Informationen und Links. Die Steuerelemente des Schiebereglers befinden sich in der oberen linken und unteren rechten Ecke. Der nächste Abschnitt verwendet mehrfarbigen Text und einen weiteren Hintergrundfleck, um Informationen bereitzustellen. Quadratische Klappentexte mit Volltonfarben zeigen nummerierte Titel und ändern die Farbe beim Bewegen des Mauszeigers. Ein anderer CTA zeigt auf einer Seite ein Bild mit den Farbflecken und auf der anderen einen CTA. Der Buchungsbereich zeigt den Titel auf einem durchgehenden Hintergrund und verwendet eine Karte, um den Standort auszuwählen. Ein Download-CTA platziert die Beschreibung in einem Block, der das Bild überlappt. Dieser verwendet viele kräftige Farben, die sich gut abheben.

Besuche die Website

10. Block-Kopf-Herausforderung

Diese Seite wurde von Keith Green eingereicht. Der Heldenbereich zeigt im Hintergrund einen Block mit einem strukturierten Filter für das Overlay. Der Slogan verwendet extra großen Text. Das Menü enthält zwei Call-to-Action-Buttons. Das Blockbild überlappt den nächsten Abschnitt, der ein Textelement in voller Breite anzeigt, um auf der einen Seite einen Titel und auf der anderen einen Farbblock anzuzeigen. Zwei abwechselnde Abschnitte zeigen ein Bild auf der einen Seite und Informationen auf der anderen über dem strukturierten Hintergrund. Die nächsten CTA-Abschnitte enthalten noch größere Titel mit klarem Blocktext. Einige überlappen die Abschnitte. Bilder überlappen noch dunklere strukturierte Hintergründe. Ich liebe die Verwendung von Grün, Bildern und Schriftarten in diesem.

Besuche die Website

Abschließend

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